Curso de Flash 4.0 On Line
Botão Animado
 

Estágios do Botão

O botão tem quatro estágios  :
Up - como o botão aparece sem passar o mouse
Over - como o botão aparece quando o mouse passa por cima do botão
Down - como o botão aparece quando você clica no botão
Hit - define a área " clicável " do botão, ou seja, a área em que ele é acionado

Quando se transforma um objeto em botão , ele tem uma opção : 
Tracking Options
que possui duas opções :
Track as Button que evita que outros botões recebam a Ação " On Mouse Events " enquanto o mouse está no estágio down ; 
Track as Menu Item que permite que outros botões recebam a Ação " On Mouse Events - Release " .

Exercício 13 - Botão 1 

Download do Exercício 13Download
1. Window > Library > Options > New Symbol
2. Name : botão1 ; behavior : button
3. Desenhe uma bola em azul
4. Clique duas vezes sobre a bola para selecionar o polígono e o contorno
5. Crtl + D ou  Edit > Duplicate para duplicar a bola
6. Com as setinhas do teclado arraste a cópia da bola para fora totalmente
7. Modify > Transform > Scale and Rotate
8. Scale : 90 ; Rotate : 0
9. Com as setinhas do teclado arraste a cópia 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ó polígono
11. Digite em branco e Arial Black no botão a palavra ENTRE
12. Selecione o botão > Crtl K para centralizar no sinal ( + ) o símbolo botão1
13. Vertical > Align > selecione o terceiro botão ;
     Horizontal > Align > selecione o terceiro botão ;
     Match Size > selecione o primeiro botão ( x ) ;
     ( x ) marque Align to Page
14. Selecione a linha do tempo os estágios Over, Down e Hit
15. F6 ou Insert > Keyframe
16. Selecione na linha do tempo o estágio 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 estágio 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 estágio Hit como está , ou seja , igual ao estágio Up
27. Clique em Scene 1 para voltar a Cena 1
28. Arraste da Library ( Biblioteca ) o desenho do botão 1 para área de trabalho
29. Salve o arquivo como exer13.fla
30. Crtl + Enter e teste sua animação
31. Passe o mouse sobre o botão
32. Crtl + F4 para voltar a área de trabalho

Exercício 14 - Botão 2

Download do Exercício 14Download
1. Window > Library > Options > New Symbol
2. Name : botão2 ; behavior : button
3. Selecione a ferramenta Rectangle
4. Clique na ferramenta auxiliar do retângulo > Round Rectangle Radius e no item Corner Radius digite 10
5. Desenhe uma retângulo em vermelho
6. Digite em branco e Arial Black no botão a palavra CADASTRO
7. Selecione o botão > Crtl K para centralizar no sinal ( + ) o símbolo botão2
8. Vertical > Align > selecione o terceiro botão ;
    Horizontal > Align > selecione o terceiro botão ;
    Match Size > selecione o primeiro botão ( x ) ;
    ( x ) marque Align to Page
9. Selecione a linha do tempo os estágios Over, Down e Hit
10. F6 ou Insert > Keyframe
11. Selecione na linha do tempo o estágio Over
12. Selecione somente a palavra CADASTRO
13. Selecione a ferramenta de Texto e troque a cor para azul
14. Selecione na linha do tempo o estágio Down
15. Selecione somente a palavra CADASTRO
16. Selecione a ferramenta de Texto e troque a cor para amarelo
17. Deixe o estágio Hit como está , ou seja , igual ao estágio Up
18. Clique em Scene 1 para voltar a Cena 1
19. Arraste da Library ( Biblioteca ) o desenho do botão 2 para área de trabalho
20. Salve o arquivo como exer14.fla
21. Crtl + Enter e teste sua animação
22. Passe o mouse sobre o botão
23. Crtl + F4 para voltar a área de trabalho
 

1ª ParteMenuTools ConceitosMotion Guide  
Shape
SímboloBotão FaqInscrição Contato

Beto Marques Internet Solutions © 1997 - 2007 
Todos os direitos reservados. All rights reserved.