Tutorial: Como Criar Um Gif Animado No Photoshop

Descrição: Neste tutorial veremos como animar uma imagem e transformá-la em um gif animado usando o Photoshop, para isso usaremos alguns recursos da timeline em conjunto com layer styles.

01. Pressione Ctrl+O e abra uma imagem qualquer, no caso deste tutorial usaremos a imagem abaixo, como queremos apenas a parte dos olhos vamos cropar a imagem, para isso pressione a letra C do teclado para selecionar a Crop Tool, e ajuste como na foto abaixo, pressione Enter para eliminar as partes desnecessárias.

02. Vá em Select> Color Range, clique no conta gotas com sinal de mais chamado Add to Sample e depois na cor dos olhos.

03. Arraste o slider de Fuzziness para ajustar a seleção que será criada, clique em Ok para ativar a seleção.

04. Vá em Select> Refine Edge, defina os valores abaixo e pressione Ok.

05. Pressione Ctrl+J para duplicar a área selecionada para uma nova layer.

06. Agora vá em Image> Image Size e defina os valores abaixo.

07. Agora vá em Window> Timeline, clique no ícone de Create Frame Animation.

08. Clique na pequena seta no rodapé da Timeline e escolha a opção Forever.

09. Clique na pequena seta no rodapé do primeiro Frame, ali é possível escolher a duração do frame durante a animação.

10. Clique em Other e defina o valor defina o valor de 0.06.

11. Clique no ícone de Create a New Frame no rodapé da Timeline para criar um novo frame para o gif que iremos fazer.

12. Cada frame da Timeline registra posições diferentes de layers na paleta de layers, assim com o segundo frame selecionado retire a visibilidade da layer original, no caso da imagem abaixo o segundo frame possui a layer da foto original sem visibilidade, no entanto não é necessário realizar nenhuma alteração em sua paleta de layers por enquanto.

13. Com o segundo Frame selecionado clique sobre a layer que contém apenas os olhos que copiamos, vá em Layer> Layer Style> Color Overlay.

14. Clique sobre a miniatura da cor e defina os valores abaixo.

15. Mude o modo de blend para Screen.

16. Vá em Layer> Layer Style> Outer Glow.

17. Clique sobre a miniatura de cor e escolha a mesma cor que usamos anteriormente.

18. Defina os valores abaixo.

19. Clique no botão de Play na Timeline ou pressione a barra de espaço para ver como seu gif está ficando.

20. Com a tecla Ctrl pressionada clique sobre os dois Frames, clique na pequena seta no canto superior direito da Timeline e escolha a opção Tween.

21. Quanto mais frames você adicionar mais suave será a transição, no caso deste tutorial usaremos 10 frames.

22. Ao clicar em Ok, sua Timeline ficará como a foto abaixo, pressione a barra de espaço para visualizar a animação.

23. Com a tecla Ctrl pressionada clique no primeiro e no último Frame, clique novamente na seta no canto superior direito da Timeline e escolha a opção Tween, defina o valor de 10 frames e clique em Ok.