Curso de Flash 4.0 On Line

Efeito Motion Tweening

O efeito Motion Tweening é a animação de um objeto em duas sequências em linha reta .
Rotação :
Automatic ( Automática ) , Clockwise ( Sentido Horário ) e Counterclockwise ( Sentido Horário ) ;
Easing ( Aceleração )

Exercício 01 - Motion com Objeto	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. Salve sua animação , neste caso , exer01.fla
10. Há duas maneiras de exportar a animação ou seja para rodar a animação : * Crtl + Enter > exer01.fla se transforma em exer01.swf ou * File > Export Movie > exer01.fla se transforma em exer01.swf
11. Para voltar à área de trabalho > Crtl + F4

Exercício 02 - Motion com Texto	Download

1. Selecione a ferramenta Text ( Texto ) ; Escolha fonte Arial Black, tamanho 28 e cor azul
2 . Digite a palavra : FLASH
3 . Clique na ferramenta Arrow ( Seta ) ; Clique sobre o texto
4. Aperte a tecla F8 para transformar o texto em símbolo
5. Abrirá uma Caixa de Diálogo : Name : texto ; behavior : graphic ; Observe que quando se cria um símbolo , aparece um sinal ( + ) dentro do texto
6. Selecione a linha do tempo = 50
7. Insira um keyframe na linha do tempo = 50 ou seja aperte a tecla F6 ou botão direito do mouse > Insert > Keyframe
8. 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 o texto ; para outra posição
9. Selecione a linha do tempo = 1 ; Selecione o texto > Modify > Transform > Scale and Rotate ; Scale : 10 e Rotate : 0
10. 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
11. Salve sua animação , neste caso , exer02.fla
12. Há duas maneiras de exportar a animação ou seja para rodar a animação : * Crtl + Enter > exer02.fla se transforma em exer02.swf ou * File > Export Movie > exer02.fla se transforma em exer02.swf
13. Para voltar à área de trabalho > Crtl + F4

Exercício 03 - Motion com Texto e Objeto	Download

1. Selecione a ferramenta Oval ; Escolha contorno em preto e preenchimento em azul claro
2. Desenhe uma bola no lado esquerdo, na parte superior
3. Clique na ferramenta Arrow ( Seta ) ; Clique duas vezes sobre a bola para selecionar toda a bola ( contorno e preenchimento )
4. Aperte a tecla F8 para transformar a bola em símbolo
5. Abrirá uma Caixa de Diálogo : Name : bola1 ; behavior : graphic ; Observe que quando se cria um símbolo , aparece um sinal ( + ) dentro do objeto
6. Clique sobre a bola1 com o botão direito do mouse > Properties
7. Colors Effects > Alpha > Alpha : 40
8. Selecione a linha do tempo = 50 > F6 para inserir keyframe
9. Crtl + K para centralizar a bola : Vertical > Align > selecione o terceiro botão ; Horizontal > Align > selecione o terceiro botão ; Match Size > selecione o primeiro botão ( x ) ; ( x ) marque Align to Page
10. Modify > Transform > Scale and Rotate : Scale : 900 ; Rotate : 0
11. Clique duas vezes sobre o layer 1 e renomeie para bola1
12. Clique no ícone Add Layer ( folha branca ) criando o layer 2
13. Clique duas vezes sobre o layer 2 e renomeie para texto1
14. Selecione a linha do tempo = 1
15. Selecione a ferramenta Text ( Texto ) ; fonte : verdana ; tamanho 48 ; cor : vinho Digite : Testando
16. Crtl + K para centralizar o texto : Vertical > Align > selecione o terceiro botão ; Horizontal > Align > selecione o terceiro botão ; Match Size > selecione o primeiro botão ( x ) ; ( x ) marque Align to Page
17. Selecione a ferramenta Arrow ( Seta ) Clique sobre o texto
18. Aperte a tecla F8 para transformar o texto em símbolo
19. Abrirá uma Caixa de Diálogo : Name : texto1 ; behavior : graphic ; Observe que quando se cria um símbolo , aparece um sinal ( + ) dentro do texto
20. Selecione a linha do tempo = 50 > F6 para inserir keyframe
21. Selecione a linha do tempo = 1
22. Selecione o texto > Modify > Transform > Flip Vertical
23. Clique sobre a linha do tempo 1 > botão direito do mouse > Create Tweening
25. Salve o arquivo como exer03.fla
24. Crtl + Enter e teste sua animação
25. Crtl + F4 para voltar a área de trabalho

