Beto Marques Internet Solutions - Curso de Flash 4.0 On Line

Curso de Flash 4.0 On Line

Efeito Add Motion Guide

O efeito Add Motion Guide é a maneira que você cria os caminhos por onde passará sua animação ,mas para que ocorra o Add Motion Guide, você deve criar primeiramente o Motion Tweening
( conforme mencionamos no capítulo anterior )

Exercício 06 - Add Motion Guide	Download

1. Desenhe uma bola
2. Clique na ferramenta Arrow ( Seta ) ; Clique duas vezes sobre a bola para selecionar toda a bola ( contorno e preenchimento )
3. Aperte a tecla F8 para transformar a bola em símbolo
4. Abrirá uma Caixa de Diálogo : Name : bola ; behavior : graphic ; Observe que quando se cria um símbolo > aparece um sinal ( + ) dentro do objeto
5. Selecione a linha do tempo = 50
6. Insira um keyframe na linha do tempo = 50 ou seja aperte a tecla F6 ou botão direito do mouse > Insert > Keyframe
7. Quando se insere um keyframe, estamos repetindo o objeto do frame anterior ; mas para que haja animação devemos mudar a posição do objeto referente a linha do tempo = 50 , no caso a bola ; para outra posição
8. Selecione a linha do tempo = 1 ; botão direito do mouse > Create Motion Tweening , para inserir o efeito tweening motion ; observe que na linha do tempo entre a linha 1 até 49 foi exibido uma linha em cor preta, significando que nesta etapa da animação há um Tweening Motion
9. Clique na folha lilás ( Add Guide )
10. Clique no ícone Edit Multiple Frames ( Editar múltiplos frames )
11. Na linha do tempo ao clicar o ícone Edit Multiple Frames aparecerá um marcador em cinza que deve ser arrastado para cada eixo da animação, isto é , um para linha do tempo = 1 e o outro para linha = 50
12. Clique na ferramenta Pencil ( Lápis ) e escolha o modo Smooth ( traçado suave )
13 . As duas bolas devem estar selecionada
14. Selecione a ferramenta imã
15. Desenhe o caminho por onde passará a bola , iniciando dentro do sinal ( + ) de uma das bolas e terminando no eixo ( + ) da outra bola
16. Sempre ao terminar o Add Motion Guide > desativar o ícone Edit Multiple Frames
17. Salve sua animação, neste caso, exer06.fla
18. Há duas maneiras de exportar a animação ou seja para rodar a animação : * Crtl + Enter ou * File > Export Movie
19. Para voltar à área de trabalho > Crtl + F4

Exercício 07 - Dança das Letras	Download

1. Digite em Arial Black ; tamanho 48 , azul ,a palavra : A M O R ( com espaço )
2 .Selecione a ferramenta Arrow ( Seta )
3. Crtl + K para centralizar no meio na página
4. Mantenha o texto selecionado > Ctrl + B ou Modify > Break Apart, para transformar o texto em imagem
5. Selecione somente a letra A > F8 > symbol : A ; behavior : graphic
6. Selecione somente a letra M e usando a ferramenta balde, pois a palavra deixou de ser texto e é uma imagem e pinte de vermelho
7. Mantenha o M selecionado > F8 > symbol : M ; behavior : graphic
8. Selecione somente a letra O e usando a ferramenta balde, pois a palavra deixou de ser texto e é uma imagem e pinte de verde
9. Mantenha o O selecionado > F8 > symbol : O ; behavior : graphic
10. Selecione somente a letra R e usando a ferramenta balde, pois a palavra deixou de ser texto e é uma imagem e pinte de laranja
11. Mantenha o R selecionado > F8 > symbol : R ; behavior : graphic
12. Selecione a linha do tempo = 1 > botão direito do mouse > Copy Frame ( Copiar Frame )
13. Clique no ícone Add Layer ( Adicionar Layer ) três vezes , pois a palavra tem quatro letras e como já tínhamos um layer, precisamos de mais três layers
14. Selecione a linha do tempo = 1 de cada layer récem-criado separadamente > botão direito do mouse > Paste Frame ( Colar Frame )
15. Clique duas vezes sobre o primeiro layer e renomeie para A
16. Clique duas vezes sobre o segundo layer e renomeie para M
17. Clique duas vezes sobre o terceiro layer e renomeie para O
18. Clique duas vezes sobre o quarto layer e renomeie para R
19. Selecione a linha do tempo = 50 dos quatro layers > F6 para inserir keyframe
20. Clique no ícone olho para esconder o layer M , O , R
21. Selecione a linha do tempo = 1 do layer A
22. Selecione na área de trabalho as letras M , O , R > delete
23. Selecione a linha do tempo = 50 do layer A
24. Selecione na área de trabalho as letras M , O , R > delete
25. Mantendo a linha do tempo 1 coloque a letra A na parte superior à direita da tela
26. Clique na linha do tempo = 1 > botão direito do mouse > Create Tweening
27. Clique na folha lilás ( Add Guide )
28. Clique no ícone Edit Multiple Frames ( Editar múltiplos frames )
29. Na linha do tempo ao clicar o ícone Edit Multiple Frames aparecerá um marcador em cinza que deve ser arrastado para cada eixo da animação, isto é , um para linha do tempo = 1 e o outro para linha = 50
30. Selecione a letra A nas duas posições
31. Selecione a ferramenta imã
32. Selecione a ferramenta Pencil ( Lápis ) e desenhe o caminho por onde passará a bola , iniciando dentro do sinal ( + ) de um A e terminando no eixo ( + ) do outro A
33. Windows > Controller para abrir o Controlador e aperte play para testar a movimentação da letra A , caso não tenha feito a movimentação desenhada por você > Crtl + Z e volte a desenhar o caminho novamente
34. Sempre ao terminar o Add Motion Guide > desativar o ícone Edit Multiple Frames
35. Esconda também o Layer : Guide A
36. Repita o mesmo procedimento com as outras letras, encondendo sempre os layers das letras que não esteja trabalhando ; siga as instruções dos itens 20 ao 33 , selecionando em cada letra na linha do tempo = 1 com posições diferentes.
37. Terminando todas as letras clique no olho para visualizar todos os layers
38. Salve sua animação, neste caso , exer07.fla
39. Crtl + Enter
40. Para voltar à área de trabalho > Crtl + F4

1ª Parte • Menu • Tools • Conceitos • Motion • Guide
Shape • Símbolo • Botão • Faq • Inscrição • Contato