Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'America/Sao_Paulo' for 'BRT/-3.0/no DST' instead in /home/portaldd/public_html/admin/classarticles.php on line 286
Efeito Texto em ChamasPor: Ivan W. Primo | Publicado em: 11.11.2005 | Visualizações: 33817
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
|
"
"
"
"
"