Exercício 04 - Motion com Clockwise	Download

1. Clique duas vezes no ícone 12.0 fps Background mude o fundo da animação para preto
2. Desenhe uma bolinha com a cor azul
3. Selecione a ferramenta Arrow ( Seta ) e clique sobre a borda da bolinha ; delete a borda
4. Clique sobre a bolinha > Crtl + D para duplicar
5. Usando seu teclado , clique na tecla das setinhas e arraste sua bolinha para fora
6. Pinte a segunda bolinha de verde
7. Selecione a bolinha verde > Crtl + D para duplicar
8. Usando seu teclado , clique na tecla das setinhas e arraste sua bolinha para fora
9. Pinte a terceira bolinha de vermelho
10. Selecione a bolinha vermelha > Crtl + D para duplicar
11. Usando seu teclado , clique na tecla das setinhas e arraste sua bolinha para fora
12. Pinte a quarta bolinha de roxo
13. Selecione a bolinha roxa > Crtl + D para duplicar
14. Usando seu teclado , clique na tecla das setinhas e arraste sua bolinha para fora
15. Pinte a quinta bolinha de laranja
16. Selecione a bolinha laranja > Crtl + D para duplicar
17. Usando seu teclado , clique na tecla das setinhas e arraste sua bolinha para fora
18. Pinte a sexta bolinha de amarelo
19. Selecione cada bolinhas separadamente e faça um círculo com elas usando a tecla das setinhas do seu teclado
20. Selecione todas as bolinhas > F8 para transformar em símbolo
21. Name : bolinhas ; behavior : graphic
22. Selecione a linha do tempo = 40 > F6 para inserir keyframe
23. Selecione a linha do tempo = 1 > Create Motion Tweening
24. Clique o botão direito do mouse sobre a linha do tempo = 1 > Properties
25. Tweening > Motion > Rotate : Clockwise e digite 999 times ( vezes ) ; No item Easing ( aceleração ) : In > a animação fica rápida e no final devegar Out > a animação fica devegar e no final rápida Geralmente deixar em default, isto é, no meio entre In e Out
26. Salve o arquivo como exer04.fla
27. Crtl + Enter e teste sua animação
28. Crtl + F4 para voltar a área de trabalho

Exercício 05 - Efeito Fade com Texto	Download

1. Clique duas vezes no ícone 12.0 fps Background mude o fundo da animação para preto
2. Selecione a ferramenta Text ( Texto ) ; fonte : arial black ; tamanho 48 ; cor : branco ; digite : FLASH
3. Selecione a ferramenta Arrow ( Seta ) Clique sobre o texto
4. Aperte a tecla F8 para transformar o texto em símbolo
5. Abrirá uma Caixa de Diálogo : Name : texto2 ; behavior : graphic ; Observe que quando se cria um símbolo , aparece um sinal ( + ) dentro do texto
6. Selecione a linha do tempo = 50 > F6 para inserir keyframe
7. Selecione a linha do tempo = 1 > Create Motion Tweening
8. Clique sobre o texto com o botão direito do mouse > Properties
9. Colors Effects > Alpha > Alpha : 0
10. Salve o arquivo como exer05.fla
11. Crtl + Enter e teste sua animação
12. Crtl + F4 para voltar a área de trabalho

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