a n i m a ç ã o ~
Esse tutorial vai mostrar como fazer uma simples animação de button usando o Photoshop
e o Image Ready.
1. Abra o button que será animado.O meu, eu peguei no
TBM.
Aproveite e escreva o texto com uma pixel font
2. Deixe-a camada do texto invísivel (clique no olho na janela de camadas) e crie um novo texto em
outra camada.
3. Repita o passo três, escrevendo outro texto.Sua janela de camadas deve ter duas invisíveis e uma
vísivel, que é a que vamos escrever agora.
4. Agora, deixe a camada do primeiro texto que você escreveu vísivel e os outros textos invisíveis.
Mande para o Image Ready clicando nesse botão:
5. Estamos no Image Ready.Essa parte é complicada, então preste atenção.Duplique a camada duas vezes naquele painel
que está no canto esquerdo da tela.Clique na primeira lay.Deixe como está.Na segunda lay, deixe o primeiro e o último texto invisível e
o segundo vísivel.Na terceira lay, deixe apenas o último texto vísivel.
6. Vamos animair!clique naquele botão que tem uma bolinhas.
7. Configure o painel de acordo com o exemplo abaixo.
8. Clique na lay onde estava o seu segundo texto e de novo, aperte o botão com as bolinhas e configure do mesmo
jeito que o passo 7.
9. Reta final!Mude o tempo de repetição de 0 para 1 clicando onde a setinha mostra.Faça isso com a primeira e a última lay!
10. Pronto!Seu button está animado!Salve-o no "Salvar otimizado como" - GIF.
« voltar