[Tutorial] Sprites que se mechem!

Vamos lá, galerinha! Vamos fazer Sprites se mecherem!

Passo 1: Os sprites. Como é só para ensinar, vamos pegar qualquer sprite. Depois vocês postam os resultados, ok?

Entre nesse site e pegue o sprite que você vai usar. Pode ser qualquer um. Vou usar o Sprite do Tauros. Salve no seu PC e abra com o Photoshop, e ponha o Sprite em um documento 80x80


Mude o nome da Layer para "Frame 1" e pegue o segundo sprite que seja o mesmo Pokémon (vamos chamar de Frames) aqui. Faça a mesma coisa, mas no mesmo documento aberto. Tem que deixar essa Frame exatamente em cima da Frame 1. Nomeie esse para "Frame 2"


Agora vem a parte de fazer animações. Vá em Window > Animation. Uma telinha de animações vai ser criada logo abaixo da visualização do Documento.

Now, vamos fazer os sprites se mecherem: Vá na primeira janela da animação (vamos chamar ela de Animation 1) e clique na setinha e escolha o Tempo. Para esses Sprites, recomendo 0.5 para ficar em um tempo bom de um ao outro.

Estamos quase acabando: Agora vá nas Layers e deixe a Frame 2 invisível. depois disso, vá crie uma nova janela de animação.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Nessa nova janela, faça a mesma coisa, mas deixe a Frame 1 invisível e a 2 visível.

Após isso, vá em File > Save for Web & Devices e clique em "Preview". Uma página de seu navegador padrão será aberta e mostrará o resultado final.
Agora é só clicar em Save ai mesmo no Save for Web & Devices que você terá um sprite se mechendo!

Resultado final: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

(Meu Imageshack está com problemas, mais aquela era a única imagem que realmente precisava)

Otimo!

Gostaria de ver imagens práticas, para melhorar a explicação do metodo da formação da gif.

Criei um!
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

@Andre3: BLOCK!