Flash – Criando um Banner
Autor: Rodrigo Freitas | Publicado: 2011-07-17T10:49:00-07:00

Altere o tamanho do palco para 660 x 80 pixels e a cor para “#D9C906”;

Selecione a ferramenta texto e digite a palavra “Verbum” com a fonte Vivaldi, tamanho 50 e cor #660000;

Habilite as réguas: View &gt; Rulers;

Utilizando os recursos das linhas-guia, e do painel Align, posicione o texto como na figura abaixo: 

 

Converta o texto em símbolo (Symbol): Modify &gt; Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Texto1 e no campo Type selecione Movie clip. Clique em Ok;

Dê um duplo-clique na camada Layer1 e a renomeie para Texto1;

Dê um duplo-clique sobre o símbolo Texto1 para entrar no modo de edição;

No modo de edição, clique no quadro 30 da linha do tempo e insira um Quadro-Chave (Keyframe);

Clique no primeiro quadro da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

Com o primeiro quadro da linha do tempo selecionado, clique sobre o símbolo Texto1 no Palco;

No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor -100;

Clique agora no quadro 30 da linha do tempo e clique sobre o símbolo Texto1;

No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor 100;

Clique no quadro 60 da linha do tempo e insira um Quadro-Chave (Keyframe);

Clique no quadro 30 da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

Clique agora no quadro 60 da linha do tempo e clique sobre o símbolo Texto1;

No painel Properties, selecione a opção Brightness do campo Color e em Brightness Amount, coloque o valor -100;

Teste a animação pressionando Enter;

Volte para Cena 1 (Scene 1);

Com a Layer (Camada) Texto1 selecionada, insira um Keyframe (Quadro-chave) no quadro 60 da linha do tempo;

Crie uma nova camada: Insert &gt; Timeline &gt; Layer;

Selecione a ferramenta Rectangle Tool na barra de ferramentas e desenhe um retângulo no palco com cor “#660000” como mostra a figura abaixo: 

 

 
Converta o retângulo em símbolo (Symbol): Modify &gt; Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Fundo1 e no campo Type selecione Movie clip. Clique em Ok;

Dê um duplo-clique na camada Layer2 e a renomeie para Fundo1;

Dê um duplo-clique sobre o símbolo Fundo1 para o mesmo entrar no modo de edição;

No modo de edição, clique sobre o símbolo para selecioná-lo e na barra de ferramentas, selecione a ferramenta Free Transform (Transformação Livre);

Redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo: 

 

 
Com o símbolo Fundo1 ainda selecionado, altere sua cor de preenchimento para #D9C906;

Insira um quadro-chave (Keyframe) no quadro 30 da linha do tempo;

Clique com o botão direito sobre o quadro 1 e crie uma Interpolação de Movimento (Create Motion Tween);

Com o quadro 1 selecionado, vá ao Painel Properties (Painel de Propriedades) e no campo Tween, selecione Shape (Forma);

Clique no quadro 30 da linha do tempo e utilizando a ferramenta Free Transform (Transformação Livre), redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo: 

 

 
Em seguida, no quadro 30 da linha do tempo e com o símbolo Fundo1 selecionado, altere sua cor para “#660000”;

Insira agora mais um quadro-chave (Keyframe) no quadro 60 da linha do tempo e em seguida mais um quadro-chave no quadro 90 da linha do tempo;

Clique no quadro 60 da linha do tempo e crie uma Interpolação de Movimento (Create Motion Tween);

Com o quadro 60 da linha do tempo selecionado, vá ao Painel Properties (Painel de Propriedades) e no campo Tween, selecione Shape (Forma);

Clique no quadro 30 da linha do tempo e utilizando a ferramenta Free Transform (Transformação Livre), redimensione e posicione o símbolo Fundo1 como mostra a figura abaixo: 

 

 
Altere a cor do símbolo Fundo1 para “#660000”;

Teste a animação pressionando Enter;

Volte para a Cena 1 (Scene 1);

Com a Layer (Camada) Fundo1 selecionada, crie mais uma camada e renomeie a mesma para Texto2. Essa camada deverá ficar acima da camada Fundo1;

Selecione a ferramenta Text (Texto) na barra de ferramentas, altere a fonte para Arial no tamanho e digite o texto: Por que o homem precisa se comunicar. Posicione o texto no banner como mostra a figura abaixo: 

 

 
Altere a cor do texto para “#D9C906”;

Converta o Texto em símbolo (Symbol): Modify &gt; Convert to Symbol..., na caixa de diálogo Convert to Symbol, no campo Name, digite Texto2 e no campo Type selecione Movie clip. Clique em Ok;