Flash – Criando Símbolo de Botão
Autor: Rodrigo Freitas | Publicado: 2011-07-17T10:53:00-07:00

&nbsp; 
Inicie o Flash e crie um novo documento em branco;

Altere as propriedades do paco como indicado abaixo:  Tamanho: 220 x 220 pixels;

Cor: #CC3300; 


Selecione a ferramenta Elipse (Oval);

Altere a cor do contorno para preto;

Altere a cor do preenchimento para gradiente com branco no centro e preto na borda;

Desenhe um círculo perfeito no palco (Shift);

Selecione o círculo (contorno e preenchimento);

No painel de Propriedades (Properties) altere a Altura e a Largura (“H” e “W”) para 200, o círculo deverá ficar como na figura abaixo: 
Selecione a ferramenta Transformação de Gradiente (Gradient Transform (F)) na barra de ferramentas;

Clique no preenchimento gradiente do círculo para selecioná-lo e arraste-o para cima como mostra a figura abaixo: 
 
 

Selecione o círculo e agrupe-o (Ctrl + G);

Selecione a ferramenta Elipse (Oval);

Altere a cor do contorno para #666666;

Altere a cor do preenchimento para gradiente com vermelho no centro e preto na borda;

Altere a Espessura (Stroke Height) da linha para 3;

Desenhe um círculo perfeito (pode ser fora do palco);

Selecione o círculo (contorno e preenchimento);

No painel de Propriedades (Properties) altere a Altura e a Largura (“H” e “W”) para 160, e a Espessura da Linha (Stroke Height) da linha para 3. O círculo deverá ficar como na figura abaixo: 
Selecione a ferramenta Transformação de Gradiente (Gradient Transform (F)) na barra de ferramentas;

Clique no preenchimento gradiente do círculo menor para selecioná-lo e arraste-o para cima como mostra a figura abaixo: 


 
Selecione o círculo e agrupe-o;

Posicione o círculo menor sobre o maior, selecione os dois e centralize-os no mesmo centro como mostra a figura abaixo: 


 
Dica: você pode utilizar o painel de Alinhamento (Align) para isso; 
Com os dois círculos selecionados, agrupe-os;

Selecione a ferramenta Texto (Text) na barra de ferramentas;

Altere a cor do preenchimento/fonte para #FF0000;

Fonte: Arial Black;

Tamanho: 40;

Digite a palavra Sobe;

Com o texto selecionado, agrupe-o;

Posicione o texto sobre os círculos, selecione os três objetos e centralize-os no mesmo centro;

Selecione e agrupe todos os objetos;

Com os objetos selecionados, converta-os em símbolo (Modify &gt; Convert to Symbol... F8);

Faça as alterações indicadas abaixo na caixa de diálogo Convert to Symbol:  Name: Bt_Sobe;

Type: Button; Ok. 


Dê um duplo-clique em cima do símbolo Bt_Sobe para entrar no modo de edição do mesmo como mostra a figura abaixo: 

 
 
 
Estando no modo de edição do símbolo, insira um Quadro-Chave (Keyframe) no evento Over da linha do tempo;

Estando no evento Over, selecione o texto “Sobe” e delete-o; Obs: Se o texto não estiver selecionável, dê um duplo-clique sobre ele.

Tendo deletado o texto, desenhe um triângulo com preenchimento na cor: #FF0000 como mostra a figura abaixo: 


 
Posicione o triângulo dentro do círculo com preenchimento gradiente vermelho como mostra a figura abaixo: 

 
Insira um quadro-chave no quadro Down da linha do tempo;

Com o quadro Down selecionado, diminua ligeiramente o tamanho do triângulo e desloque do círculo menor (vermelho) para baixo, conforme mostra a figura abaixo: 


 
Feito isso, volte para a Cena 1 (Scene 1) e teste o filme (Ctrl + enter);

Crie agora um segundo botão com o preenchimento gradiente verde, no lugar do vermelho e com o texto Desce no lugar do Sobe e com o triângulo com o preenchimento verde e a ponta voltada para baixo.