Mentor
05/10/2014, 10:44 PM
Neste flash tutorial vou mostrar como criar efeito de vibração boa música usando o Action Script 3 do flash e algumas dicas e truques especiais. Este efeito pode ser usado para alguns banner web ou para 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 (Clique no link abaixo):
Veja em tamanho real: Clique aqui ([Only registered and activated users can see links])
Etapa 1:
Primeiro, salve a foto abaixo que iremos utilizar para esta lição.
[Only registered and activated users can see links]
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.
[Only registered and activated users can see links]
Etapa 5:
Com a foto é ainda selecionado, pressione F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.
[Only registered and activated users can see links]
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!
[Only registered and activated users can see links]
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,sta rtShake);
music_mc.addEventListener(MouseEvent.ROLL_OUT,stop Shake);
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;
}
Exemplo (Clique no link abaixo):
Veja em tamanho real: Clique aqui ([Only registered and activated users can see links])
Etapa 1:
Primeiro, salve a foto abaixo que iremos utilizar para esta lição.
[Only registered and activated users can see links]
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.
[Only registered and activated users can see links]
Etapa 5:
Com a foto é ainda selecionado, pressione F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.
[Only registered and activated users can see links]
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!
[Only registered and activated users can see links]
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,sta rtShake);
music_mc.addEventListener(MouseEvent.ROLL_OUT,stop Shake);
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;
}