ZOOM

Neste tutorial aprenderemos como aplicar zoom numa imagem, objeto,etc usando o ActionScript 2.0. Ao passar o mouse sobre o botão a imagem aumenta, ao mover o mouse para fora dele, a imagem volta a ficar pequena.

Download (arquivo fonte )Passo 1

Crie um novo documento Flash, navegue até Modify > Document (Ctrl+J) e configure Width com 330 px e Height com 440 px. Altere o Frame Rate definindo-o como 20 fps (Frames per Second).

Obs.: escolhi estes valores para altura e largura devido à imagem escolhida. Uma dica: se trabalhar com uma imagem diferente, escolha a mesma largura dela e uma altura um pouco maior para incluir o botão, ok?

Passo 2

Dê um clique duplo na layer 1 para renomeá-la como fundo. Inclua uma nova layer e nomeie-a zoom. Coloque um fundo qualquer para ilustrar (por exemplo um retângulo com a cor de sua preferência).

Passo 3

Trave a layer fundo clicando na coluna na direção do cadeado, selecione a layer zoom, navegue até File > Import > Import to Stage (Ctrl+R) e importe uma imagem qualquer (ou um objeto).

Passo 4

Com a imagem ainda selecionada, pressione F8 no teclado (para converter em Símbolo) e a converta em um Movie Clip.

Passo 5

Abra o Properties Panel (Ctrl+F3) e nomeie a instância do MovieClip (chamaremos de MC daqui por diante) como zoom.

Passo 6

Dê um clique duplo na instância do MC (zoom) ou clique com o botão direito do mouse e opte por Edit in Place.

Passo 7

Clique no frame 120, pressione F6, abra o Action Script Panel (F9) e digite o comando:

stop();

Passo 8

Selecione o logotipo do frame 1 e escolha a Free Transform Tool (Q) e diminua a imagem.

Passo 9

Clique novamente no frame 1 e no Properties Panel (Ctrl+F3) configure Tween como Motion.

Passo 10

Volte para a Scene 1 e insira uma nova layer nomeando-a como botão.

Passo 11

Clique sobre o frame 1 da layer botão, selecione a Text Tool (T) e escreva Zoom. Com o texto ainda selecionado, pressione a tecla F8 para convertê-lo em um botão.

Passo 12

Com o botão ainda selecionado, abra o Action Script Panel (F9) e digite o seguinte código:

on (rollOver) {
_root.mouse_over_zoom = true;
} on (rollOut) {
_root.mouse_over_zoom = auxiliar;
Passo 13

Insira uma nova layer nomeando-a como AS. Selecione o primeiro frame, abra o Action Script Panel (F9) e digite o seguinte código:

_root.zoom.onEnterFrame = function() { // Este zoom é o MC e não o botão!
if (mouse_over_zoom) {
_root.zoom.nextFrame();
} else {
_root.zoom.prevFrame();
}
};

Passo 14

Teste seu filme (Ctrl+Enter).

Download (arquivo fonte )