SÉRIE EFEITOS – PARTE 43

 

Olá galera!

 

Para finalizar a animação, vamos configurar agora as propriedades para cada camada. Após isso, basta exportarmos nosso arquivo e conferir o resultado.

 

Acompanhe os passos abaixo.

 

1) Acesse o painel Frames and History, através do menu Window, Frames ou atalho Shift+F2.

 

Figura 01: painel Frames and History.

 

2) Crie oito novas camadas. Para isso, clique no sinal de adição (+) localizado no parte inferior a direita do painel. Veja:

 

Figura 02: criação da segunda camada.

 

Figura 03: oito camadas criadas.

 

OBS: somente a primeira camada terá elementos presentes. As demais camadas deverão ficar em branco.

 

3) Selecione o elemento da primeira camada e acesse o menu Modify, Symbol, Convert to Symbol... ou atalho do teclado F8 para converter em símbolo.

 

Figura 04: seleção do elemento da primeira camada.

 

Figura 05: menu Convert to Symbol.

 

4) Na janela Symbol Properties faça as seguintes configurações:

 

Figura 06: configurações para a janela Symbol Properties.

 

5) Na próxima janela, Animate, faça as seguintes configurações:

 

OBS: o número de camadas (Frames) configuradas nesta janela deve ser um a mais do que está presente no painel Frames and History, por isso selecionamos 9 Frames.

 

Figura 07: configurações para a janela Animate.

 

Após clicar em OK uma janela será exibida pedindo confirmação para a ação. Clique em OK.

 

6) Para desacelerar um pouco a velocidade da animação, dê dois clique sobre o canto direito de cada frame e altere para o valor 28. Veja:

 

Figura 08: alterando o valor da velocidade da animação.

 

7) O último passo é configurar a exportar e exportar a imagem criada. Acesse o painel Optimize, através do menu Window, Optimize ou atalho do teclado F6. Configure como segue:

 

Figura 09: propriedades para exportação da animação.

 

8) Para finalizar, acesse o menu File, Export... ou atalho do teclado Ctrl+Shift+R e exporte a animação para o diretório de sua preferência. Para testar sua animação, abra o arquivo com o browser. Veja o resultado:

 

Figura 10: exemplo final.

 

Chegamos ao final de mais um tutorial. Espero que tenham gostado! Enviem suas sugestões e críticas para o 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, enviem e-mail para: webdesigner.pro@pop.com.br e solicite seu orçamento. Profissionalismo sempre!

 

Pessoal, trago uma boa notícia a todos os que acompanham os tutoriais da série Fireworks, aqui no site do Júlio Battisti. Já estão à venda os cursos Fireworks Básico – Passo a Passo e Fireworks – Aprenda na Prática, ambos de minha autoria. É uma maneira fácil e didática de se aprender esta maravilhosa ferramenta de design. São inúmeros exemplos práticos que irão te levar a um mundo totalmente real em se tratando de design. Clique Aqui para saber mais sobre o curso Fireworks Básico – Passo a Passo ou Clique Aqui para saber mais sobre o curso Fireworks – Aprenda na Prática.

 

Até a próxima!

 

Um cordial abraço a todos,

 

Fábio Almeida

 

webdesigner.pro@pop.com.br