topo
topo
topo
Quinta, 14 de Dezembro de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » Fireworks

 

Efeito Texto em Chamas  English Version

Por: Ivan W. Primo
Publicado em: 11.11.2005
Visualizações: 40406


rec6 Linkto delicious google yahoo live Twiter


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.

propriedades do palco"

Vamos escrever um texto no palco. Eu usei fonte Arial Black, tamanho 24, cor do preenchimento #FFCC00, cor da borda #FF0000:

texto"

propriedades do texto"

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"

setar gif animado"

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.

" " " " "

" "

menu efeito 2" menu efeito 3" "
menu efeito 1" "

"
"

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.

configuração 1"

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.

tempo do frame"

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.

duplicar 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" editar efeito", no campo "Effects", ao lado do efeito Fire.

efeito"

Deslize um pouco as barrinhas de configuração nos ítens "Column Lenght" e "Movement" para adicionar uma nova posição ao efeito das chamas.

configuração 2"

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:

final"

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



Versão para impressão  Twitter



 

  Comentários:

· josemar  Postado em: 06.03.2006


Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter