[APLICAESINFORMTICASB]Flash

ExercciosFlash
Exerccio N 1
1. Crie um novo documento de Flash.

2. Guarde o documento com o nome: SiteGargalhadas1.fla

3. Defina as seguintes propriedades do documento: 3.1. Tamanho: 800x600 pixels 3.2. Cor de fundo: Branco

4. Utilizando as ferramentas que achar necessrias efectue o seguinte desenho no stage do documento.

figura1Imagemadesenhar 4.1. Cores a utilizar: 4.1.1. Linhas: #000000 4.1.2. Fundo dos olhos: #99FFFF 4.1.3. Menina dos Olhos Gradiente radial de duas cores: #CC3300 e #FFFFFF 4.1.4. Nariz Gradiente radial de duas cores: #FF0000 e #FFFFFF 4.1.5. Preenchimento dos dentes: #FFFFCC

Pgina1

[APLICAESINFORMTICASB]Flash
5. Aps concluir o desenho da figura 1, agrupe os objectos e efectue as seguintes alteraes, atravs do inspector de propriedades, ao grupo: 5.1. Altura: 200 pixels 5.2. Largura: 150 pixels 5.3. Posio X: 10 5.4. Posio Y: 10

6. Coloque uma caixa de texto com o seu nome. De acordo com as seguintes indicaes: 6.1. Tipo de caixa de texto: Static 6.2. Tipo de Letra: Arial 6.3. Tamanho: 16 6.4. Bold 6.5. Cor: #FFCC00 6.6. Mova a caixa de texto para o canto inferior direito do stage

7. Escreva o seguinte texto no stage: Gargalhadas e C. De acordo com as seguintes indicaes: 7.1. Tipo de caixa de texto: Static 7.2. Tipo de Letra: Arial 7.3. Tamanho: 70 7.4. Cor: #FFCC00 7.5. Redimensione e posicione a caixa de texto de acordo com as seguintes indicaes: 7.5.1. Posio X: 190 7.5.2. Posio Y: 10 7.5.3. Altura: 100 pixels 7.5.4. Largura: 580 pixels

8. Guarde as alteraes efectuadas ao documento.

Nota: Na figura 2 pode verificar o aspecto geral do stage aps a concluso do exerccio.

Pgina2

[APLICAESINFORMTICASB]Flash

O seu nome

figura 2 Aspecto geral do stage aps a concluso do exerccio

Pgina3

[APLICAESINFORMTICASB]Flash

Exerccio N 2
1. Abra o documento de Flash criado no Exerccio 1 (SiteGargalhadas1.fla).

2. Na timeline, proceda criao das seguintes layers e: 2.1. Uma layer com o nome Fundo 1 2.2. Uma layer com o nome Fundo 2 2.3. Uma layer com o nome Logtipo 2.4. Uma layer com o nome Botes 2.5. Uma layer com o nome Banner 2.6. Uma layer com o nome Movie Base 2.7. Altere o nome da Layer 1 para Copyright

3. Na timeline, proceda criao dos seguintes folders: 3.1. Um folder com o nome Backgrounds 3.2. Um folder com o nome Banner e Logtipo 3.3. Um folder com o nome Outros Objectos

4. Proceda s seguintes alteraes, no que se refere organizao das layers e folders na timeline: 4.1. Mova as layers Fundo 1 e Fundo 2 para dentro do folder Backgrounds 4.2. Mova as layers Banner, Copyright e Logtipo para dentro do folder Banner e Logtipo 4.3. Mova as layers Botese Movie Base para dentro do folder Outros Objectos 4.4. Ordene os folders na timeline, de acordo com a seguinte ordem: Banner e Logtipo Outros Objectos Backgrounds

Pgina4

[APLICAESINFORMTICASB]Flash

5. Seleccione a layer Fundo 1 e desenhe um rectngulo de acordo com as seguintes especificaes: 5.1. Rectngulo sem contornos 5.2. Cor de Preenchimento: #990000 5.3. Largura: 170 pixels 5.4. Altura: 600 pixels 5.5. Posio X: 0 5.6. Posio Y: 0

6. Seleccione a layer Fundo 2 e desenhe um rectngulo de acordo com as seguintes especificaes: 6.1. Rectngulo sem contornos 6.2. Cor de Preenchimento: #333333 6.3. Largura: 630 pixels 6.4. Altura: 120 pixels 6.5. Posio X: 170 6.6. Posio Y: 0

7. Corte a imagem que est na layer Copyright (a face do palhao) e cole-a no mesmo local do stage, mas na layer Logtipo.

