Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

Exerccio 22 Estruturar um trabalho - exemplo

Objectivos: Estruturar um trabalho em Flash.
1. Inicie o Flash CS4 ou CS5 e abra um documento ActionScript 2.0.
As imagens apresentadas neste exerccio so da verso CS4. Sempre que
se justificar sero apresentadas imagens e especificaes sobre a verso
CS5.
2. Altere a velocidade do seu filme para 12fps.
3. Este exerccio um exemplo de como poder estruturar um filme em
Flash.
um exemplo
apenas
pois as possibilidades
so
dependendo da ideia que cada um ter sobre o projecto a desenvolver.

infinitas,

4. Mude o nome da layer 1 para intro. Esta layer ser uma introduo ao
ser trabalho.

5.

No frame 1 da layer intro escreva um texto Estudo da Cor.

6.

No frame 25 da insira um keyframe.

7.

Seleccione o frame 1 e posicione o texto Estudo da Cor fora do stage,

em baixo.

8.

Seleccione o frame 25 e posicione o texto Estudo da Cor no stage, no

canto superior direito.

CFAEDC 2010 Flash CS4

Pgina 1

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

9.

Faa clique num dos frames entre 1 e 24 e crie uma animao do tipo
Classic Tween.

10. Pressione CTRL+ENTER para testar o seu filme.

11. Repare que o filme reproduzido ciclicamente. H por isso necessidade
de o parar.
12. Crie uma nova layer com o nome AS (ActionScript).

13. Todas as aces ActionScript para controlar a timeline devem estar nesta
layer. A layer AS deve tambm estar sempre por cima de todas as layers
criadas para facilitar o trabalho.
14. Seleccione o frame 25 da layer AS e insira um keyframe.

15. Seleccione o frame 25 da layer AS e em Window abra o painel Actions

ou prima F9.
16. Clique
em
Global
Functions, depois em
Timeline
Control
e
por
fim
d
dois
cliques
na
opo
Stop. Ao lado direito
na janela de Script
surgiu a aco que
acabou de introduzir
e que quer dizer que
o seu filme ir parar
de ser
reproduzido
no frame25.

CFAEDC 2010 Flash CS4

Pgina 2

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

17. Pressione CTRL+ENTER para testar o seu filme.

18. Note que agora o filme j pra, na layer 25.
19. Crie uma nova layer com o nome menu.

20. Mude a ordem das layers para que a AS fique em cima.

21. Premindo a tecla ALT mova o contedo do frame 25 da layer intro para
o frame 25 da layer menu.

22. Crie uma nova layer com o nome fundo e mova-a para ficar por baixo
da layer menu.

23. Insira um keyframe no frame 25 da layer fundo.

24. Seleccione
o frame
25
exercicio22.jpg para o stage.

CFAEDC 2010 Flash CS4

da

layer

fundo

importe

imagem

Pgina 3

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

25. Crie uma nova pasta de layers, com o nome intro. Coloque-a por cima
da layer intro.

26. Mova a layer intro para a pasta intro.

27. Minimize a pasta intro, bloqueie-a e oculte-a.

28. Pressione CTRL+ENTER para testar o seu filme.

29. Repare que quando visualiza o seu filme continua a poder ver o todo.
Organizar o trabalho em pastas de layers apenas ajuda na organizao do
trabalho.
30. Bloqueie a layer fundo. Impedir de mexermos no fundo por acidente.

31. No frame 25 da layer menu vamos criar trs submenus: Primrias,

Secundrias, Neutras.

CFAEDC 2010 Flash CS4

Pgina 4

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

32. Utilize o painel Align para alinhar os trs objectos de texto.

33. Vamos agora colocar botes. Existem vrias possibilidades para introduzir
botes, como vimos anteriormente. Neste exerccio vamos utilizar botes
pr-definidos. No menu Window seleccione Common Libraries e depois
Buttons.
34. Introduza trs botes. Alinhe-os e se houver necessidade reduza-lhe o
tamanho.

35. Crie uma nova layer e d-lhe o nome de primarias.

CFAEDC 2010 Flash CS4

Pgina 5

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

36. No frame 26 da layer primarias introduza um keyframe.

37. No frame 25 da layer menu programe o boto que est frente de

Primrias para ir para o frame 26 e reproduzir.

38. No frame 26 da layer primarias crie um crculo.

