Botões animados

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 " .

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

Resultado final aqui

Vejam muito mais no site do Curso do Beto Marques... AQUI