Flash: Interpolação de Movimento

Bem Vindos iniciantes ao universo Flash

Uma das coisas mais simples e basicas em Flash é criar um efeito de movimento, que em portugues é chamado de interpolação de movimento mas para quem quer realmente trabalhar com Flash ou ser Webdesigner e aconselhavel trabalhar com versões em inglês onde o nome é motion tween.

 

Para este tutorial será utilizado a versão macromedia 8, mas poderá ser seguido por qualquer versão.

 

Forma 1 (por atalho)

1 :: Desenhe um objeto qualquer em um dos cantos do palco.

 

Figura 1

Figura 1

2 :: Clique no Frame 12 (quadro2) e precione F6 :: Os frames são como folhas de um bloco. quanto maior a quantidade de frames utilizados maior será o tempo da sua animação. A função do F6 é de criar um key frame (quadro-chave), um quadro diferenciado que poderá ser editado.

 

Repare que os frames intermediários são copias do primeiro frame. por não serem keyframes eles não são editáveis.

 

3 :: Estando no frame 12, utilizando a ferramenta Selection (seleção), arraste o objeto para o outro lado do palco.

 

Figura 2

Figura 2

Aqui esta o conceito de um movimento: No frame 1 temos o objeto em uma posição e no frame 12 temos o mesmo objeto em outra posição. a idéa e fazer o objeto ir do ponto inicial ao final. Para isso usamos o efeito de motion tween ou interpolação de movimento.

 

4 :: Para fazer o objeto deslizar pela tela, clique no frame 1 com o botão direito do mouse e escolha a primeira opção: create motion tween.

 

Figura 3

Figura 3

O Flash indicará que do frame 1 ao frame 12 há uma animação colocando uma seta entre os quadros chaves e que éssa animação se trata de movimento através da cor lilas.

 

 
 
 
 

 

 

Figura 4

Figura 4

 

 

5 :: Paravisualizar a animação pressione Ctrl+Enter

 

Essa forma de se criar interpolação de movimento é a forma por atalho que nem sempre é a melhor opção pois cria dois objetos tipo graphic isso será abordado em outro tutorial. Para verificar isso clique no menu window > Library. Perceba que existem dois objetos, na verdade são simbolos, nomeados de Tween 1 e Tween 2.

 

 
 
 
 

 

 

Figura 5

Figura 5

 

 

Forma 2 (por Tween)

1 :: Desenhe um objeto qualquer em um dos cantos do palco.

 

É nesse ponto que esta a diferença. ao invés do proprio Flash criar os simbolos nós mesmos que faremos esse processo.

 

2 :: Selecione o objeto e pressione a tecla F8: iremos converter nosso objeto em um simbolo de movieclip. de um nome para seu simbolo e clique em ok.

 

Figura 6

Figura 6

3 :: Agora clique no frame 12 e crie um keyframe. aproveite e arraste o simbolo para outra posição no frame 12.

 

4 :: Selecione o frame 1 e na parte de baixo da tela no painel properties, ache a opção Tween e modifique-a para Motion.

 

Figura 7

Figura 7

Se o painél properties não estiver visivel, clique no menu window > properties > properties. que ele surgirá na parte inferior da tela.

 

5 :: Paravisualizar a animação pressione Ctrl+Enter

 

Agora sua Library só possui um objeto e na verdade o que é mais importante e o fato dele ser um movieclip e não um graphic.

 

 Veja também Flash: Interpolação de forma.

 

Espero que tenham gostado e até a próximo Totorial.

 

3 Respostas

  1. Gostei do seu tutorial, amigo!! Obrigado, foi de grande valia!

  2. opa, mudei o blog, eu exclui akele la por causa q deu um problema estranho la…
    agora o meu é http://www.renatinhoblog.wordpress.com

  3. pessoal valeu por colocar esses artigos sobre flash, estou querendo aprender a fazer animações por isso gostei muito do blog e desse artigo! valeu!!

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: