Escolar Documentos
Profissional Documentos
Cultura Documentos
0
Introduo
Este Curso tem por objetivo ensinar criar animaes com o programa
Flash 4.0 da Macromedia e aceito sem plugin no Windows 98, Internet
Explorer 4.0 (ou superior) e Netscape 4.5 (ou superior).
Verses anteriores destes browsers necessitam de plugin que pode
ser obtido no prprio site da Macromedia.
Para puxar o Flash 4.0 verso demo de 30 dias : Site da
Macromedia - http://www.macromedia.com/flash
MENU DO FLASH
File
Arquivo
New
Open
Open as Library
Close
Save
Save as
Revert
arquivo
Import
Export Movie
Export Image
Publish Settings
Publish Preferences
Publish
Page Setup
Print Preview
Print
Send
Preferences
Assistant
Edit
Editar
Undo
Redo
Cut
Copy
Paste
Paste in Place
Paste Special
Clear
Duplicate
Select All
Deselect All
Copy Frames
Paste Frames
Edit Symbol
Edit Selected
Edit All
Insert Object
editar seleo
editar tudo
inserir objeto
View
Visualizar
Go to
100%
Show Frames
Show All
Outlines
Fast
Antialias
Antialias Text
Timeline
Work Area
Rulers
Grid
Snap
Show Shape Hints
ir para
visualizar o tamanho original da animao
exibir frames
exibir tudo
exibir contornos
Insert
Convert to Symbol
New Symbol
Layer
Motion Guide
Frame
Delete Frame
Keyframe
Blank Keyframe
Clear Keyframe
Create Motion Tweening
Scene
Remove Scene
Modify
Instance
Frame
Layer
Scene
Movie
Font
Paragraph
Style
itlico e
Kerning
Text Field
modificar
modificar
modificar
modificar
modificar
modificar
modificar
modificar
instncia
frame (quadro)
layer (camada)
cena
animao
fonte
pargrafo
estilo da fonte : plano, negrito ,
alinhamento
modificar espao entre as linhas do texto
modificar campo de preenchimento
Transform
Scale
Rotate
Scale and Rotate
modificar escala
modificar rotao
modificar escala e rotao
vertical
Rotate Left
Rotate Right
Flip Vertical
rotacionar esquerda
rotacionar direita
rotacionar 180 na
Flip Horizontal
( Efeito
rotacionar 180 na
horizontal
Remove Transform remover modificaes
Edit Center
editar centro
Remove Colors
remover cores
Add Shape Hints
adicionar Shape Hints ( Efeito
Shape )
Remove Shape Hints
remover Shape Hints
Shape )
Arrange
Bring to Front
Move Ahead
Move Behind
Send to Back
Lock
Unlock All
Curves
Smooth
Straighten
Optimize
Lines to Fills
Expand Shape
Soften Edges
Frames
( quadros )
otimizar
Reverse
reverter frames
Synchronize Symbols
Trace Bitmap
Align
Group
Ungroup
Break Apart
transformar
imagem para ser
reeditado no Flash
sincronizar smbolos
alinhar
agrupar
desagrupar
modificar imagem ou
texto em
Control
Controlar
Play
Rewind
Step Forward
Step Backward
Test Movie
Test Scene
( Enter )
Loop Playback
Enable Frame Actions
Enable Buttons
Mute Sounds
rodar animao
voltar a animao
ir prxima cena da animao
voltar ltima cena da animao
testar animao ( Crtl + Enter )
testar animao ; selecionar 1 frame da Cena
Libraries
Bibliotecas
Buttons
Buttons-Advanced
Graphics
Movie Clips
Sounds
botes
botes avanados
grficos
trechos de animaes
sons
Window
Janela
New Window
Arrange All
Cascade
Toolbar
nova janela
Generator Objects
programa
Library
Help
Ajuda
FERRAMENTAS DO FLASH
Todas as ferramentas do Flash possuem ferramentas auxiliares
Ferramenta Arrow ( Seta )
selecionar objeto
seleo
Ferramenta Lasso ( Lao )
mesma
parte do objeto
Ferramentas Auxiliares do Lao
Magic Wand ( Varinha Mgica )
a mesma
Magic Wand Properties
( Propriedades da Varinha Mgica )
Ferramenta Oval
Ferramentas Auxiliares da Oval
Line Color
Stroke Color Focus
Line Thickness
Line Style
Fill Color
Fill Color Focus
desenhar linha
Cor do contorno
Tipos de Contornos
Estilo de Contornos
inserir texto
tipo de fonte
tamanho da fonte
cor do texto
negrito
itlico
Alinhamento : esquerda ,
direita e
redimensionar pargrafos
Inserir campo de preenchimento para
formulrios
inserir polgonos redondos
Cor do contorno
Tipos de Contornos
Estilo de Contornos
Cor do preenchimento
desenhar mo livre
Tipos de lpis
Tinta Nakin
Cor do contorno
Tipos de Contornos
Estilo de Contornos
pintar normal
pintar preenchimentos
pintar atrs
pintar seleo
pintar dentro
cor de preenchimento
tamanho do pincel
tipo de pincel
Ferramenta Nankin
pintar contornos
Cor do Contorno
Tipos de Contornos
Estilo de Contornos
borracha normal
apagar preenchimentos
apagar linhas
apagar preenchimentos selecionados
apagar dentro do objeto
apagar reas fechadas do
Ferramenta Hand ( Mo )
movimentar objeto
Ferramenta Zoom
visualizar objeto
Tipos de Borracha
( Cor de Preenchimento )
FRAMES - QUADROS
Center Frame
Frame que est sendo selecionado
Onion Skin ( Casca de Cebola )
para fazer Add Motion Guide
Onion Skin Outlines
( Contornos da Casca de Cebola )
para visualizar os contornos do Add
Motion Guide
Edit Multiples Frames
( Edita Mltiplos Frames )
para selecionar os frames que sero
editados em
Add Motion Guide
Modify Onion Markers
( Modifica Marcadores da Cebola ) :
* Always Show makers
exibir sempre os marcadores
* Anchor Onion
exibir cebola ancora
* Onion 2
exibir cebola dois
* Onion 5
exibir cebola cinco
* Onion All
exibir todas as cebolas
CONCEITOS FUNDAMENTAIS
TIMELINE - LINHA DO TEMPO
Bolinha preta - Keyframe , isto , h desenho na linha do tempo = 1
Bolinha branca - Blank Keyframe , isto , no h desenho na linha do
tempo = 5
Linha preta - Frame , isto , repete a penltima linha do tempo na
linha = 10 que pode ser um keyframe ou blank keyframe
ALINHAMENTO DE DESENHO
Para alinhar > seleciona o desenho > Crtl K ou
10. Modify > Transform > Scale and Rotate : Scale : 900 ; Rotate : 0
11. Clique duas vezes sobre o layer 1 e renomeie para bola1
12. Clique no cone Add Layer ( folha branca ) criando o layer 2
13. Clique duas vezes sobre o layer 2 e renomeie para texto1
14. Selecione a linha do tempo = 1
15. Selecione a ferramenta Text ( Texto ) ; fonte : verdana ; tamanho 48
; cor : vinho Digite : Testando
16. Crtl + K para centralizar o texto : Vertical > Align > selecione o
terceiro boto ; Horizontal > Align > selecione o terceiro boto ; Match
Size > selecione o primeiro boto ( x ) ; ( x ) marque Align to Page
17. Selecione a ferramenta Arrow ( Seta ) Clique sobre o texto
18. Aperte a tecla F8 para transformar o texto em smbolo
19. Abrir uma Caixa de Dilogo : Name : texto1 ; behavior : graphic ;
Observe que quando se cria um smbolo , aparece um sinal ( + ) dentro
do texto
20. Selecione a linha do tempo = 50 > F6 para inserir keyframe
21. Selecione a linha do tempo = 1
22. Selecione o texto > Modify > Transform > Flip Vertical
23. Clique sobre a linha do tempo 1 > boto direito do mouse > Create
Tweening
25. Salve o arquivo como exer03.fla
24. Crtl + Enter e teste sua animao
25. Crtl + F4 para voltar a rea de trabalho
Exerccio 04 - Motion com Clockwise
1. Clique duas vezes no cone 12.0 fps Background mude o fundo da
animao para preto
2. Desenhe uma bolinha com a cor azul
3. Selecione a ferramenta Arrow ( Seta ) e clique sobre a borda da
bolinha ; delete a borda
4. Clique sobre a bolinha > Crtl + D para duplicar
5. Usando seu teclado , clique na tecla das setinhas e arraste sua
bolinha para fora
6. Pinte a segunda bolinha de verde
7. Selecione a bolinha verde > Crtl + D para duplicar
8. Usando seu teclado , clique na tecla das setinhas e arraste sua
bolinha para fora
9. Pinte a terceira bolinha de vermelho
10. Selecione a bolinha vermelha > Crtl + D para duplicar
11. Usando seu teclado , clique na tecla das setinhas e arraste sua
bolinha para fora
12. Pinte a quarta bolinha de roxo
13. Selecione a bolinha roxa > Crtl + D para duplicar
14. Usando seu teclado , clique na tecla das setinhas e arraste sua
bolinha para fora
15. Pinte a quinta bolinha de laranja
16. Selecione a bolinha laranja > Crtl + D para duplicar
17. Usando seu teclado , clique na tecla das setinhas e arraste sua
bolinha para fora
18. Pinte a sexta bolinha de amarelo
19. Selecione cada bolinhas separadamente e faa um crculo com elas
usando a tecla das setinhas do seu teclado
20. Selecione todas as bolinhas > F8 para transformar em smbolo
21. Name : bolinhas ; behavior : graphic
22. Selecione a linha do tempo = 40 > F6 para inserir keyframe
23. Selecione a linha do tempo = 1 > Create Motion Tweening
direita da tela
26. Clique na linha do tempo = 1 > boto direito do mouse > Create
Tweening
27. Clique na folha lils ( Add Guide )
28. Clique no cone Edit Multiple Frames ( Editar mltiplos frames )
29. Na linha do tempo ao clicar o cone Edit Multiple Frames aparecer
um marcador em cinza que deve ser arrastado para cada eixo da animao,
isto , um para linha do tempo = 1 e o outro para linha = 50
30. Selecione a letra A nas duas posies
31. Selecione a ferramenta im
32. Selecione a ferramenta Pencil ( Lpis ) e desenhe o caminho por onde
passar a bola , iniciando dentro do sinal ( + ) de um A e terminando no
eixo ( + ) do outro A
33. Windows > Controller para abrir o Controlador e aperte play para
testar a movimentao da letra A , caso no tenha feito a movimentao
desenhada por voc > Crtl + Z e volte a desenhar o caminho novamente
34. Sempre ao terminar o Add Motion Guide > desativar o cone Edit
Multiple Frames
35. Esconda tambm o Layer : Guide A
36. Repita o mesmo procedimento com as outras letras, encondendo sempre
os layers das letras que no esteja trabalhando ; siga as instrues dos
itens 20 ao 33, selecionando em cada letra na linha do tempo = 1 com
posies diferentes.
37. Terminando todas as letras clique no olho para visualizar todos os
layers
38. Salve sua animao, neste caso , exer07.fla
39. Crtl + Enter
40. Para voltar rea de trabalho > Crtl + F4
EFEITO SHAPE
O efeito Shape transforma um objeto em outro, conhecido tambm como
morphing;
Os objetos no podem ser smbolos
Tipos de Mistura ( Blend Type ):
* Distributive - os desenhos dos frames do meio da animao ficam
irregulares e suaves
* Angular - os desenhos dos frames do meio da animao mantm as linhas
e os cantos
Easing ( Acelerao )
Add Shape Hints
Para controlar melhor a deformao do morphing usado o Efeito Add
Shape Hints atravs de marcadores, mas ele s funciona se criar primeiro
um shape entre dois objetos
Exerccio 08 - Shape com Polgonos
1. Desenhe um quadrado
2. Clique na ferramenta Arrow ( Seta ) ; Selecione o contorno do
quadrado e delete
3. Selecione a linha do tempo = 15 > F6 para inserir um Keyframe
4. Clique na ferramenta do im ativa para que ela esteja ativada
5. Desenhe um tringulo sobre o quadrado e pinte de outra cor
17. Ser exibido uma bola verde E no meio do polgono , arraste para
extremidade cada hints
18. Salve sua animao , neste caso , exer10.fla
19. Crtl + Enter
20. Para voltar rea de trabalho > Crtl + F4
SMBOLOS
Os smbolos podem ser :
graphic ( grfico )
button ( boto )
movie clip ( pequena animao )
Libraries esto as bibliotecas do Flash
- buttons ( botes )
- buttons-advanced ( botes avanados )
- graphics ( grficos )
- movie clips ( pequenas animaes )
- sounds ( sons )
Window > Library
onde fica armazenado os smbolos criados por voc
File > Import ( Arquivo > Importar )
quando se importa uma imagem, o Flash faz uma cpia automaticamente na
sua biblioteca
Como personalizar sua Library ( Biblioteca )
Caso voc queira armazenar seus smbolos preferidos de maneira
personalizada
1. Crie um arquivo novo no Flash
2. Salve com seu nome : exemplo : beto.fla em Arquivos de Programas ou
Program Files > Macromedia >
Flash 4 > Libraries
3. Crie seus smbolos preferidos e salve seu arquivo
4. Feche seu arquivo personalizado
5. Crie uma nova animao
6. Libraries > seu_nome ( neste caso beto )
7. Escolha o smbolo que queira inserir na nova animao
Como criar um smbolo
1. Window > Library ( Janela > Biblioteca )
2. Options > New Symbol ( Opo > Novo Smbolo )
3. Name : digite o nome smbolo
4. Behavior : escolha o tipo do smbolo
5. Desenhe um smbolo
6. Terminado a edio do smbolo;
clique em Edit Scene ( Editar Cena ) ;
caso queira voltar na edio do smbolo > Edit Symbols ( Editar
Smbolo )
7. Observe que o smbolo recm construdo fica automaticamente dentro da
Library ( Biblioteca )
8. Para inserir o smbolo para Cena :
selecione na Library o smbolo ; clique no desenho do smbolo e arraste
para sua Cena
Outras ferramentas para Smbolos
-
BOTO ANIMADO
Estgios do Boto
O boto tem quatro estgios :
Up - como o boto aparece sem passar o mouse
Over - como o boto aparece quando o mouse passa por cima do boto
Down - como o boto aparece quando voc clica no boto
Hit - define a rea " clicvel " do boto, ou seja, a rea em que ele
acionado
Observao : Quando se transforma um objeto em boto , ele tem uma opo
: Tracking Options que possui duas opes : Track as Button que evita
que outros botes recebam a Ao " On Mouse Events " enquanto o mouse
est no estgio down ; Track as Menu Item que permite que outros botes
recebam a Ao " On Mouse Events - Release " .
Exerccio 13 - Boto 1
1. Window > Library > Options > New Symbol
2. Name : boto1 ; behavior : button
3. Desenhe uma bola em azul
4. Clique duas vezes sobre a bola para selecionar o polgono e o
contorno
5. Crtl + D ou Edit > Duplicate para duplicar a bola
6. Com as setinhas do teclado arraste a cpia da bola para fora
totalmente
7. Modify > Transform > Scale and Rotate
8. Scale : 90 ; Rotate : 0
9. Com as setinhas do teclado arraste a cpia da bola para o meio da
primeira bola
10. Selecione a duas bolas > Crtl + G ou Modify > Group para agrupar as
duas bolas, tornando-as um s polgono
11. Digite em branco e Arial Black no boto a palavra ENTRE
12. Selecione o boto > Crtl K para centralizar no sinal ( + ) o smbolo
boto1
13. Vertical > Align > selecione o terceiro boto ; Horizontal > Align >
selecione o terceiro boto ; Match Size > selecione o primeiro boto ( x
) ; ( x ) marque Align to Page
14. Selecione a linha do tempo os estgios Over, Down e Hit
15. F6 ou Insert > Keyframe
16. Selecione na linha do tempo o estgio Over
17. Modify > Transform > Scale and Rotate
18. Scale : 120 ; Rotate : 0
19. Selecione somente a palavra Entre
20. Selecione a ferramenta de Texto e troque a cor para amarelo
21. Selecione na linha do tempo o estgio Down
22. Modify > Transform > Scale and Rotate
23. Scale : 80 ; Rotate : 0
24. Selecione somente a palavra Entre
25. Selecione a ferramenta de Texto e troque a cor para verde
26. Deixe o estgio Hit como est , ou seja , igual ao estgio Up
27. Clique em Scene 1 para voltar a Cena 1
28. Arraste da Library ( Biblioteca ) o desenho do boto 1 para rea de
trabalho
29. Salve o arquivo como exer13.fla