AGRUPAMENTO DE ESCOLAS DE VILA VIÇOSA

DGEstE – Direção Geral de Estabelecimentos Escolares

Escola Sede: Escola Secundária Públia Hortênsia de Castro
Código: 135483

CURSOS PROFISSIONAIS DE NÍVEL SECUNDÁRIO

Técnico de Multimédia – 2018/2019
Técnicas de Multimédia

Ficha formativa 2 Data: UFCD 0142 - ActionScript

Objetivos: Adicionar ações a botões;
Sequências de reprodução e utilização de efeitos.

1. Crie um novo documento, (ActionScript 3.0) e guarde-o com o nome “Ficha2.fla”.

2. Altere as dimensões do filme para 550x450 pixels e cor de fundo=Amarelo [#FFFF99].
3. Altere o nome da [Layer 1] para “Fotos”.
4. Adicione as seguintes [layers]: “Botões”, “Titulo” e “Ações”.
5. Na [layer] “Fotos” construa um retângulo com as seguintes definições: [W]=400,
[H]=300, [X]=75, [Y]=50 e a cor de preenchimento=[#FFFF99]. Remova a linha.
6. Converta o retângulo que criou no ponto anterior para [Movie Clip] com o nome
“MC_Fotos” e em [Registration] selecione o primeiro quadrado da 1ª linha. Em [Instance
name]=”fotos”.
7. Faça um duplo clique sobre o [Movie Clip] e altere o nome da [layer] para “Transição”.
Com o retângulo selecionado, converta-o num novo [Movie Clip] com o nome
“MC_Efeito”. Atribua [Instance name]=”efeito”.
a. Insira uma nova [layer] e altere o nome para “Imagens”. Aceda ao menu File –
comando Import to Stage, importe as seis imagens, selecione a imag1.jpg e
termine pressionando o botão Abrir. Responda Sim à caixa de diálogo que
aparece, cada imagem ficou, automaticamente, colocada numa [Keyframe].
Termine esta questão, selecionando cada uma das imagens e ajustando as
dimensões para: [W]=400 e [H]=300.
b. Insira frames na [layer] “Transição” até a sexta frame.
c. Coloque a [layer] “Transição” por cima da [layer] “Imagens”. O retângulo ficou
sobreposto às imagens. Faça um duplo clique no retângulo para o abrir o [Movie
Clip] “MC_Efeito” e dentro do mesmo insira uma nova [Keyframe] na posição 5.
Clique sobre o nome da [layer] para selecionar todas as frames e, com o botão
direito do rato sobre a seleção, marque [Create Shape Tween]. Posicione-se na
Curso Profissional Técnico de Multimédia – SIGO: 8510648 1
Ano Letivo 2018/2019
Projeto n.º: POCH-01-5571-FSE-001399
 AGRUPAMENTO DE ESCOLAS DE VILA VIÇOSA
DGEstE – Direção Geral de Estabelecimentos Escolares
Escola Sede: Escola Secundária Públia Hortênsia de Castro
Código: 135483

frame 1, selecione o retângulo e no painel de propriedades altere, no menu

[Color], a opção [Alpha]=0%, selecione a frame 5 e coloque a opção [Alpha]=65%,
garantido assim que haja transição das fotos. Volte à primeira frame e, no painel
de ações, insira o [stop();] para que o [Movie Clip] “MC_Efeito” se mantenha
parado nessa posição.
8. Volte para a cena clicando no botão [Scene1]. Depois selecione a [layer] “Botões”, aceda
à biblioteca [Ctrl+L] e arraste para o filme a imagem com o nome imag1.jpg. Com ela
selecionada, ajuste as suas propriedades: [W]=60, [H]=40, [X]=75, [Y]=360. Converta-a
num [Button], atribua o nome “BT_1” e [Instance name] atribua o nome bt1. Proceda de
forma idêntica para os restantes cinco botões e atribua os nomes “BT_2” [Instance
name]=bt2, “BT_3” [Instance name]=bt3, “BT_4” [Instance name]=bt4, “BT_5” [Instance
name]=bt5 e “BT_6” [Instance name]=bt6.
9. Selecione o “BT_6” e ajuste as coordenadas [X]=415 e [Y]=360. Depois selecione os seis
botões, abra o painel de alinhamentos [Ctrl+K] e faça o alinhamento e distribuição
corretos. O botão [To stage] deve estar desligado, pois a distribuição é apenas, em
relação aos botões e não ao filme [Scene].
10. Na [layer] “Titulo” e com a ferramenta de texto, crie uma caixa de texto dinâmico e com
o [instance name] = “legenda”. Ajuste, no painel de propriedades, os seguintes
parâmetros: tipo de letra Trebuchet MS, tamanho=20, estilo=negrito,
alinhamento=centrado, cor=vermelha. No final posicione-a na parte superior do filme e
ao centro, com os alinhamentos. Deve marcar a opção [To stage], pois aqui,
contrariamente ao ponto anterior, o alinhamento tem como referência o filme [Scene].
11. Selecione a [layer] “Ações”, abra o painel de ações. Insira as ações:
fotos.stop(); //para parar o [Movie Clip] fotos.
legenda.text=”Fotos”; //para fazer aparecer a palavra no arranque da galeria.

Curso Profissional Técnico de Multimédia – SIGO: 8510648 2

Ano Letivo 2018/2019
Projeto n.º: POCH-01-5571-FSE-001399
 AGRUPAMENTO DE ESCOLAS DE VILA VIÇOSA
DGEstE – Direção Geral de Estabelecimentos Escolares
Escola Sede: Escola Secundária Públia Hortênsia de Castro
Código: 135483

12. Para concluir esta galeria de fotos têm de ser inseridas as ações em cada botão e para as
teclas 1, 2, 3, 4, 5 e 6, cujos códigos ASCII são 49, 50, 51, 52, 53 e 54, respetivamente,
garantindo a comunicação entre eles, o título e o [Movie Clip] de fotos, continua no
mesmo quadro – camada Ações – Quadro 1. Defina as ações:

bt1.addEventListener(MouseEvent.CLICK, movefoto1);
function movefoto1(event:MouseEvent):void {
fotos.gotoAndStop(1);
legenda.text="Verão";
fotos.efeito.gotoAndStop(1); }

stage.addEventListener(KeyboardEvent.KEY_DOWN, tecla1);
function tecla1(event:KeyboardEvent):void {
if (event.keyCode == 49){
fotos.gotoAndStop(1);
legenda.text="Verão";
fotos.efeito.gotoAndStop(1);
}
}

13. Grave e teste o filme.

Curso Profissional Técnico de Multimédia – SIGO: 8510648 3

Ano Letivo 2018/2019
Projeto n.º: POCH-01-5571-FSE-001399