8. Seleccione a layer Fundo 2 e desenhe um rectngulo de acordo com as seguintes especificaes: 8.1. Rectngulo sem contornos 8.2. Cor de Preenchimento: #333333 8.3. Largura: 630 pixels 8.4. Altura: 25 pixels 8.5. Posio X: 170 8.6. Posio Y: 575

9. Corte o ttulo (Gargalhadas e C.) que se encontra na layer Copyright e cole-o no mesmo local do stage, mas na layer Banner. Pgina5

[APLICAESINFORMTICASB]Flash

10. Guarde as alteraes efectuadas ao documento

Nota: Na figura 3 pode verificar o aspecto geral do stage aps a concluso do exerccio, e na figura 4 o aspecto da timeline.

figura 3 - Aspecto geral do stage aps a concluso do exerccio

Pgina6

[APLICAESINFORMTICASB]Flash

figura 4 - Aspecto geral da timeline aps a concluso do exerccio

Pgina7

[APLICAESINFORMTICASB]Flash

Exerccio N 3
1. Abra o documento de Flash SiteGargalhadas1.fla.

2. Converta a face do palhao para um smbolo do tipo Graphic, atribuindo-lhe o nome de logtipo.

3. Converta a caixa de texto, onde se encontra escrito Gargalhadas e C., para um smbolo do tipo Graphic, atribuindo-lhe o nome de texto_banner.

4. Converta o smbolo que criou no ponto anterior para um smbolo do tipo Movie Clip, atribuindo-lhe o nome de mv_banner. Desta forma passa-se a ter um smbolo do tipo movie clip, dentro do qual se encontra uma instncia do smbolo texto_banner.

5. Edite o smbolo mv_banner, atravs de um dos modos de edio de smbolos, e proceda s seguintes alteraes: 5.1. Adicione um keyframe na frame 10 5.2. Crie uma nova layer, por baixo da layer existente 5.3. Copie o contedo da layer 1 (instncia do smbolo texto_banner), para a layer 2, colocando no mesmo local do stage 5.4. Adicione uma keyframe na frame 10, da layer 2. Passa-se desta forma a ter duas layers exactamente iguais. 5.5. Na keyframe 1 da layer 1 altere o tamanho, da instncia do smbolo texto_banner, para 20% do seu tamanho e atribua-lhe um efeito Alpha de 0% 5.6. Na keyframe 10 da layer 2 altere o tamanho, da instncia do smbolo texto_banner, para 120% do seu tamanho e atribua-lhe um efeito Alpha de 0% 5.7. Em ambas as layers, aplique uma animao Tweening Motion na keyframe 1 5.8. Verifique o aspecto da animao criada.

Pgina8

[APLICAESINFORMTICASB]Flash

6. No stage do documento, crie um novo smbolo do tipo movie clip, atribua-lhe o nome de mv_base. 6.1. Dentro do novo smbolo criado, desenhe um rectngulo de acordo com as seguintes especificaes: 6.1.1. Rectngulo sem contornos 6.1.2. Cor de preenchimento: #333333, com um efeito Alpha de 20% 6.1.3. Largura: 630 pixels 6.1.4. Altura: 455 pixels 6.1.5. Posicione o canto superior esquerdo do rectngulo, no ponto 0,0 do movie clip. Ou seja canto superior esquerdo do rectngulo fica posicionado sobre o ponto de registo do smbolo

7. No stage do documento, arraste uma instncia do smbolo anterior para o stage, para a layer Movie Base. Posicione a instncia do smbolo na seguinte posio: 7.1. Posio X: 170 7.2. Posio Y: 120 7.3. Atribua instncia o nome de mv_base

Desta forma, a instncia ir ocupar toda a rea que ainda se encontrava em branco no stage.

8. Guarde as alteraes efectuadas ao documento.

9. Crie um novo documento de Flash.

10. Guarde o documento com o nome: PaginaInicial.fla

11. Defina as seguintes propriedades do documento: 8.1. Tamanho: 630x455 pixels 8.2. Cor de fundo: Branco Pgina9

[APLICAESINFORMTICASB]Flash

9. Copie uma instncia do smbolo logtipo, do documento SiteGargalhadas1.fla para o documento PaginaInicial.fla

10. Utilizando uma Guide Layer, execute uma animao Tweening Motion com a instncia do smbolo logtipo. Poder efectuar esta animao a seu gosto.

11. Guarde as alteraes efectuadas ao documento e feche-o.

Pgina10