[Tutorial]Como criar uma imagem animada (GIF) no Photoshop CS3

 Quero ensiná-los como criar uma animação com o Photoshop CS3, pois até ontem (3 de junho de 2010) eu estava procurando no Google como utilizar a ferramenta “Animação” do CS3. Infelizmente encontrei respostas muito vagas e por pura sorte, olhando uma comunidade do LiveJournal, achei por fim como fazer.

Nessa minha busca, percebi que dúvidas ainda pairavam sobre as cabeças dos que procuravam alguma ajuda em fóruns. Então, já que aprendi de vez, resolviutilizar o post original da comunidade do LJ como base desse tutorial, mas no meu tive que fazer somente algumas alterações, pois na animação que fiz, pulei etapas explicadas no original.

Óbvio que há várias outras maneiras de fazer animações, mas este foi a que compreendi melhor. Nesse tutorial, vou fazer um icon/avatar.

Primeira etapa:
Você precisa ter uma seqüência de imagens salvas numa pasta. Como esta:

Segunda etapa:

Vá em: File>Scripts>Load Files into Stack…

Ao clicar no comando, aparecerá este outro quadro:

Clique em “Browse” e procure aquela pasta com as imagens. Por fim, “Ok”. Dependendo do número de imagens pode demorar um pouco.

Quarta etapa:

Como este GIf vai servir de icon, precisamos diminuir o tamanho. Originalmente as imagens medem: 640 pixels por 480 pixels. Para diminuir clique em: Image>Image Size. Estou utilizando 100 pixels em Width e 75 em Heigth.

Quinta etapa:

Clique em: Window>Animation

 

Sexta etapa:

Você vai perceber que apareceu somente um frame. Para aparecer os outros siga igual à imagem abaixo:

Fica assim:

Sétima etapa:

Selecione todos os “Animation (Frames)”. Clique com o botão direito onde aparece 0 sec. e coloque 0.2 sec. Embaixo do primeiro frame se lê Once. Clique e coloque Forever. No ultimo frame, no meu caso o 34, clique nele e mude o tempo de 0.2 para 1.0 ou o que você achar melhor.

Oitava etapa:

As imagens que selecionei estão escuras, para clareá-las selecione o ultimo, no meu caso, a penúltima imagem (cima para baixo) layer no quadro de Layers (na imagem a cima e o quadro da direita). Nessa imagem vou dar um brilho, por isso vou em: Layers>New adjustment layer>Brightness/Contrast. Ajuste o brilho do jeito que você goste. Para dar um toque a mais eu utilizei essa textura:

Voce pode usar outras texturas, textos, dar uma melhorada no visual, o que quiser. Use a imaginação. O básico é isto. O resto é com vocês.

Para salvar em formato gif, faça o seguinte: File>Save for Web

O resultado final é este: 

Tags:animaçao, gif, photoshop cs3, tutorial