no , , , , ,

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

15. Mude o modo de blend para Screen.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

18. Defina os valores abaixo.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar! Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

25. Pressione a barra de espaço para visualizar sua animação.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

26. Agora vá em File> Save for Web e defina os valores abaixo.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!27. No final seu gif animado ficará como a foto abaixo.

Tutorial: Como Criar Um Gif Animado No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

Site de origem: https://design.tutsplus.com/tutorials/how-to-make-a-gif-in-photoshop–cms-29060

 

Publicado 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.

17 − 10 =

      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