|
|
 Curso Flash
imprimir esta página
Módulo 01 - Módulo 02 - Módulo 03 - Módulo 04
Módulo 04
Clique aqui e imprima esta
página.
Trabalhando com efeitos Shape
Hints |
O ADD
SHAPE HINTS tem a função de transformar um elemento em outro.
Seus atributos são:
Tipos de
Mistura (Blend
Type)
Distributive - Os
desenhos dos frames do meio da animação ficam irregulares e suaves.
Angular - os
desenhos dos frames do meio da animação mantém as linhas e os cantos
Easing (Aceleração).
|
1. Desenhe um
RETÂNGULO no Keyframe 1 no flash e tecle
F8 para convertê-lo a Library dê o nome de
QUADRO marque a opção grafic
2.
Selecione a ferramenta Arrow (Seta)
3. Selecione a
imagem + Crtl + B ou Modify + Break
Apart para desagrupar a imagem.
4. Insira um keyframe na
linha do tempo = 50
5. Deselecione o
RETÂNGULO
6. Digite sobre a imagem: T E S T AN
D O em VERDANA, 38 e pinte de
azul
7. Clique sobre a O RETÂNGULO e
delete
8. Selecione o texto + Crtl +
B ou Modify + Break Apart para transformar o texto em
bitmap
9. Selecione a linha do tempo = 1 até 49
10.
Botão direito do Mouse + Properties + Tweening + Shape +
Angular
11. Salve sua animação como
teste10.fla
12. Crtl +
Enter
Em alguns casos o
movimento poderá não ficar perfeito, por causa dos formatos das imagens
inicial e final.
|
Add
Shape Hints com Polígono
1. Desenhe um
CÍRCULO
2. Clique na ferramenta Arrow
(Seta) selecione o contorno do CÍRCULO e
delete
3. Selecione a linha do tempo = 40 + F6 para
inserir um Keyframe
4. Clique na ferramenta do imã
para desativar
5. Desenhe um TRIÂNGULO sobre o
CÍRCULO (Obs.. O Retângulo deverá ter outra cor.
6.
Selecione as partes restantes do CÍRCULO e o contorno do
TRIÂNGULO e delete
7. Selecione a linha do tempo
= 1 até 39. Botão direito do Mouse + Properties
+ Tweening + Shape +
Distributive
9. Selecione a linha do tempo =
1
10. Modify + Transform + Add Shape Hints
será exibido uma bola amarela com letra A
11. Arraste
o A para alguma parte do CÍRCULO
12.
Clique sobre A + botão direito do mouse + Add
Hints ( Adicionar Hints )
13. Será exibido uma bola amarela
com a letra B
14. Arraste o B para
outra parte do CÍRCULO
15. Repita os passos acima para
adicionar mais hints C , D
16. Selecione a linha do
tempo = 40
17. Será mostrado uma bola verde
D no meio do polígono, arraste para extremidade cada hints
18.
Salve sua animação como teste11.fla
19. Para testar
sua animação tecle Crtl +
Enter
Você já tem alguns comandos básicos de animação no Flash 5.0, agora divirta-se fazendo banneres, desenhos e efeitos em suas páginas. Até a próxima aula. E lembre-se: a melhor maneira de se aprender é praticar, por isso vá estudando...
|
Porfirio Amarilla - webdesigner
Módulo 01 - Módulo 02 - Módulo 03 - Módulo 04
|
- HTML