[Tutorial] Guias de movimento (motion guide)

[helldanger1]

Bom, neste tutorial estaremos falando sobre guias de movimento.

Em vez de ficar ensinando o básico do básico, irei dar um exemplo do que se pode fazer com as guias de movimento. Depois é só usar sua criatividade.
Nosso exemplo será em cima de um mapa. Imagine que você esteja criando um site para um cliente e o mesmo necessita que tenha um mapa em seu site explicando como chegar até sua empresa. Só não coloquei nomes as ruas porque isso não seria o caso, mas quando você for criar realmente um projeto assim, aí é só usar a ferramenta Texto e escrever.

1- Primeiramente nomeie nossa camada1 para mapa. Dê dois cliques na camada1 para nomeá-la.

2- Agora ative a ferramenta Line(linha) e desenhe o mapa.

3- Insira uma nova camada e renomei para bola.

 

[helldanger1]

4- Ative a ferramenta Oval e desenhe um círculo bem pequeno no palco.

5- Selecione o círculo e pressione a tecla F8 para transforma-lo em um gráfico. Nomeie este gráfico para círculo.

6- Feito isso, clique com o lado direito do mouse na camada bola e selecione Add Motion Guide (adicionar guia de movimento).

7- Agora na camada que foi criada Guide Bola (Guia Bola) desenhe a linha que servirá de guia para nosso círculo.Para isso ative a ferramenta Pencil (Lápis). Não esqueça de selecionar a camada Guide Bola.
OBS: Não confunda com a camada bola.

 

[helldanger1]

8- Agora iremos selecionar na linha do tempo o quadro 20 e criaremos um quadro chave para as 3 camadas
pressionando a tecla (F6). Selecione a ferramenta seta preta e no quadro 20 clique e arraste para baixo até selecionar as 3 camadas de uma vez.

9- Feito isso selecione o quadro 1 da camada bola e arraste o círculo que você desenhou para o início da linha guia. Veja as imagens abaixo.

10- Repare que quando você arrasta para o início da linha guia a bolinha gruda na linha. Isso acontece porque o imã esta ativado, caso não aconteça isso, ative o imã na caixa de ferramentas.

11- Agora selecione o quadro 20 da camada bola e arraste a bolinha que você desenho para o final da linha guia.

12- Para concluir animação, clique com o lado direito do mouse em qualquer parte da linha do tempo entre o quadro 1 e 20 da camada BOLA e selecione Create Motion Tween. (Criar interpolação de movimento).

13- Teste sua animação – CTRL + ENTER

14- É claro que para seu cliente você importará um carrinho para dentro do seu filme, transformará em gráfico e desenhará um mapa bem mais detalhado para seu site.
Isso só foi apenas uma das idéia apresentada.