Continuando na sequência de tutoriais em Flash, hoje mostrarei um efeito bem comum, porém, muito solicitado pelos colegas “flasheiros”, perguntando como criá-lo. Vamos lá!

1. Crie um arquivo com 3 camadas: action, hit, animação.

2. Na camada animação, crie o efeito que você deseja. No exemplo abaixo criei um quadro vermelho que ao passar o mouse ele fica azul, e ao retirar retorna para vermelho.

3. Feito isto, vamos na para a camada actions. No primeiro frame, no frame 10 e no frame 20, coloque o código this.stop(); (esse código faz com que a animação pare nesse exato ponto até o próximo comando).

4. Na camada hit crie um área que cubrirá todo o seu botão. Selecione o objeto, converta-o em botão (f8). Nas propriedades, conteúdo presente na posição Up até a posição Hit, conforme exemplo abaixo.

5. Volte na timeline principal, na camada hit, selecione o botão e vá até as propriedades de ações (f9). Coloque o seguinte código.

// Quando parar o mouse, play a partir do frame 2.
on (rollOver) {
gotoAndPlay(2);
}

// Quando parar o mouse, play a partir do frame 11.
on (rollOut) {
gotoAndPlay(11);
}

Está pronto o nosso botão com efeito rollover e rollout. Na camada animação, use e abuse da sua criatividade para fazer seus efeitos. Faça o download do exemplo.