iMasters | Por uma internet mais criativa e dinâmica

Segunda-feira, 02/02/2004 - 03:59 - Por Felipe Macena
Seções relacionadas:

• Fireworks

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 13 comentários

Salve Comunidade! Veremos esta semana mais uma técnica muito simples, mas que, de forma bem trabalhada, tem um final surpreendente. Falaremos de efeito luminoso.

Abra um novo documento de tamanho 320 x 360px com fundo transparente.

Importe uma imagem dentro do documento aberto. Para importar uma imagem você deve seguir os seguintes procedimentos:

File > Import, ou simplemente CTRL+R. Selecione a imagem desejada e confirme.

Utilizaremos esta imagem como exemplo.

O próximo passo é duplicar a imagem. Para isso, utilize o atalho (CTRL+ALT+D), ou vá em Edit > Duplicate com a imagem selecionada. Desta forma, teremos duas imagens iguais. Alinhe as duas imagens de forma que elas fiquem sobrepostas.

Na imagem que está em baixo, vamos aumentar o tamanho dela em todas as direções utilizando a ferramenta Scale Toll (Q)

Na imagem que esta localizada abaixo vamos aplcar um efeito de Blur. Para aplicar este efeito, vá em Filters > Blur > Gaussian Blur.

Aplique o efeito com o valor de 3 como mostrado abaixo:

Na imagem inferior, vamos aplicar o nosso efeito utilizando a ferramenta Smudge Tool (R)

Vamos fazer alguns efeitos parecidos com este da imagem abaixo. O modo de fazer é uma característica de cada um. Vamos usar a imaginação.

Duplique a camada e delete a sua imagem de forma que tenhamos uma camada vazia. Com a ferramenta Polygon Tool (L) (imagem abaixo), faça desenhos aleatórios de forma que fique parecido com as imagens abaixo.

Preencha o seu desenho com a cor branca e aplique um efeito de Gaussian Blur de 10.

Desta forma chegamos ao final do nosso efeito luminoso. Crie outras formas e aplique novas cores para se chegar a um efeito desejado.

Abraços!

Todos os artigos de Felipe Macena

20/02/2004 - Fireworks x Director 02/02/2004 - Efeitos luminosos 16/01/2004 - Efeito Plástico 06/01/2004 - Integração Fireworks x Director 17/12/2003 - Integração Fireworks e Photoshop 11/12/2003 - Desmistificando Exportação 03/12/2003 - Eye Candy 4000 27/11/2003 - Otimização de Imagens 20/11/2003 - Integração - Fireworks e Flash 13/11/2003 - Album com Thumbs - Parte 02 05/11/2003 - Álbum de fotos com thumbs 30/10/2003 - Camuflando JavaScript 23/10/2003 - Efeito Reflexo 14/10/2003 - Mp3 Player - Parte 03 08/10/2003 - Mp3 Player - Parte 02 01/10/2003 - Mp3 Player - Parte 01 24/09/2003 - Curvas 16/09/2003 - Pixel Art 08/09/2003 - Ambiente 3D 04/09/2003 - Tradução do Firewoks MX 27/08/2003 - Fireworks 2004 e combinando traçados 19/08/2003 - Novas texturas 13/08/2003 - Processo em lote - 02 05/08/2003 - Processo em lote 28/07/2003 - Integração Fireworks + Dreamweaver 22/07/2003 - Site completo pelo Fireworks - Trabalhando com frames 15/07/2003 - Site completo pelo Fireworks - Banner animado 07/07/2003 - Site completo pelo Fireworks - Parte 02 30/06/2003 - Site completo pelo Fireworks 25/06/2003 - Tracejados 17/06/2003 - Menu drop down 09/06/2003 - Botões rollovers 02/06/2003 - Mini botões 27/05/2003 - Um novo botão

13 comentários publicados

• 1. Pedido

  Quarta-feira, 21/07/2004, por Vinicius Oliveira

  O efeito é muito bacana, mais tem como explicar mais detalhado?
  ainda me deixou confuso!

  Responder comentário

• 2. mas detalhado

  Segunda-feira, 30/08/2004, por humberto lobato

  POww to louco pra fazer esse efeito, mas tu explicou com muito poucos detales pow eu fiz tudo ai passo a passo e nao deu em nda poww explica ae melhor !!! por favor

  Responder comentário

• 3. Efeitos Luminosos

  Segunda-feira, 20/09/2004, por Marcio Pes

  Gostei muito do efeito, mais não estou conseguindo faze-lo, pode explicar mais detalhado e com os nomes da ferrameta em Português entre parenteses. Grato!!!

  Responder comentário

• 4. irado

  Terça-feira, 05/10/2004, por Acacio

  muito bom o efeito...soh que tb tentei fazer e nao consegui. o começo ateh que deu certo mas do meio pro fim não deu. tem como explicar mais detalhado. valeu :D

  Responder comentário

• 5. Efeitos Luminosos

  Quarta-feira, 20/10/2004, por Carlos André Lima

  Segui detalhadamente como voce explica, mas não consigo fazer esse efeito. Dá para explicar melhor?

  Responder comentário

• 6. Muito legal o efeito, mas....

  Segunda-feira, 29/11/2004, por Adriana Sumire

  O efeito eh mt bom porém eu naum consegui fazer a parte em volta do desenho, naum sai certo

  Responder comentário

• 7. Muito bom mesmo, mas...

  Domingo, 20/02/2005, por Gustavo Denis

  Eu não consegui o efeito na hora de duplicar.
  Se vc poder me dar uma ajuda agradeço.
  Valeu.

  Responder comentário

• 8. Efeito bom, porem

  Segunda-feira, 21/03/2005, por Eduardo Berto

  Segui passo a passo mas na hora da duplicaçao o efeito nao funcionou. Se vc poder explicar melhor!

  Responder comentário

• 9. Não entendi nada

  Sábado, 25/06/2005, por Rodrigo Monte

  O efeito é muito loco, mas a explicação é muito ruim, não consegui fazer aqui...

  Responder comentário

• 10. Nao entendi

  Sexta-feira, 26/08/2005, por Ruan

  O O efeito e otemo mais a explicação e nota 00000 por favor explique melhor este efeito

  Responder comentário

• 11. Explicação ruim

  Sexta-feira, 18/11/2005, por marcela

  Acho que como todos os outros comentários, não serei diferente. O efeito é legal, mas você não soube passar pra nós, é uma pena.

  Responder comentário

• 12. A matéria tá legal, mas a explicação...

  Terça-feira, 27/12/2005, por Otton Carlos

  Olá amigo, este efeito é muito bacana, parabéns, mas não entendi e nem conseguir fazer! Você deveria mostrar mais detalhes e explicar passo-a-passo! Até mais, espero que reeformule esta matéria, pois é uma tecnica muito legal, até mais, grato.

  Responder comentário

• 13. hummm!!!!

  Sexta-feira, 17/03/2006, por Fred

  Amigo...o efeito é muito bom, mas.. sua explicação é muito ruim. Tente melhorar sua didadica e ficará nota 10. Abraços!!!

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Felipe Macena é professor e trabalha com Macromedia Fireworks desde 1998.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

yahoo seguranca php desenvolvimento 3g google windows web internet mercado celular design publicidade photoshop ti gerência mobile lançamento crescimento apple youtube iphone linux tecnologia microsoft brasil

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!