Cria Odebot O

Criação de Botão

Muito sucesso de um site está na interatividade que possui, uma vez que o usuário não deseja apenas contemplar um site ou no caso, uma animação, e sim interagir com ela. Muitas vezes essa interação se dá por meio do símbolo botão que se diferencia dos outros símbolos do Flash, principalmente quando o usuário movimenta o cursor do mouse sobre a área do botão, pois o cursor se torna uma mão e permite que você clique nele.

Podemos converter algo em um botão ou criarmos um botão a partir do zero graficamente ou através de código.
Em primeiro lugar vamos criar um botão graficamente:
1- Crie um novo arquivo flash.
2- No menu insert selecione a opção new symbol:

3- Escolha o name para a biblioteca (name:botabib) e o comportamento Button:

4- Clique em ok e observe que estamos fora da “timeline principal”, encontramos nessa nova timeline quatro quadros, quatro estados, ou melhor ainda quatro formas diferentes que um botão exibe em resposta ao mouse:
UP, OVER, DOWN e HIT:

5- Desenhe a primeira forma do botão no estado up:

6- Insira quadro chave em branco no quadro over:

7- Desenhe a segunda forma no estado over:

8- Insira quadro chave em branco no down:

9- Desenhe outra figura no down:

10- Insira quadro chave em branco no hit:

11- Desenhe uma forma com uma área um pouco menor no hit:

12- Retorne a timeline principal:

13- Abra a biblioteca (F11):

14- Arraste o botão para o cenário:

15- Teste o filme, passe o mouse sobre o botão algumas vezes e clique.
16- Explique os quatro estados do botão:

Exercícios:
1- crie um botão que mude apenas a cor nos seus estados.
2- crie um botão que mude apenas o tamanho nos seus estados.

Obs.:
Up = botão em seu estado normal, sem a proximidade do mouse.
Over= estágio em que o usuário passa o ponteiro do mouse no botão
Down= quando o usuário clica no mouse
Hit= área clicável do botão que não é visualizada pelo usuário.