Timeline, Shape Tween Motion, introdução a movimentos no Flash

0
40

O Flash pode criar dois tipos de animação interpolada usando a timeline:

Tween Motion & Shape Tween

Criar um Movimento/Shape tween usando a timeline é o procedimento mais básico do Flash. A Interpolação de movimento nada mais é do que a interpolação dos movimentos de um símbolo de uma posição para outra. Para implementar o movimento, tudo o que você tem a fazer é fornecer ao Flash a posição inicial do símbolo e a posição final. O resto é com o Flash. Simples né?

Por exemplo, se você clicar aqui verá a animação de um lápis no flash que foi feita com a sua posição inicial e posição final, a interpolação de movimento intermediário é feito pelo flash. O movimento de animação Tween é tão simples quanto isto.

Ok, você está pronto para aprender como criar interpolação de movimento. Tudo que você precisa fazer é apenas seguir este tutorial passo a passo.

Vamos láh!

Abra um novo arquivo no flash acessando File> New [Ctrl + N] na janela que será exibida selecione a guia General e a opção ActionScript 2.0.

Se a sua timeline não estiver aberta, pressione [Ctrl + Alt + T] para abri-la.

Você deve ver uma única camada chamada “Layer1” em sua Timeline.

Você deve ver uma única camada chamada "Layer1" em sua Timeline.

Selecione o primeiro quadro. Importe sua imagem para o palco, sobre o qual você gostaria de implementar a interpolação de movimento.

File> Import> Import to stage, ou simplesmente pressione [Ctrl + R].

Você pode até mesmo desenhar seu próprio objeto, você pode selecionar a ferramenta Retângulo ou Oval na caixa de ferramentas e desenhar a forma desejada.

Você pode até mesmo desenhar seu próprio objeto, você pode selecionar a ferramenta Retângulo ou Oval na caixa de ferramentas e desenhar a forma desejada.

Agora selecione o objeto no palco e pressione F8 para converter esta imagem em um símbolo.  Na janela “Create New Symbol” dê um nome para seu novo símbolo. Em type selecione Graphic e pressione OK.

Agora selecione o objeto no palco e pressione F8 para converter esta imagem em um símbolo.  Na janela “Create New Symbol” dê um nome para seu novo símbolo. Em type selecione Graphic e pressione OK.

Nota: Você pode criar interpolação de movimento apenas em símbolos. Assim, para aplicar movimento a um objeto, primeiro converta-o em símbolo.

Agora o símbolo está no frame1 da Layer1. Selecione o frame 20 e pressione F6 para inserir um novo quadro-chave.

Ainda mantendo o frame 20 selecionado, mova o seu símbolo para qualquer outra posição que não seja o atual.

Ainda mantendo o frame 20 selecionado, mova o seu símbolo para qualquer outra posição que não seja o atual.

Agora clique com o botão direito em qualquer quadro entre 2 e 19 e selecione a opção Crete Shape Tween.

Agora clique com o botão direito em qualquer quadro entre 2 e 19 e selecione a opção Crete Shape Tween.

Agora sua camada estará parecida com o mostrado abaixo.

Agora sua camada estará parecida com o mostrado abaixo.

Agora pressione [Ctrl + Enter] para ver a sua interpolação de movimento. Legal hein?

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

 

diHITT – Notícias

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here