quarta-feira, 17 de fevereiro de 2010

criando gifs animadas no photoshop

Este é um tutorial básico para iniciantes, iremos usar apenas textos.

Primeiramente iremos criar um arquivo psd com as camadas que iremos usar ma nossa gif, no meu caso irei criar um botão para meu blog.

Abra o photoshop e crie um novo documento. Eu usei 120 x 60

file/new



usei o balde de tinta e a ferramenta texto, note que quando você usa a ferramenta texto um novo layer (camada) é criado automaticamente. Se a janela layer não estiver aparecendo vá ao menu windows/layer.



click no olho em frente a camada texto (tutos) para ocultar, ira ficar só o fundo (background) visível.


Uso a ferramenta texto para criar a palavra lokos, uma nova camada é criada automaticamente. Não esqueça que a camada background deve estar selecionada.

Repita o processo com as outras camadas, sempre clicando no olho depois que terminar uma camada para iniciar outra.

Veja com ficou: a camada azul e 4 camadas com os textos.





Agora vamos criar a animação

Vá ao menu windows/animação para abrir a janela onde iremos criar a gif. Não esqueçam de deixa todos os olhos desmarcados.




Click no olho da camada background e texto tutos, ira aparecer a imagem no frame 1

na janela de animação crie um novo frame (segundo botão da direita para esquerda)



Desmarque o olho na camada texto tutos e marque a camada texto lokos deixando a camada background marcada.




Repita o processo para criar todos os frames. Abaixo de cada frame tem uma indicação de tempo, é só clicar na setinha ao lado e escolher a duração de exibição d cada frame. Eu coloquei em 1 segundo.


Click no player para ver como ficou.




Para salvar vá no menu file/save for web e devices.

Quer mais efeito?
No janela animação click no frame 1 (tutos) click 4 vezes em criar novo frame, ficando 5 frames tutos, faça o mesmo com os outros frames. Ira ficar 5 frames com cada palavra.

Agora click no frame 1 vá na janela layer e em opacity (opacidade) deixe em 35%, click no frame 2 e deixe em 70%, no frame 3 100%, frame 4 70%, frame 5 35%.



Lembre que para mudar a opacidade da camada texto a mesma tem que esta selecionada na janela layer,

Veja o resultado.

Repita o processo com os outros frames ficando sempre 35,70,100,70,35. Mude a velocidade para 0,2 segundos, click na ferramenta player para ver o resultato.


O legal é fazer vários frames com vários níveis de opacidade e aumentar a velocidade para 0,1, ficando uma seqüência tipo 15, 35, 50, 65, 80, 100, 80, 65, 50, 35, 15.

0 comentários: