O documento fornece instruções para criar uma animação no Macromedia Flash que mostra um mapa da região de Braga, Portugal, aumentando de tamanho para se concentrar na área e adicionando elementos graduais como uma escola, texto e gota de chuva caindo.
1. ESCOLA SECUNDÁRIA DE ALBERTO SAMPAIO
DEPARTAMENTO DE ADMINISTRAÇÃO E INFORMÁTICA
Animações no Macromedia Flash
o Definições gerais do documento
Defina o título, as dimensões do palco, a cor de fundo e a taxa
de fotogramas (frame rate):
o Camada do mapa
Altere o nome da camada (layer) para mapa e seleccione a
1ª frame. Insira a imagem planeta no palco (stage)
Ajuste o tamanho da imagem
Insira uma Key Frame na frame 24 (2 seg.)
2. ESCOLA SECUNDÁRIA DE ALBERTO SAMPAIO
DEPARTAMENTO DE ADMINISTRAÇÃO E INFORMÁTICA
Aumente o tamanho da imagem e ajuste a sua posição de forma que a
zona de Braga fico no centro do palco. Tal como está neste momento, o
filme apresenta a imagem definida na frame 1 e mantem-na até à frame
23. Na frame 24 é apresentada a imagem editada. Para se obter uma
evolução suave entre as duas ocorrências é necessário interpolar o
movimento (dimensão e posição de
imagens ou outros elementos). Para
isso, seleccione uma frame algures
entre a 1 e a 24. No painel de
propriedades escolha a opção Motion
na lista de Tween (interpolação do
movimento). A interpolação é
indicada por uma seta desenhada
sobre um fundo azulado entre as
frames interpoladas. Para visualizar a
animação criada, carregue em enter
ou CTRL + Enter. Qual o propósito
das opções Ease e Rotate?
Acrescente um layer (Escola). Seleccione a frame 24 e insira
a imagem escola. Ajuste a posição e tamanho inicial. Insira
uma keyframe na frame 36 deste layer e ajuste a dimensão
da imagem da escola de forma a ocupar todo o palco. Active
a interpolação do movimento.
3. ESCOLA SECUNDÁRIA DE ALBERTO SAMPAIO
DEPARTAMENTO DE ADMINISTRAÇÃO E INFORMÁTICA
Acrescente um layer (Texto), seleccione a frame 36 deste layer e escreva o texto com tamanho de
letra 18 e posicione-o em 215 X 145. Na frame 54, insira uma keyframe e desloque o texto para a posição
indicada na figura. Faça a interpolação do movimento.
Acrescente outro layer e desenhe um círculo na frame 54 e posicione-o pintinha do i. Insira uma
keyframe em 72. Clique com o botão direito do rato sobre o círculo e escolha a opção Smooth para
suavizar o contorno. Altere a sua forma de modo que fique parecida com uma gota.
Neste caso, a alteração da imagem entre as frames verificou-se em termos de
forma e não de movimento. Assim, a interpolação será feita com base nessa
mutação. Deve escolher a opção Shape em Tween. Surge uma seta sobre um
fundo verde entre as duas frames interpoladas.
Insira uma key frame na frame 84 e posicione a gota no chão da escola.
Insira uma keyframe na frame 96 e insira uma estrela
4. ESCOLA SECUNDÁRIA DE ALBERTO SAMPAIO
DEPARTAMENTO DE ADMINISTRAÇÃO E INFORMÁTICA
Proceda à interpolação da forma (Shape)
Publicar o documento significa criar um ficheiro executável e/ou uma página web para exibir a animação
criada