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!