Módulo 4: A criação de Símbolos: 4.4 - Criando um Botão no Flash CS3

Imprimir
PDF

 

CRIANDO UM SÍMBOLO DE BOTÃO

Para criarmos um símbolo de botão, 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 ou um sufixo btn para denotar que é um símbolo de botão), selecionamos Button e marcamos o ponto de registro do símbolo. Veja imagem abaixo.

Inserindo símbolo de botão no Flash 

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.

No frame Up já existirá um quadro chave e esse quadro estará selecionado. Clicamos no quadro Over para marcá-lo e no menu principal clicamos em

Insert -> Timeline -> Keyframe.

Repetimos esse passo para o quadro Down e o quadro Hit.

Após inserirmos os quadros-chave, voltamos ao quadro Over (figura abaixo), clicamos no botão no palco para acessar o painel de propriedades do mesmo e alteramos a cor do contorno e do preenchimento (reparem que podemos alterar também espessura do contorno, tipo, largura e altura do objeto).

Frame Over do Botão

Fazemos o mesmo no quadro Down.

O quadro Hit serve para definir área sensível a clique.

Clique em Scene 1 para voltar a timeline principal. No palco, clique no botão e no painel de propriedades atribua um nome de instância ao botão.  No menu principal clique em Control -> Test Movie, ou simplesmente pressione Ctrl + Enter. Repare que o botão assume cores diferentes ao passar o mouse sobre ele e ao ser clicado. 

  

INSTÂNCIAS DE BOTÃO

Assim que o símbolo do botão for armazenado no Painel Library você poderá usá-lo repetidamente e entre os documentos FLA, arrastando-os simplesmente para o Palco. Lembre-se: quando você arrasta um símbolo da biblioteca, o Flash® CS3 coloca uma instância (cópia) desse símbolo no palco. Você pode ter inúmeras cópias também chamadas de instâncias desses símbolos no palco.

 

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

Reproduza os passos vistos até aqui criando um símbolo de botão e alterando cores e formas do mesmo no quadro Over e Down.