ANIMANDO COM O FIREWORKS – PARTE 1

 

Fala aí galera! Tudo bem com vocês? Animados para mais um tutorial da série Fireworks?

 

Nesta semana apresento a primeira etapa (de duas etapas) de uma técnica pouco trabalhada no Macromedia Fireworks – a parte de animação.

 

Vai ver que é possível criar animações alucinantes utilizando o Fireworks. Aprenderá ao decorrer deste tutorial, e do próximo, a criar o famoso efeito holofote. Este efeito é comum de encontrá-lo na internet, e que normalmente é criado utilizando o Flash.

 

Prontos para o desafio de criar um efeito tão robusto no nosso amigo Fireworks, que não fica para trás nesta história toda?

 

Então vamos à prática!

 

1) Crie, através do menu Arquivo, Novo, um novo arquivo com as seguintes configurações:

 

» Largura: 400 pixels.

» Altura: 70 pixels.

» Resolução: 72 dpi.

» Cor da tela: Transparente.

 

 

2) O primeiro passo é modificar a configuração para GIF animado, pois se trata de uma animação. Acesse o menu Janela, Otimizar.

 

 

3) Com a janela Otimizar aberta, modifique o campo Exportação de formato de arquivo para GIF animado.

 

 

4) Selecione a Ferramenta Texto e digite o texto Fábio Almeida. Configure-o com os seguintes parâmetros:

 

» Fonte: Arial.

» Tamanho: 50.

» Cor: Preto (#000000).

» Estilo: Negrito.

 

 

 

5) Selecione a Ferramenta Elipse e desenhe um círculo perfeito no palco, medindo 56 x 56 pixels, e dê as seguintes configurações ao mesmo:

 

» Cor de Preenchimento: Verde Escuro (#00793D).

» Cor do Contorno: sem cor de contorno.

 

Obs: Para se desenhar um círculo perfeito, mantenha a tecla Shift pressionada enquanto desenha o círculo no palco.

 

 

 

6) Com o círculo, que acabamos de criar, selecionado acesse o menu Filtros, Embaçar, Desfoque Gaussiano....

 

 

7) Provavelmente surgirá uma janela informando que tal operação converterá vetores em bitmaps. Clique no botão OK.

 

 

8) Surgirá a janela Desfoque Gaussiano. Configure-a de acordo com a figura abaixo:

 

 

9) Teremos como resultado algo como a imagem a seguir:

 

 

10) No próximo passo vamos iniciar o efeito propriamente dito – a construção da animação. Mas estes passos são cenas para o próximo capítulo, ou melhor, para o próximo tutorial. Conto com o acesso de todos vocês!

 

Chegamos ao final de mais um tutorial da série Fireworks. Caso tenha dúvida(s), entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

 

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral,  acesse: http://www.fabio.trampos.net/ e solicite seu orçamento. Profissionalismo sempre!

 

Até a próxima!

 

Um cordial abraço a todos,

Fábio Almeida