. . . .............. .

Animação com efeitos zoom out e fade

Olá amigos neste tutorial aprenderemos como fazer um efeito Zoom Out e Fade no Flash.





Abra um novo arquivo Flash (Ctrl + N). A janela Novo documento vai aparecer,escolha : Flash File(ActionScript 2.0). Pressione OK.Se a Timeline não estiver aberta, pressione (Ctrl + Alt + T). Agora você pode ver uma única camada chamada "Layer1" na janela da Timeline.

Selecione o primeiro quadro.Importe uma imagem para o palco, dê preferência a imagem de uma estrada, clicando em File -Import -Import to Stage, ou simplesmente pressione (Ctrl + R).Pressione F8, para converter essa imagem para um símbolo(symbol) e dê o nome deste símbolo de "estrada_gr" , escolha a opção "graphic". Pressione OK..


Crie uma nova camada presionando o botão indicado na figura abaixo e dê o nome de carro1 a ela.









Selecione a segunda camada.Importe uma imagem ou crie um desenho no formato de um carro usando ferramentas de forma da caixa de ferramentas.

Pressione (F8) e converta essa imagem em um "movie clip" e dê o nome de "caro01_mc "e  Pressione OK. Selecione o mivie clip (carr01_mc)e dê um duplo clique.Aparecerá uma nova Timeline.
Selecione movie clip "carro01_mc" aperte F8 e tranforme em um gráfico(opção graphic). 
 
Agora selecione o Frame1, vá em propriedades(properties) , color e escolha a opção Alpha e coloque 0%.  

Agora selecione a Frame5 para inserir um novo KeyFrame e Pressione (F6) e em propriedades(properties); mude o Alpha para 100%  e reduza o tamanho do carro.Clique com o botão direito em entre Frame1 e Frame5 marque a opção Create Motion Tween.
 
Selecione o Frame20 e aperte F6. Neste quadro aumente tamanho da imagem do carro e mova-o para fora da pista ,como na figura abaixo:




No Frame25 insera um novo KeyFrame e altere Alpha para 0%. Com o botão direito do mouse Insera "Create motion tween" entre frame5-20 e Frame20-25. 
Para colocar um carro no sentido inverso(carro 02), insira uma nova "Layer" e siga o mesmo processo do carro feito no carro 01.

Obs: Para cada imagem que for inserir crie uma nova "Layer".

Pronto agora é só apertar Ctrl+Enter para ver o resultado.


Espero  que tenham gostado de mais esta dica

COMENTE ESTA POSTAGEM



.

Related Posts with Thumbnails
Posted on 17:48 by vicente claudio and filed under | 0 Comments »

0 comentários: