12 October 2006
by Magno Urbano
Neste tutorial, vamos mostrar como criar um botão rollover no Flash.
1 - Corra o Flash e crie um novo documento;
2 - Vá ao menu Document e escolha Modify. Na janela seguinte, ajuste as dimensões, largura (width) e altura (height), ambas, para 200 pixels;
3 - Na barra de ferramentas, clique na seta para baixo ao lado do balde de pintura (Fill Color) e mude esta cor para um azul, como o da figura seguinte;
4 - Volte à barra de ferramentas e seleccione a elipse (Oval Tool). Poderá, para mesmo efeito, pressionar a tecla O no seu teclado;
5 - Crie uma elipse como a da figura seguinte.
6 - Volte à barra de ferramentas e seleccione a ferramenta de textos (Text Tool). Poderá, para mesmo efeito, pressionar a tecla T no seu teclado;
7 - Com a ferramenta de textos, escreva algo no interior da elipse. Antes de escrever, mude a cor de preenchimento (Fill Color), como fez no item 3, para outra qualquer;
Nesta altura, terá algo como o visto de seguida:

8 - Vá ao menu Edit e escolha Select All, para seleccionar todos os objectos criados. Pressione, então, a tecla F8, para transformar estes objectos num novo símbolo, no caso, num botão;
9 - Na janela seguinte, dê um nome ao novo objecto (no campo Name) e escolha, no campo Type, a opção Button;

10 - Faça duplo clique no objecto criado, para poder ajustar os seus parâmetros. Na janela seguinte, verá no alto da interface, quatro opções, Up, Over, Down e Hit, que representam, respectivamente, os parâmetros do botão, ou seja, a aparência do botão quando o rato não está por perto, a aparência do botão quando o rato está sobreposto, a aparência do botão quando o rato faz-lhe um clique e que área do botão deve responder às interacções do rato. Veja a figura seguinte:

Se observar a figura anterior, verá que os campos Over, Down e Hit estão em branco e apenas o campo Up está preenchido com um ponto. Isto significa que apenas este estado foi configurado. Para configurar cada um dos outros estados, faça o seguinte:
11 - Clique com o botão da direita (control Clique para os utilizadores de Mac com ratos de um botão) no espaço correspondente ao Over e escolha a opção Insert Keyframe;
12 - Na barra de ferramentas, seleccione a ferramente Move Tool. Poderá, para mesmo efeito, pressionar a tecla V no seu teclado;
13 - Com a ferramenta Move Tool, clique e active apenas a área laranja da elipse e mude a sua cor no campo Fill Color, como fez no item 3. Escolhemos um tom verde, conforme é visto na figura segunte:

14 - Repita o procedimento 11, 12 e 13 para o caso do campo Down e Hit. Para o caso do Down, escolhemos o vermelhor como a cor da área do botão. No caso do Hit, não precisará de escolher uma cor para o objecto e poderá apagar o texto, pois o campo Hit precisa apenas conter a informação relativa à área activa do objecto, no caso, todo o objecto.
15 - Feito isso, poderá testar o funcionamento do botão. Portanto, vá ao menu Control e escolha a opção Test Movie. Verá que o botão, normalmente laranja, muda para verde à passagem do rato e para vermelho quando é clicado.
| Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
Ferramentas para webmasters | Os Segredos do AdSense | |
Verifique o Google PageRank do seu site | Optmize os seus sites e ganhe dinheiro com o Adsense (em vídeo) | |
PÁGINAS RECOMENDADAS | ARQUIVO (por mês e ano) | |
EfeitosVisuais.com Este é um site sobre grafismo, imagens, design, vídeos e demais assuntos relacionados à multimédia (Photoshop, Dreamweaver, Flash, Premiere, 3DS Max, Pinnacle Studio, etc.). Aqui encontrará tutoriais de Photoshop, Dreamweaver, Flash, edição de vídeo, Wordpress e muitos outros temas. Este site é também aberto ao leitor quee poderá contribuir com textos, dicas, artigos ou qualquer elemento que queira divulgar à comunidade. | ||
