Efeito Fogo
Neste tutorial vamos fazer uma animação com um efeito de fogo, como se um texto estivesse em chamas.
"
O
trabalho poderá ser um pouco demorado, mas a intensão principal é
demonstrar o uso de algumas ferramentas e plugins do Fireworks.
Pra iniciar o trabalho você precisará do plugin Eye Candy 4000 que você pode baixar clicando aqui...
Descompacte
em uma pasta temporária no seu computador, depois instale o plugin em
C:Arquivos de ProgramasMacromediaFireworks MXPlug-Ins seguindo as
instruções do assistente, ou procure pela pasta onde seu Fireworks está
instalado se o caminho for diferente deste.
Depois
de ter instalado o plugin, abra o Fireworks e crie um novo documento
com as seguintes configurações: 350px de largura, 150px de altura e
palco no cor preta.
"
Vamos escrever um texto no palco. Eu usei fonte Arial Black, tamanho 24, cor do preenchimento #FFCC00, cor da borda #FF0000:
"
"
Agora vá ao painel "Optimize" e mude a configuração da imagem para "Animated Gif"
(Gif Animado). Se este painel não estiver visível pressione F6 no seu
teclado. Mude também a configuração de transparência para "No Transparency"
"
Agora
o próximo passo é aplicar o efeito de chamas de fogo ao texto. Isso é
bem simples com o Eye Candy
4000.
Com o texto selecionado, vá até o "Inspetor de Propriedades" e clique no botão "Effects", suba até Eye Candy 4000 e depois escolha "Fire".
Para criar o efeito não use o menu "Filters" porque por ele você
transformará o texto em
bitmap.
Vai aparecer a janela com as configurações. Então configure as chamas deslizando as barras até chegar ao ajuste desejado.
É importante que você marque a opção "Start from Far Side" para que as chamas preencham todo o texto. Depois clique OK.
"
Agora
nós temos o texto com um efeito estático de chamas, mas a nossa
intensão é criar uma animação. Pra isso teremos que duplicar este frame
e modificar as configurações das chamas. Para fazer isso, vá até o
painel "Frames and History" e primeiro dê um duplo
clique sobre o número que está aparecendo ao lado do nome "Frame 1".
Mude o valor para 15. Isto definirá o tempo de exibição do frame 1. Se
este painel não estiver visível pressione Shift+F2.
"
Depois clique no botão do menu de comandos que fica logo ao lado do nome do painel. Escolha "Duplicate Frames" no menu que surgir para criar uma cópia do frame.
"
Basta dar um ok na caixa de diálogo que surgir e o nosso frame já está duplicado.
Note
que no painel Frames and History há agora dois frames: 1 e 2. Com o
frame 2 selecionado neste painel, clique sobre o texto para
selecioná-lo e, em seguida, vá ao painel "Properties" (Inspetor de Propriedades) e clique no botão "Edit and Arrange Effect" 
", no campo "Effects", ao lado do efeito Fire.
"
Deslize um pouco as barrinhas de configuração nos ítens "Column Lenght" e "Movement" para adicionar uma nova posição ao efeito das chamas.
"
Pressione F12 no seu teclado para testar a animação.
Agora
repita os passos de duplicar este frame e alterar o efeito das chamas
novamente. Faça isso quantas vezes você achar necessário, adicionando
frames e modificando as chamas até que o texto pareça estar pegando
fogo, tomando o cuidado para não deixar seu arquivo muito grande.
Acredito que uns 6 ou 7 frames já sejam suficientes.
Neste eu adicionei ainda mais uns efeitos de reflexo:
"
Se quiser o arquivo "png" clique sobre a imagem.
Abraços e até a próxima!
Dúvidas consulte nosso fórum.
Ivan Willian Primo
webmaster@portaldigidesign.com.br
MSN: iwprimo@gmail.com
www.portaldigidesign.com.br
"
"
"
"
"
