Tutoriais de Photoshop

Antes de começarmos, você deve ter imagens em sequência, para que posteriormente nosso gif tenha aparência de movimento. No nosso exemplo utilizarei apenas duas imagens para não deixar o tutorial muito extenso:

1º No Photoshop, abra suas imagens. Crie um novo arquivo(Ctrl +N) e na sequência dos movimentos copie(Ctrl + C) e cole(Ctrl + V) todas as suas imagens no mesmo arquivo. Suas imagens deverão ficar divididas em camadas.

2º Salve seu arquivo em formato PSD. Feche o Photoshop e abra o Adobe Image Ready. Geralmente ele está no mesmo diretório do Photoshop, já que é instalado juntamente com o mesmo.

3º Note que o Adobe Image Ready é muito semelhante com o Photoshop. Abra o arquivo PSD que você havia salvado.

4º Clicando no olho ao lado de cada camada, deixe apenas a Camada 1 visível.

5º Feito isto, vá para a janela Animação (Janela > Animação) e clique em Duplica o Quadro Atual.

6º Na janela das Camadas deixe apenas a Camada 2 visível, volte para a janela Animação e clique novamente em Duplica o Quadro Atual e repita esses passos para todas as outras Camadas.

7º Ainda na janela Animação, você pode alterar o intervalo em que as imagens irão mudar, clicando logo abaixo de cada quadro, como mostra a figura.

8º Com tudo já configurado, acesse o menu Arquivo > Salvar Otimizado Como e salve seu arquivo com a extensão .GIF.

E está pronto seu GIF animado!!!

Dica: Sempre é bom lembrar que o Photoshop não é o programa mais indicado para se criar animações para Web, devido ao tamanho do arquivo ficar bastante grande, mas de qualquer forma é de muita utilidade. Até a próxima!