Tutorial Flash: efeito de aparição de texto

Neste tutorial você vai aprender a fazer um efeito de aparição de texto usando o Flash. Este efeito mostra todas as letras de um texto aparecendo uma de cada vez com esmaecimento.

Por | @oficinadanet Softwares

Neste tutorial você vai aprender a fazer um efeito de aparição de texto usando o Flash. Este efeito mostra todas as letras de um texto aparecendo uma de cada vez com esmaecimento.

Vamos aprender a fazer a seguinte animação:


Bem comece criando um novo arquivo. O tamanho não importa mas criei um arquivo 250x150 px e com 50 frames por segundo...

Tutorial Flash: efeito de aparição de texto

Bem Crie um texto com a ferramenta TEXT TOOL(T) Tutorial Flash: efeito de aparição de texto... eu Coloquei o ETUTORIAIS...
Tutorial Flash: efeito de aparição de texto

Bem após isso acionei a ferramenta Subselection TOOL (A) Tutorial Flash: efeito de aparição de texto e em seguida clique sobre o texto e aperte CTRL B. Isso fará com que o texto seja quebrado letra por letra. Veja a imagem:
Tutorial Flash: efeito de aparição de texto

Bem agora vamos transfomar cada letra em um gráfico. Com a ferramenta subselection clique na letra E. Após isso aperte no seu teclado a tecla F8. faça como mostra a imagem abaixo:
Tutorial Flash: efeito de aparição de texto

Após isso faça com todas as camadas a mesma coisa. Após terminar isso aperte no seu teclado F11. Aparecerá a caixa da library.
Tutorial Flash: efeito de aparição de texto

Selecione todas as letras pressioando CTRL A e apos isso vá em Modify - Timeline - Distribute to layers ou simplesmente pressione (Ctrl Shift D)
Tutorial Flash: efeito de aparição de texto

Você pode apagar a layer 1. ela não servirá para nada. O próximo passo você tem que ter bastante atenção. Selecione a letra T e afaste ela três frames. Selecione a letra U e afesta 6 frames. Selecione a outra letra T e afaste 9 frames. Repita com essa progressão nas outras camadas.
Tutorial Flash: efeito de aparição de texto

Selecione a camada da letra E e vá no quadro 20. Aperte F6 para adicionar um Key Frame nele. Selecione a camada da letra T e vá ao frame 23 e faça a mesma coisa. aperte F6. Faça a mesma coisa seguindo a proporção para as demais camadas.
Tutorial Flash: efeito de aparição de texto

Selecione o primeiro frame da camada E e faça o seguinte. Ative a ferramenta Free Transformation(Q) Tutorial Flash: efeito de aparição de texto e com a letra é selecionada aumente cerca de 40%.
Tutorial Flash: efeito de aparição de texto

Após isso vá ao painel das propriedades... Ctlr F3 e procure color mude para alpha e deixe o sue valor em 0%.
Tutorial Flash: efeito de aparição de texto Tutorial Flash: efeito de aparição de texto

A letra vai sumir. Não se preocupe. Agora procure e abra o painel do histórico. Ctrl F10 e procure pelas as ações Scale e Instance Alpha selecione as duas e clique onde mostra imagem.
Tutorial Flash: efeito de aparição de texto

Selecione Salvar Comando
Tutorial Flash: efeito de aparição de texto

Nomeie o comando como comando... Agora na camada T selecione o frame que contem o primeiro T. Digo o 3 frame da camada T.
Tutorial Flash: efeito de aparição de texto

Vá em Commands e Clique sobre o comando que você criou. Repita nas demais cadamas(Importante somente nos primeiros frames de cada camada... assim como na camada T. Agora Selecione o o frame subsequente ao ultimo da cadada S e arrasta uma seleção para baixo ate a camada E. Veja como deve ser na imagem.
Tutorial Flash: efeito de aparição de texto

Após isso aperte F5 para criar frames
Tutorial Flash: efeito de aparição de texto

Estamos terminando. Agora vamos na primeira camada [E] e na propriedades mude o tween de nome para motion
Tutorial Flash: efeito de aparição de texto

Faça isso em todas as camadas. Vamos ter um resultado de imagens mais ou menos assim.
Tutorial Flash: efeito de aparição de texto

Bem agora basta testar... CTRL ENTER.
ATÉ MAIS GALERA, o arquivo anexo contem pronto este tutorial

Mais sobre: flash tutoriais
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo