CURSOS PHOTOSHOP, LIVROS PHOTOSHOP, LIVROS GOOGLE, CURSOS PINNACLE STUDIO, CURSOS PREMIERE ELEMENTS, EDIÇÃO DE VÍDEO, CRIAÇÃO DE DVD, CRIAÇÃO PARA A WEB
Cursos Photoshop Cursos Flash Cursos 3DS Max
Tutoriais Photoshop Tutoriais Flash Contactos

 

 

 

 

 

por eye

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:

rollover button

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;

rollover 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:

rollover button

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:

rollover button

 

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!

 

o seu nome:
a mensagem:
 

 

 


Dê a sua opinião sobre este artigo

O seu nome

O seu e-mail

Endereço do seu site (caso possua um)

Opine sobre este artigo

Por favor copie o texto... Hj9CNp na caixa seguinte:

 

Ferramentas para webmasters

Os Segredos do AdSense

Verifique o Google PageRank do seu site
Verifique se possui conteúdo duplicado no 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.