7/21/2019 1º exercício de Flash (Natal)

http://slidepdf.com/reader/full/1o-exercicio-de-flash-natal 1/4

- 1/4 -

Módulo 2 — Animação 2D

1º exercício — Natal (Animação com Classic Tween)

Resultado final

1º passo

    Abre o Adobe Flash e cria um novo documento do tipo Action Script 3.0 com as seguintes

características: dimensões – 550 x 220 px; 12 fps

    Desenha um retângulo com as dimensões do palco e com a cor de preenchimento e de contorno

igual a FFFFCC; Este retângulo vai ocupar sozinho a camada que vai ter o nome fundo.

7/21/2019 1º exercício de Flash (Natal)

http://slidepdf.com/reader/full/1o-exercicio-de-flash-natal 2/4

- 2/4 -

2º passo (colocação dos elementos a animar)

    Vais colocar em cada camada apenas um dos elementos que vai ser animado da seguinte forma:

Elemento Início Posição inicial Fim Posição final

Nome

da

camada

Nome do

ficheiro

Pé da árvore

de NatalQuadro 1

Fora do palco;

em cimaQuadro 10

Pousado na base

do palcoPé Natal_pe.png

Secção 1 da

árvoreQuadro 1

Fora do palco;

em cimaQuadro 20

Pousado em cima

do péParte 1 Natal0.png

Secção 2 da

árvoreQuadro 10

Fora do palco;

em cimaQuadro 30

Pousado em cima

da secção anteriorParte 2 Natal1.png

Secção 3 da

árvoreQuadro 20

Fora do palco;

em cimaQuadro 40

Pousado em cima

da secção anteriorParte 3 Natal2.png

Secção 4 da

árvoreQuadro 30

Fora do palco;

em cimaQuadro 50

Pousado em cima

da secção anteriorParte 4 Natal3.png

Secção 5 da

árvoreQuadro 40

Fora do palco;

em cimaQuadro 60

Pousado em cima

da secção anteriorParte 5 Natal4.png

Topo da

árvoreQuadro 50

Fora do palco;

em cimaQuadro 70

Pousado em cima

da secção anteriorParte 6 Natal5.png

Floco neve

verde simples

Quadro 40Fora do palco;

em cima

Quadro 65Pousado na base

do palco

Neve 1 Neve1.png

Floco neve

verde grandeQuadro 45

Fora do palco;

em cimaQuadro 70

Pousado na base

do palcoNeve 2 Neve2.png

Floco neve

vermelhoQuadro 50

Fora do palco;

em cimaQuadro 73

Pousado na base

do palcoNeve 3 Neve3.png

Floco neve

amareloQuadro 54

Fora do palco;

em cimaQuadro 78

Pousado na base

do palcoNeve 4 Neve4.png

Floco neve

laranja Quadro 61

Fora do palco;

em cima Quadro 85

Pousado na base

do palco Neve 5 Neve5.png

Presente

vermelhoQuadro 30

Fora do palco; à

esquerdaQuadro 73

Junto à árvore no

lado esquerdo

Presente

1Presente1.png

Presente verde Quadro 23Fora do palco; à

direitaQuadro 65

Junto à árvore no

lado direito

Presente

2Presente2.png

Enfeite

vermelhoQuadro 35

Fora do palco;

em cimaQuadro 77 Todo visível Enfeite1 Enfeite1.png

7/21/2019 1º exercício de Flash (Natal)

http://slidepdf.com/reader/full/1o-exercicio-de-flash-natal 3/4

- 3/4 -

3º passo (Texto)

    Escreve Feliz Natal (numa nova camada chamada Natal) com as seguintes características:

Tipo de letra: Verdana; Estilo: Bold; Tamanho: 84 pt; Cor: vermelha.

Este texto não vai ser animado e vai existir durante toda a animação.

4º passo (Criação da máscara)

    Para criar a máscara que vai destapar o texto vais fazer o seguinte:

o 

Criar um retângulo no quadro 1 com largura 35 px e altura 220 px. Este retângulo vai

estar fora do palco, à esquerda. A camada vai ter o nome Máscara. 

o 

No quadro 30, cria uma keyframe e altera o retângulo para que este tape

completamente a frase Feliz Natal. A camada vai ter o nome Máscara e tem que estar

imediatamente por cima da camada Natal.

o 

Cria na camada máscara uma animação do tipo Classic Tween.

o 

Com a camada máscara selecionada, carrega com o 2º botão do rato sobre o nome da

camada e no menu de acesso rápido que aparece escolhe a opção Mask.

o

 

Testa a máscara: a frase começa por estar invisível e depois aparece aos poucos.

Nota final:

    A animação existe até ao quadro 95 mas o último elemento animado termina no quadro 85.

7/21/2019 1º exercício de Flash (Natal)

http://slidepdf.com/reader/full/1o-exercicio-de-flash-natal 4/4

- 4/4 -