Banner expansível

FLASH – Banner expansível

Depois de ver que a minha matéria Criando um banner expansivel foi muito bem acessada resolvia atender a pedidos do pessoal e mostrar como foi criado o banner no Flash, é muito simples mais já que o pessoal está pendindo vamos lá.
Os pré-requisitos desse tutorial:

Flash 8
Arquivos do Tutorial

Montando a estrutura do Banner

Primeiro vamos definir o tamanho de nosso MovieClip e o Frame Rate dele.

As camadas devem ficar assim:

Na camada “tela” vamos criar um MovieClip de 467.9 width por 230.7 height e vamos instancia-lo como “tela”, vamos colocar ele na posição _X = 0.0 e _Y = -231.4, dê um duplo clique nesse MovieClip “tela” e com o shpe selecionado navamente tranforme em MovieClip, vamos a animação, a suas camadas devem ficar dessa forma:

No primeiro frame da camada “Base Azul”, você tem o MovieClip na posição atual de _X = 0.0 e _Y = -231.4, no frame “20″ você deve colocar a posição desse MovieClip em _X = 0.0 _Y = 299.6, clique no primeiro frame da camada “Base Azul” novamente, na paleta “Propriets” clique em EDIT e configure como nas figuras abaixo:

depois disso ainda na camada “Base Azul” clique no frame 35 e precione “F6″.
Agora na camada “Texto” adcione um texto no frame 20, na posição de _X 44.0 e _Y = 137.9
e depois clique no frame 35 e coloque na posição _X = 44.0 e _Y = 387.9, agora crie a animação, feito isso clique novamente no frame 20 da camada “Texto” e configure da seguinte forma:

Agora na camada Action você coloca a ação de stop().

vamos voltar a tela principal do nosso banner e vamos criar um botão para ativa esse MovieClip,
o meu ficou assim:

Vamos converte-lo em MovieClip e dar o nome de Intancia de “Ativa”, pronto a nossa estrutura de banner já está pronta agora vamos adicionar o codigo na camada Actions.

// parando a animação no primeiro Frame
stop();
// declarando o MovieClip ativa
var ativa:MovieClip;

// Quando passar o Mouse sobre
ativa.onRollOver = function() {
// Criar uma instancia de OnEnterFrame sobre o MovieClip tela
_root.tela.onEnterFrame = function() {
// Avançar um Frame
_root.tela.nextFrame();
// se o frame atual for igual ao Frame total
if (this._currentframe == this._totalframes) {
// deletar a instancia de onEnterFrame
delete this.onEnterFrame;
}
};
};
// Quando retirar o Mouse
ativa.onRollOut = function() {
// Criar uma instancia de OnEnterFrame sobre o MovieClip tela
_root.tela.onEnterFrame = function() {
// Retrocede um Frame
_root.tela.prevFrame();
// se o frame atual for igual a 1
if (this._currentframe == 1) {
// deleta a instancia de onEnterFrame
delete this.onEnterFrame;
}
};
};

Pronto pessoal fiz esse bem rapidinho só para ajudar quem não estava conseguindo fazer o exemplo do banner.
Visitem meu blog
Escrito por Lucas_marcal on janeiro 19, 2006. Arquivado em Flash. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

9 respostas a Banner expansível

  1. As imagem não estão carregando

    arrumar por favor
    abraço

  2. O link “Arquivo do Tutorial” está quebrado, e estou precisando desse exemplo, teria como arrumar o link? Obrigado!!

  3. Use este tutorial aqui da UNESP. Não sei se é o q vc quer, mas me ajudou muito.

    http://www.unesp.br/gti/tutoriais/photoshop/ps001/index.php#

  4. Qual o motivo das imagens não aparecerem no site??? Já vereficaram??? Não é só eu quem reclama, vejo muitos comentários à respeito. No fim, toda a informação fica sem valor uma vez que vcs usem a imagem como base de explicação

  5. Concerteza… sem a imagem agente não consegue visuallllllizar como ficaria o final.
    =S

  6. pow…demoro nas imagens!

  7. Imagensssss!

  8. Cara o tuto tah muito bom masss, com as imagens ia ficar bem melhor..

  9. Bãao !!!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>