Construindo um banner pop up no Flash

Bem, hoje aprenderemos como construir um banner de pop up, usando transparência. Não é complicado. No nosso caso utilizaremos a logomarca do Portal Educação. Então vamos lá.

Por | @DanielPaulinoS Softwares
Bem, hoje aprenderemos como construir um banner de pop up, usando transparência. Não é complicado. No nosso caso utilizaremos a logomarca do Portal Educação. Então vamos lá.

  • Crie uma nova camada chamada background. Nela crie um retângulo.
  • Crie uma nova camada chamada com o nome de portal;
  • Depois vá em Arquivo > import >Import to Library, este caminho irá colocar nossa logo na biblioteca do flash. Para abrir a esta biblioteca vá em window > Library (CTRL+L);
  • Com sua biblioteca aberta, vá na camada portal e insira sua logo;
  • Vá em Insert > New Symbol (CTRL+F8) e converta a logo em movie clipe;
  • Crie uma nova camada chamada texto;
  • Na camada texto escreva: conheça nossos cursos;
  • Converta o texto em movie clipe;
  • Crie uma Interpolação de Movimento (Create Motion Tween) para o texto e para a logo, lembrando que vc terá que calcular quanto tempo vc quer que este tipo de banner apareça em seu site. O cálculo pode ser feito da seguinte forma, usando a famosa regra de três:

1s = 24 frames
2s =     ?

  • Depois crie uma nova camada chamada sair para colocarmos nela o nosso botão de sair;
  • Desenhe o botão, converta ele em buttom. Instancie seu botão como bt_sair;
  • Por último crie ainda outra camada chamada action, pois nela colocaremos nossa ação. Nela coloque o seguinte código:

bt_sair.onRelease = function ()
{
    gotoAndPlay (51);
}

Obs.: Depois de sua animação, é necessário colocar im blank frame (F7) em todas as camadas para que nosso botão de sair funcione. No meu caso este último frame é o 51.
  • Ainda na camada action, selecione o último frame e abra o painel Actions (F9) e coloque um stop:

stop();

  • Este stop vai fazer com que ao clicar no botão sair ele fique em branco, sem nada.

Transparência

  • Abra um arquivo novo no dreamweaver;
  • Crie uma tabela;
  • Insira seu banner (arquivo SWF). Insert > Media > Flash (CTRL+ALT+F);
  • Clique sobre o arquivo SWF e vá em parameters... (CTRL+F3);
  • Em Parameters digite os valores, respectivamente, conforme mostra a figura.

parameter = wmode
value = transparent.

Caso não tenha feito isto, você irá publicar sua página e ao término do seu filme ele permanecerá com um fundo branco. Logo é necessário que, no dreamweaver, os parameters sejam especificados, afim de que ele realmente desapareça.

Construindo um banner pop up no Flash
Propriedades do SWF (Dreamweaver)


Construindo um banner pop up no Flash
Parâmetros do SWF (Dreamweaver)


Referência: Tecnologia Cursos

Recomendado
Comentários
Carregar comentários
Destaquesver tudo