CriarWeb.com > Manuais > Manual de Flash

Neste capítulo aprenderemos a criar botões e como linká-los com nossos arquivos ou com outras páginas web, que não estão em nosso servidor.

Flash nos permite criar botões personalizados, de maneira muito rápida; e ainda nos ajuda a dar vida a nossas páginas web; em poucas palavras, nos ajuda a tornar mais atrativo nosso site e logicamente isso é o que queremos para aumentar o número de visitas em nosso website.

Por meio de linguagens de programação (por exemplo, Javascript), também poderíamos criar botões, mas seria um pouco mais complicado; ademais não poderíamos criar exatamente os mesmos efeitos que podemos fazer com Flash.

Comecemos:

1- Primeiro, criaremos um novo símbolo, fazendo a seguinte combinação de teclas: CTRL+F8.

Aparecerá o seguinte quadro:


2- Em Nome (Name), escreva "botão 1", em Comportamento (Behavior) selecione a opção Botão (Button), finalmente clique em Aceitar (OK).

Automaticamente, seremos enviado desde a Cena 1 ao palco do símbolo "botão 1"; aí é onde criaremos um botão que será incluído em nossa biblioteca.

O palco unicamente para a criação de botões, será parecido a seguinte imagem:


Olhe para a linha do tempo (Timeline), como se pode notar é diferente à linha do tempo da Cena 1.

A linha do tempo, do palco para criar botões é parecida a seguinte imagem:


Expliquemos o gráfico anterior:

Devemos entender que Repouso, Sobre, Pressionado e Zona ativa são os quatro estados de um botão. Vejamos a seguir, o que representa cada estado.

Repouso: é quando o mouse não está colocado sobre nosso botão ou não se clicou sobre ele.

Sobre: é quando o mouse está colocado sobre o botão, mas ainda não se clicou sobre ele.

Pressionado: logicamente, é quando se clica sobre o botão.

Zona Ativa: como o próprio nome indica, é quando o botão está ativo.

Continuemos com a criação de nosso "botão 1".

A cabeça leitora, na linha do tempo tem que estar assinalando o estado de Repouso.

3- Clique sobre a ferramenta de Retângulo (Rectangle Tool), que se encontra no Painel de Ferramentas.

4- Desenhe um retângulo no centro da área de trabalho, e coloque a cor azul.

5- Depois pressione a tecla F6; isto fará com que a cabeça leitora na linha do tempo passe ao estado Sobre.

Como poderá se notar, o botão se copia, portanto não será necessário fazer um novo desenho.

6- Ainda estamos no estado Sobre, se não tiver selecionado o botão, faça-lo (com a ferramenta Seta e clique duas vezes sobre nosso desenho), logo dirija-se ao Preenchimento de Cor que se encontra na seção cores do Painel de Ferramentas, e escolha a cor vermelha, como se mostra a seguir:


7- Depois pressione novamente a tecla F6, para que a cabeça leitora passe ao estado Pressionado, e mude a cor de preenchimento da mesma forma que fizemos no passo 7; e escolha uma cor verde. Finalmente pressione pela última vez F6 para passar ao estado Zona ativa, isto fará com que se copie o botão. Para este último estado, não é realmente necessário mudar a cor de fundo.

Com as cores que aplicamos, faremos com que o botão mude de cor, quando se realizar os Estados dos botões anteriormente descritos.

Nosso botão foi criado, portanto você já pode voltar para a Cena 1, abrir a biblioteca e ver que aí está o símbolo chamado "botão 1", poderá arrasta-lo ao palco as vezes que quiser para fazer várias cópias dele.

Pegue a Ferramenta de Texto (A), e escreva o que desejar, depois coloque o texto sobre o botão criado; para provar o filme faça a tradicional combinação de teclas CTRL + Enter. Se depois quiser ver o filme em seu explorador de internet, unicamente pressione as teclas CTRL + F12.