Para quem já sabe mexer no flash, certamente que já sabe como funciona os estados dos botões. Mas nem toda a gente hoje em dia sabe mexer em flash, por isso eu neste tutorial vou dar uma explicação sobre os estados dos botões no flash. Vou mostrar também o exemplo final, para ver qual o resultado dos estados dos botões. No fim do tutorial encontra-se os ficheiros em anexo caso queira fazer download dos mesmos.

Data: 03/03/09

Autor: NgM_Me_KuRtE (Flávio Proença)

Programa necessário: Adobe Flash

Tempo: 5 minutos

Nível: Básico

Resultado Final: (para ver o efeito passe o rato por cima do ficheiro e carregue no botão)

1- Abrir o Flash.
2- Criar um botão, ou então caso tenham uma imagem para o botão importam-na para o flash (Ctrl+R). (Eu no meu caso criei uma imagem para ser o botão no photoshop)
3- Feito isto vamos criar o nosso objecto ou imagem, depende da forma como cada um optou, e vamos seleccionar o objecto/imagem, e pressionamos F8, para criar-mos um botão. No nome coloquem o nome que vocês quiserem e escolham o tipo botão. (Ver imagem abaixo)

4- Agora vamos fazer duplo clique no botão para entrar-mos dentro dele.

Agora vou dar uma pequena explicação sobre os estados que um botão pode ter. Como podem ver a linha de tempo do botão é diferente da linha de tempo de um filme ou de uma cena. Ela apresenta quatro tipo de “estados”.

Os estados são:

Up – estado normal. Identifica a forma como o botão aparece quando o mouse não estiver sobre ele.
Over - indica a aparência do botão quando o utilizador passa o rato sobre ele.
Down – corresponde à aparência adquirida pelo botão durante o clique do rato.
Hit - este quadro define a área de toque do botão.

5- Agora vamos seleccionar o quadrado do Over e Down e em cada um deles vamos pressionar F6 para criar uma keyframe. Eu no meu caso vou aplicar imagens diferentes que é para ver realmente para que servem estas opções anteriores mencionadas. No quadrado do hit pressionem F6 e não façam, mais nada, pois ele vai deixar a imagem que estava no quadrado do Over, e assim assumir que a área para o botão é o tamanho da imagem em si.

6- Pressionem Ctrl+Enter para testar e ver os efeitos!

Download: Estado dos botões.rar