Como criar botões no Flash.

Como criar botões no Flash.

Utilizaremos a versão mais nova versão do Flash, a CS3.

Vamos começar bem pelo comecinho criando apenas o botão.

Como fazer um botão no flash:

1. Abra o Flash CS3 e crie um novo documento (CTRL + N) com as dimensões desejadas. No meu caso coloquei de 250×250.

2. Com a ferramenta retangulo ou qualquer outra forma desenhe no palco do programa. Você também pode importar uma imagem e fazer dela um botão. Para isso aperte CTRL + R e selecione a imagem que você quer.

3. Após desenhar selecione o objeto (desenho) e pressione a tecla F8 doseu teclado. Irá aparecer uma janela onde você colocará o nome do seubotão e selecionar o tipo – Existem 3 tipos: Movie Clip, Button e Graphic.Não se esqueça que estamos trabalhando com botões, portanto, selecione   a opção Button. Dê nome ao seu botão e clique em ok. Observe a figura abaixo:

4. Após ter feito a etapa anterior dê duplo clique sobre o botão que você criou e note como funciona o botão: Há quatro quadros no topo do programa com as seguintes descrições: *UP = É a fase que normal do botão. *Over = Fase em que quando o usuário passa o mouse ele fica. *Down = Fase quando o botão se encontra quando o usuário clica.*Hit = É a área clicável do botão, ou seja, você desenha o que quisernesse quadro, ele não apreçerá.

5. Vamos fazer com que quando o usuário passe o mouse sobre o botão ele fique laranja com fonte branca e que quando ele clicar o botão fique vermelho. Enquanto o usuário não impor qualquer ação sobre o botão ele ficará azul com fonte laranja. Observe a figura abaixo:

6. No quadro UP mude a cor do seu quadro para a cor #000066, depois pegue a ferramenta de texto e escreva a palavra Empório, mude a cor da fonte para #FF9900.

7. Depois clique no quadro OVER e pressione a teclaF6. Você vai peceber que ele copiou o quadro anterior. Agora modifique a cor do quadrado, que estava azul, para #FF9900 e a fonte para #FFFFFF.

8. No quadro seguinte chamado DOWN pressione F6 como no quadro anteriore mude a cor do quadro para #990000 e a fonte continua #FFFFFF.

9. Na área do HIT apenas pressione F6, pois assim a área clicável do botão será exatamente a desenhada por nós.

10. Agora apenas clique em scene1 localizado como na figura abaixo. Veja que voltamos para o palco principal e note que o botão ficou azul, que é como ele vai ser exibido para o usuário até que ele imponha alguma ação sobre ele.

Para ver o seu botão funcionando aperte CTRL + ENTER e passe o mouse e clique sobre o botão para ver se está funcionando.

OBS.: Nos próximos tutoriais aprenderemos colocar ações a esse botão como direcinar a uma página da web, por exemplo, etc.

Bom, até a próximo tutorial pessoal.

Home

Olá, seja bem vindo(a) ao Flash Simples!

Aqui você aprenderá de forma simples e objetiva a manipular vários recursos do Flash CS3.
Qualquer dúvida que tiverem em relação aos tutoriais, por favor postem-a. Assim procurarei esclarecê-la.

Muito obrigado.

Abaixo estão as cotegorias disponíveis até o momento:

BOTÕES