Ir para conteúdo
  • Cadastre-se

Tremer imagem ao passar o mouse


AiroN

Posts recomendados

Neste flash tutorial vou mostrar como criar efeito de vibração usando o Action Script 3 do flash e algumas dicas e truques especiais. Este efeito pode ser usado para diversos banner's para web ou em alguma apresentação simples. Usando este tutorial, você aprenderá também como criar nome de instância, converter qualquer foto em um Movie Clip Symbol e muito mais.

 

Exemplo (Coloque o mouse emcima da imagem):

 

http://www.revistaminha.com.br/flash/swf/tremendo.swf

Veja em tamanho real: Clique aqui

 

Etapa 1:

 

Primeiro, salve a foto abaixo que iremos utilizar para esta lição.

 

 

tuto1501.jpg

 

 

Etapa 2:

 

Crie um novo documento Flash. Pressione a tecla Ctrl + J no teclado (Document Properties) e definir as dimensões do seu documento como as dimensões da foto (350x295px). Selecione qualquer cor como cor de fundo. Ajuste a taxa do seu filme Flash frame 42 e clique em OK.

 

 

Etapa 3:

 

Nomeie a camada como garota musical. Para isso dê um duplo clique sobre o nome padrão (Camada 1) ou (Layer 1) para mudar isso. Pressione Enter após ter digitado o novo nome!

 

 

Etapa 4:

 

Escolha agora Arquivo> Importar> Importar para o palco (Ctrl + R) e importar uma foto que você acabou de salvar na etapa 1 em um estágio flash. Quando a foto é ainda selecionado, vá para o Painel Align (Ctrl + K) e faça o seguinte:

 

1. Certifique-se que a Align / Distribute botão de Estágio é ligado,

2. Clique no botão Alinhar ao centro horizontal e

3. Clique no botão Alinhar centro vertical.

 

 

tuto1502.gif

 

 

Etapa 5:

 

Com a foto é ainda selecionado, pressione F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.

 

 

tuto1503.gif

 

 

Etapa 6:

 

Enquanto o novo Movie Clip é feito ainda selecionado, vá ao painel das propriedades abaixo do estágio. No lado esquerdo, você encontrará o campo de entrada Instância nome. Chamar esse filme music_mc Clip. Veja a foto abaixo!

 

 

tuto1504.gif

 

 

Etapa 7:

 

Crie uma nova camada acima da camada garota musical e o nomeie com o nome de ação. Depois disso, selecione o primeiro quadro da camada ação e vá ao painel de Action Script (F9). Em seguida, insira o código dentro do painel de ações:

 

 

var coordX:Number = music_mc.x;
var coordY:Number = music_mc.y;
var timer:Timer = new Timer(12);

music_mc.buttonMode = true;

music_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
music_mc.addEventListener(MouseEvent.ROLL_OUT,stopShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);

function startShake(e:MouseEvent):void{
timer.start ()
}

function stopShake(e:MouseEvent):void{
timer.stop();
music_mc.x = coordX;
music_mc.y = coordY;
music_mc.rotation = 0;
}

function shakeImage(event:Event):void {
music_mc.x = coordX+ getMinusOrPlus()*(Math.random()*7);
  music_mc.y = coordY+ getMinusOrPlus()*(Math.random()*4);
  music_mc.rotation = getMinusOrPlus()* Math.random()*6;
}

function getMinusOrPlus():int{
var rand : Number = Math.random()*3;
if (rand<1) return -1
else return 1;
}

 

 

 

Download: Download do arquivo FLA

 

Fonte: http://www.flashperf...fect-44233.html

"O tamanho dos teus sonhos deve sempre exceder a tua capacidade atual para alcançá-los.
Se os teus sonhos não te assustam, eles não são grandes o suficiente." - Ellen Johnson

Link para o comentário
Compartilhar em outros sites

  • 1 month later...

  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...
  • Registre-se

    Faça parte da maior e  mais antigas comunidades sobre Lineage2 da América Latina.





×
×
  • Criar Novo...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.