39. Converta
o
mc_circulo.

crculo

em

smbolo

do

tipo

movie

clip,

com

40. Seleccione a instncia do smbolo mc_circulo no stage e aplique-lhe

a animao Bounce-Smoosh do Motion Presets.

CFAEDC 2010 Flash CS4

Pgina 6

nome

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

41. Pressione CTRL+ENTER para testar o seu filme.

42. Repare que surgiu a necessidade de parar a animao novamente no
frame 100.

43. Seleccione o frame 101 da layer AS e insira um keyframe.

44. Seleccione o frame 101 da layer AS e em Window abra o painel Actions
ou prima F9.
45. Clique em Global Functions, depois em Timeline Control e por fim d dois
cliques na opo Stop. Ao lado direito na janela de Script surgiu a aco
que acabou de introduzir e que quer dizer que o seu filme ir parar de ser
reproduzido no frame 101.
46. Pressione CTRL+ENTER para testar o seu filme.

CFAEDC 2010 Flash CS4

Pgina 7

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

47. No frame 101 da layer primarias insira um blank keyframe.

48. Arraste da Library o movie clip mc_circulo para o stage e coloque-o,

com a ajuda do Onion Skin, exactamente na mesma posio do crculo no
final da animao anterior.
49. Isto permite que fique com a imagem final da animao anterior numa
pgina onde poder colocar outros contedos.

50. Pressione CTRL+ENTER para testar o seu filme.

51. No frame 101 da layer primarias insira um boto pr-definido da
Common Libraries.

CFAEDC 2010 Flash CS4

Pgina 8

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

52. Programe o boto para ir para o frame 25 e parar.

53. Pressione CTRL+ENTER para testar o seu filme.
54. Crie uma nova layer e d-lhe o nome de secundarias.

55. No frame 25 programe o boto situado frente do texto Secundrias

para ir para o frame 102 e parar.
56. No frame 102 da layer secundarias insira um blank keyframe.

57. No frame 102 da layer secundarias desenhe um quadrado.

58. Transforme o quadrado num smbolo do tipo movie clip com o nome
mc_quadrado.
59. Faa dois clique no quadrado para que fique em modo de edio.
60. Na timeline do smbolo insira um keyframe na frame 60.

CFAEDC 2010 Flash CS4

Pgina 9

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

61. Seleccione o frame 1 e coloque o quadrado fora do stage do lado

esquerdo.

62. Seleccione o frame 60 e coloque o quadrado no canto superior direito do

palco.

63. Faa clique num dos frames entre 1 e 59 e crie uma animao do tipo
Classic Tween.

64. Clique na seta situada ao lado do nome da cena e do nome do smbolo

para voltar ao stage principal e sair do modo de edio do smbolo.
65. No frame 102 da layer secundarias insira um boto pr-definido da
Common Libraries.
66. Programe o boto para ir para o frame 25 e parar.

CFAEDC 2010 Flash CS4

Pgina 10

Centro de Formao da Associao Educativa para o

Desenvolvimento da Criatividade
www.criatividade.net

67. Pressione CTRL+ENTER para testar o seu filme.

68. A utilizao da timeline dos movie clips para fazer as animaes permite
ocupar menos espao na timeline principal e facilita o trabalho.
69. Se quiser parar a animao de um movie clip animado na sua prpria
timeline, clique duas vezes no smbolo para ele ficar em modo de edio,
crie uma nova layer AS, crie um keyframe na ltima frame animada e
com o painel Actions coloque a aco stop.
70. Experimente no smbolo mc_quadrado da layer secundarias.

71. Pressione CTRL+ENTER para testar o seu filme.

72. Relembrasse
que este
exerccio
um exemplo
e no
condicionado pela sua estrutura tendo em conta a elaborao do trabalho
final.

deve

73. Programe o boto das cores Neutras para ir para um frame, como feito
nos botes anteriores.
74. Guarde o seu trabalho, como .fla, com o nome: exercicio22_ o seu
nome. Exemplo: exercicio22_PedroSantos.
75. Envie o exerccio gravado para os formadores pela sala de formao,
atravs do local prprio na respectiva sesso ou trabalho autnomo.
76. importante que ao longo dos trabalhos organize a sua Library.
CFAEDC 2010 Flash CS4

Pgina 11

ficar