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.
24. Clique no Frame que possui o maior brilho do olho, clique na pequena seta no rodapé do Frame e escolha a duração de 0.5.
25. Pressione a barra de espaço para visualizar sua animação.
26. Agora vá em File> Save for Web e defina os valores abaixo.
27. No final seu gif animado ficará como a foto abaixo.
Site de origem: https://design.tutsplus.com/tutorials/how-to-make-a-gif-in-photoshop–cms-29060