Módulo 4: A criação de Símbolos: 4.5 - Botão de Texto e Botão Invisível no Flash CS3

COMO FAZER UM BOTÃO SÓ COM TEXTO

Ao longo de seu trabalho, você pode se deparar com a necessidade de criar um botão apenas com texto. Sem plano de fundo. Nesse caso você deverá ter atenção especial ao quadro (frame) Hit, onde você definirá a área sensível ao clique. Vamos ver como criar um botão contendo apenas texto.

Criando um botão de texto 

1. Com a ferramenta Text selecionada acessamos o painel de propriedades e definimos o tipo de texto para estático. Escolhemos a fonte, o tamanho, a cor e selecionamos Anti-alias for readability (Veja Entendendo e serrilhado e sua eliminação no Módulo 3). 
2. Digitamos a palavra a ser usada como botão, a selecionamos e clicamos no menu principal em Modify -> Convert to Symbol, na caixa de diálogo Convert to Symbol atribuímos um nome (por convenção podemos (ou não) usar um prefixo btn para denotar que é um símbolo de botão), selecionamos Button e marcamos o ponto de registro do símbolo como esquerda superior.
3. Também podemos usar a tecla de atalho F8 para abrirmos a caixa de diálogo Convert to Symbol. Com o símbolo ainda selecionado clicamos em Edit -> Edit Symbols (ou podemos dar um duplo clique sobre ele) para acessarmos a Timeline do botão.
4. No frame Up já existirá um quadro chave e esse quadro estará selecionado.
5. Clicamos no frame Over para marcá-lo e no menu principal clicamos em Insert -> Timeline -> Keyframe.
6. Repetimos esse passo para o frame Down e o quadro Hit.
7. Após inserirmos os quadros-chave, voltamos ao frame Over, clicamos no botão de texto no palco para acessar o painel de propriedades do mesmo e alteramos a cor do texto.
8. Fazemos o mesmo no frame Down e aumentamos o texto em 2 pontos.
9. O frame Hit serve para definir área sensível a clique, para isso selecionamos um retângulo (com cor diferente do texto) no painel de ferramentas e o colocamos sobre o texto. Clique em Scene 1 para voltar a timeline principal.
10. No palco, clique no botão e no painel de propriedades atribua um nome de instância ao botão. 
11. No menu principal clique em Control -> Test Movie, ou simplesmente pressione Ctrl + Enter. Repare que o botão de texto assume cores diferentes ao passar o mouse sobre ele e ao ser clicado.

COMO FAZER UM BOTÃO INVISÍVEL

Na seção anterior vimos como criar um botão com texto, agora vamos aprender a criar um botão invisível. Um botão invisível é um botão que não apresenta elementos gráficos, não sendo visível ao usuário final, porém mantém uma área sensível ao clique (esta técnica é muita usada na criação de banners para delimitar áreas sensíveis a cliques). Na imagem abaixo o retângulo apresenta duas área sensíveis a clique: a do botão de texto "Curso de Flash CS3" e a área escrita na parte esquerda do banner, obtida através da criação de um botão invisível em forma de elíptica.

Criando um botão invísivel 

1. Para criarmos um símbolo de botão invisível, selecionamos o objeto que deverá receber as funções de botão no Palco com a ferramenta Selection (não se esquecer do duplo clique caso a forma tenha contorno e preenchimento). Clicamos em Modify -> Convert to Symbol, na caixa de diálogo Convert to Symbol atribuímos um nome (por convenção podemos (ou não) usar um prefixo btn para denotar que é um símbolo de botão), selecionamos Button e marcamos o ponto de registro do símbolo.
2. Também podemos usar a tecla de atalho F8 para abrirmos a caixa de diálogo Convert to Symbol.
3. Com o símbolo ainda selecionado clicamos em Edit -> Edit Symbols (ou podemos dar um duplo clique sobre ele) para acessarmos a Timeline do botão.
4. No frame Up já existirá um quadro chave e esse quadro estará selecionado, clicamos nele e arrastamos o quadro chave para o frame Hit.
5. Os demais quadros devem permanecer sem quadro chave.
6. Para visualizarmos o botão podemos criar uma barra lateral em cor escura e que tenha um tamanho maior que o botão e arrastar o botão invisível para ela. 
7. No menu principal clique em Control -> Test Movie, ou simplesmente pressione Ctrl + Enter. Passe o mouse pela barra lateral que você criou. Repare que o mouse ao atingir a área onde se encontra o botão invisível assume a forma de mão.

Sugestão de exercício de fixação!

Crie um botão de texto e um botão invisível.