Home arrow Cursos arrow Flash CS3 arrow Módulo 5: Criando Animação no Flash® CS3: 5.3 - Guia de Movimento (Motion Guide)

Login



Novos usuários.
Caso não receba em até 2 minutos um link para ativação da conta, verifique sua caixa de lixo eletrônico.

Minhas Melhores Notas

Pesquisa

Publicidade

Minhas Últimas Notas

Módulo 5: Criando Animação no Flash® CS3: 5.3 - Guia de Movimento (Motion Guide) PDF Imprimir E-mail
Avaliação do Usuário: / 4
PiorMelhor 
Flash CS3 - Curso de Flash CS3: Criação de Conteúdo Enriquecido

5.3 – GUIA DE MOVIMENTO (MOTION GUIDE) OU ANIMAÇÃO DE PERCURSO

 

  

Como criar um motion guide

Utilizamos um Motion Guide (Guia de Movimento), para desenhar o caminho que um objeto deve percorrer durante a interpolação. Há duas maneiras de se fazer:

  1. Através do painel Layers, clicando no botão Add Motion Guide.
  2. Através do menu principal, clicando em Insert -> Timeline -> Motion Guide.

Nota: A camada Motion Guide é visível apenas durante a criação.


Criando um Guia de Movimento na Camada Motion Guide

Os passos para criarmos um guia de movimento na camada motion guide:

  1. 1. Utilizamos uma das ferramentas de desenho do painel tools do Flash® CS3 para desenharmos um caminho do quadro-chave inicial até o quadro-chave final na camada Motion Guide.
  2. 2. Certifique-se de estar usando o modelo de criação de formas Merge Drawing, pois Motion Guides não funcionam em formas criadas com Object Drawing.
  3. 3. Desenhe o caminho desejado usando uma cor diferente, apenas para facilitar a visualização no Stage.
  4. 4. Utilize a ferramenta Selection para anexar os gráficos ao guia nos quadros-chave inicial e final.

Nota: Bloqueie a camada Motion Guide depois de criar o caminho para que ela não seja editada sem querer. Esse bloqueio também facilita à anexação de um objeto interpolado.


Criando Interpolação de Movimento com Motion Guide.

1. Crie novo arquivo no Flash CS3/CS4 modifique a camada Layer1 para "Background", modifique o tamanho do palco para  450 x 400 pixels e importe (File > Import ) para essa camada a imagem "Montanhas Azuis" da pasta amostra de imagens do Windows, ou escolha outra imagem de sua preferência atribua a essa imagem o tamanho de 440 x 390 pixels usando o Inspetor de Propriedades;

2. Crie uma segunda camada (Insert > Timeline > Layer) e atribua a essa nova camada o nome de "Bola";

3. Clique com o botão direito do mouse sobre a camada "Bola" e selecione a opção Add Motion Guide no menu pop up;

4. Clique na camada "Bola" e na caixa de ferramentas selecione a ferramenta oval, no painel Color selecione a Aba Swatches e selecione a bola azul no formato tridimensional, usando o painel de propriedades atribua a essa bola o tamanho de 14x14 pixels e a transforme em movie clip  clicando sobre ela e pressionando o botão F8, atribua o nome de bola_mc e ponto de registro no centro;

 Criando Símbolo de Movei Clip no Flash CS3

Criando Movie clip no Flash CS3

 

Painel Swatches Color

Painel Color

 

5. Clique na camada "Guide: Bola" e desenhe uma linha com altos e baixos conforme a sugerida no desenho abaixo;


Desenhando Percurso a ser seguido

Inserindo motion guide


6. Insira quadros-chave até o frame 30 (clique no frame 30 e pressione a tecla F5) de cada uma das três camadas, clique na camada "Bola" no frame 1 arraste a bola até o início da linha de forma que o ponto de registro de bola_mc toque no inicio da linha;

7. Clique no frame 30 e insira um outro quadro-chave nesse frame, em seguida arraste bola_mc até a outra ponta da linha, faça com que o ponto de registro de bola_mc coincida com o final da linha;

8. Clique com o botão direito do mouse entre o frame 1 e 30 da camada "Bola" e selecione Create Motion Tween conforme a figura abaixo;

 Inserindo interpolação de movimento

Inserindo interpolação de movimento

 

A tela final da aplicação

A visão final da área de trabalho


9. Clique Ctrl + Enter para visualizar a animação. A bola deve percorrer o caminho desenhado na camada "Guide: Bola".

 

A visão final do arquivo com a trajetória definida

Aplicativo rodando

 

Atribuindo atenuação à interpolação de movimento

Podemos melhorar o exercício acima atribuindo atenuação de movimento, para isso podemos usar o painel de propriedades para atribuir atenuação a nossa interpolação de movimento clicando no botão Edit da caixa Ease, com isso podemos obter efeitos tipo de gravidade, acelerar ou retardar movimentos. Por padrão a atenuação é 0, ou seja, sem atenuação. Se movermos o controle deslizante Ease para cima – valores entre 1 e 100, obteremos uma animação mais rápida e depois ela desacelera no fim da interpolação. Já valores negativos entre -1 e -100 inicia a animação mais lentamente e faz com que ela se torne mais rápida no fim da interpolação. Qualquer que seja a opção, a animação será executada durante o mesmo período de tempo.

 

Sugestão de exercício de fixação:

Repita o exercício acima, agora definindo atenuações aos movimentos da bola_mc. Use a atenuação in e out e veja a diferença.

 

Quem ficou com dúvidas, não conseguiu reproduzir algum procedimento demonstrado nos tópicos que compreende este módulo 5 ou não entendeu algum conceito, por favor poste a dúvida ou comentário no fórum do curso.

 

Comentários
Somente usuários registrados podem comentar!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."