Tutorial: Criar Animação Simples (Motion Tween)

Criar Animação Simples (Motion Tween)

Para primeiro tutorial, o ”Criatividade Visual” criou um tutorial de nível básico baseado na tecnologia flash. Este tutorial simples explica facilmente como utilizar a ferramenta Motion Tween que pode depois ser explorada de diversas maneiras para criar animações diferentes e mais complexas. Siga atentamente o tutorial e no final explore o uso do Motion Tween de outras maneiras, qualquer dúvida basta deixar um comentário.

Data: 26/02/09

Autor: NgM_Me_KuRtE (Flávio Proença)

Programa necessário: Adobe Flash

Tempo: 5 minutos

Nível: Básico

Resultado Final:

1- Abrir o Flash.
2- Criar um novo documento, o tamanho depende do tipo de animação que vocês vão criar.

Dica: Se a timeline não está visível, cliquem Ctrl+Alt+T, para o painel ficar visível.

3- Importar o objecto para o flash. (eu no meu caso vou usar o logo do site, vocês podem usar o que vocês quiserem.) Para exportarem o ficheiro cliquem Ctrl+R, e escolham o ficheiro que pretendem importar para o palco.

4- Depois, de importado o ficheiro vamos coloca-lo fora do palco do lado esquerdo, como mostra a imagem seguinte.

1

5- Agora vamos na timeline (linha de tempo), e seleccionamos a frame 50 (podem colocar noutra frame, isso depende de vocês), e pressionem a tecla F6 para criar um keyframe.

2
6- Vamos agora colocar o a imagem ( do logo no meu caso), no lado direito fora do palco, como fizemos no passo 4, mas só que desta vez no lado direito. Aqui fica uma imagem, para verem como deverá ficar.

3
7- Feito isto, vamos à timeline (linha de tempo), e seleccionamos uma frame qualquer entre a frame 1 e 50 e no painel das propriedades no campo Tween seleccionamos a opção Motion. (Ver imagem abaixo)

4
8- Bem e para acabar basta, testar o nosso projecto, para isso cliquem Ctrl+Enter para ver o nosso resultado final.