em , , , , ,

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.

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

 

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Razer anuncia duas versões do Tiamat 7.1, o headset com verdadeiro som surround para posicionamento por áudio em games

Hoplon anuncia participação de Detonator em Heavy Metal Machines