iMasters | Por uma internet mais criativa e dinâmica

• Photoshop

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

Olá meus amigos! Primeiramente agradeço os emails com sugestões para as matérias que faltam em nossa lista das 15 mais pedidas. Hoje deveriamos ver "gotas em latas", mas tive problemas com minha camera digital e por isso deixarei para próxima semana, ok?

Pulando uma matéria na lista divulgada semana passada, vamos para "Efeitos de Luz". Quem tem acompanhado meu fotolog (www.fotolog.net/fabiolody) viu que publiquei inúmeras imagens com efeitos de luz. E um deles em especial chamou bastante atenção de alguns leitores. Imagem esta que você encontrará abaixo. Então iremos reproduzir um efeito parecido e bem procurando por photoshopers.

Imagem postada e usada como exemplo:

Fiz está imagem para um site de Portugal à aproximadamente dois anos.

Efeitos de Luz

Descrição: Explicação sobre como criar efeitos de luz.
Software ultilizado: Photoshop 7.0 em Inglês (funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Warp Brothers Vs Aquagen - Phat Bass

1º Passo: Crie um arquivo em RBG de 400x500 pixels com fundo transparente. Em seguida pressione "D" para as cores voltarem as padrões.

2º Passo: Usando a ferramenta de preenchimento "Pain Bucket Tool", preencha com preto sua camada (usaremos como camada de fundo).

3º Passo: Escolha branco e, com a ferramenta "Elipse Tool", trace um arco como nas imagens abaixo.

4º Passo: Clique com o botão direito sobre a camada e escolha "Rasterize image".

5º Passo: Segure "CTRL" e clique sobre a camada da forma que criamos. Perceba que vemos sua seleção.

6º Passo: Vá em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5 pixels.

7º Passo: Delete a área selecionada para deixarmos apenas a borda.

8º Passo: Duplique a camada quantas vezes quiser e altere sua posição ou forma pressionando "CTRL+T".

9º Passo: "Link" todas as camadas de arcos, usando a corrente para assim unirmos as camadas pressionando "crtl +e", como na figura 02 . Em seguida nomeie a camada para "Arcos".

01

02

10º Passo: Vá em "Filter" > "Blur" > "Gaussian Blur" e altere seu valor para 1,5.

11º Passo: Duplique a camada por duas vezes clicando com o botão direito e clicando em "Duplicate Layer".

12º Passo: Na terceira camada de arcos repita o 10º passo com a diferença do valor para 21,1.

13º Passo: Repita o 9º passo. Não esqueca de nomear a camada para "arcos" (botão direito > layer propertier).

14º Passo: Pressione "SHIFT + CTRL+ N" para criarmos uma nova camada e a nomeie como "traço".

15º Passo: Clique sobre o Pincel "Brush Tool" e altere, na barra de Opções, sua ponta para "Soft Round 17 Pixels".

16º Passo: Trace duas retas como na imagem abaixo:

17º Passo: Nesse momento vá em "Filter" > "Blur" > "Motion Blur" e coloque os valores a seguir:

Sua imagem ficará assim:

18º Passo: Repita o 14º passo, mas nomeie para "zoom".

19º Passo: Vá em "Filter" > "Render" > "Clouds".

20º Passo: Agorá vá em "Filter" > "Noise" > "Add Noise".

21º Passo: Clique em "Filter" > "Blur" > "Radial Blur".

22º Passo: Em Blending Option da camada recém criada, escolha "Vivid Light" e 45º de opacidade:

23º Passo: Na barra de opções, vá em "Layer" > "Flatten Image". Perceba que achatamos nossas camadas e que na camada "background" temos a corrente, impossibilitando assim a edição por isso duplique está camada:

24º Passo: Agora vem o grande X da imagem. Repita o 14º passo mas nomeie para "degrade".

Escolha a ferramenta de degradé e altere suas opções na barra de Opções como na imagem a seguir:

25º Passo: Agora trace a posição de seu degradé e, em seguida, em "Blending Option", altere sua propriedade para "Overlay".

Ufaaaa. Espero que tenham gostado. Abaixo a minha imagem onde eu acrescentei, como no passo 16º, vários traços com a diferença que com a propriedade em overlay, além de borda, fonte e brush de flash.

Aqui ultilizei a mesma tecnologia.

Até a próxima!

Todos os artigos de Fabio Lody

20 comentários publicados

• 1. Bom:.

  Segunda-feira, 28/06/2004, por Robson Luis Monteiro Júnior
  

  legal esse efeito de luz estava com algumas duvidas sobre efeitos de luz... Valeu Fabio essa coluna ta me ajudando pá porra!!!

  Responder comentário

• 2. Rox

  Quinta-feira, 01/07/2004, por marcone
  

  Iae Fabio, parabens pela coluna... cada vez melhor... Brother, ve soh... Tu eh mestre em webarts, acho q vc pode mim ajudar e ao um bokado de gente, qria mto q publicaste uma coluna sobre efeito de uma foto rasgada, tipo akelas q vc rasga na mão msm. Se poder... valeu msm

  Responder comentário

• 3. Reflexo

  Quinta-feira, 01/07/2004, por Ra M. S. demais
  

  Fabio, estou acompanhando a algum tempo sua coluna, curto muito photoshop e fiquei curioso sobre o efeito que vc usou para fazer o reflexo no artigo "Brincando com fogo". Vc poderia esclarecer isso pra galera!!!!!
  Valeu Abraços

  Responder comentário

• 4. Como faço o efeito de "latinha suada"

  Quinta-feira, 01/07/2004, por Vitor Alves
  

  Fabio,
  Adimiro seus efeitos no Photo. Gostaria de saber como conseguir o efeito de "latinha suada" que tanto dá sede em todo mundo nas propagandas de bebidas.
  
  Valeu,
  
  Wagner de Almeida Vieira

  Responder comentário

• 5. Muito show

  Sábado, 03/07/2004, por Richelieu Rodrigues
  

  e fabio.> !! muito bakana essse efeitos.. mas gostaria de aprender a fazer os efeitos do LUMIERE... sera que tem como vc fazer um capitulo dele. ?? vlw muito obrigado

  Responder comentário

• 6. Oi

  Quinta-feira, 22/07/2004, por Nilton Esteves
  

  gostei muito, mas está meio confuso os primeiros passos...

  Responder comentário

• 7. Efeitos de Luz

  Terça-feira, 03/08/2004, por Carlos henrique Aguiar
  

  Oi, gostaria de Imasters. Nao consigo ja tentei, nada aparece bola tira so fio branco linha. nada. como faço? ja tentei select>Modifty>Contract (5). favor me ajuda urgente!!

  Responder comentário

• 8. efeito de luzes

  Sábado, 07/08/2004, por angelica yuri kobayashi
  

  oi fabio queria uma ajuda sua!!
  so consegui fazer ate o 6 passo..depois q deleta a camada ele fica com os pontilhados..como q faco pra ficar com a borda??me ajuda se puder!!beijos ate a proxima

  Responder comentário

• 9. Obrigado!!

  Terça-feira, 10/08/2004, por Neto Bordenel
  

  Valew Mesmo Fabio!!!!
  Eu nunca Tinha mexido pra valer no Photoshop, aí eu conheci o iMasters e ler a suas colunas, agora eu to fera já to fazendo umas coisas que vc naum explicou ainda!!! Muito obrigado mesmo!!

  Responder comentário

• 10. nao consegui

  Sexta-feira, 08/10/2004, por Mauro Costa e Silva
  

  cara eu nao consegui deletar a area selecionada como eu faço isso?? eu aperto delet e aparece um erro .
  valeu!!

  Responder comentário

• 11. 25º

  Quarta-feira, 01/12/2004, por rosana
  
  Responder comentário

• 12. confuso...

  Quarta-feira, 01/12/2004, por rosana
  

  meu photoshop é em português e gostaria q vc colocasse em português tb... toda vez tenho q ficar traduzindo... e tb não consegui fazer o 25º passo... poderia me explicar melhor?

  Responder comentário

• 13. não consegui fazer o efeito

  Quinta-feira, 03/02/2005, por Virley R. Alvarenga Cesario
  

  Ola, fabio,
  Encontrei o sua dicas por acaso,
  achei super legais
  Eu não estou conseguindo fazer do 3º passo para o 4º passo aparecer ativado RASTERIZE LYER, o que eu faço para continuar meu aprendizado.
  Se a galera puder me ajudar, fico grato
  tchau!!!
  obrigado

  Responder comentário

• 14. não consegui fazer o efeito de LUZ

  Quinta-feira, 03/02/2005, por Virley R. Alvarenga Cesario
  

  Ola, fabio, Encontrei o sua dicas por acaso, achei super legais Eu não estou conseguindo fazer do 3º passo para o 4º passo aparecer ativado RASTERIZE LYER, o que eu faço para continuar meu aprendizado. Se a galera puder me ajudar, fico grato tchau!!! obrigado

  Responder comentário

• 15. Conselho!!!

  Sexta-feira, 04/02/2005, por Evan Lopes
  

  e ae, olha nós a e de novo...Fábio hoje o muitos tem o photoshop em Português, como meu caso, mas não tenho muito problema com isso não, mas outros tem...não seria melhor lança algumas explicações em Português? blz....faloww

  Responder comentário

• 16. Muuuito bom

  Quinta-feira, 03/03/2005, por Diego Junio
  

  Cara... eu olhava para algusn sites com esses efeitos e ficava maluco querendo saber como isso era feito, mexo com o Photoshop por hobby a uns 3 meses e nunca imaginei q naum era tão difícil fazer efeitos assim. Parabéns cara, vc é um grande profissional!!!

  Responder comentário

• 17. P/ Virley R. Alvarenga Cesario

  Segunda-feira, 11/07/2005, por Dalton Jorge
  

  aê fábio muito boa a explicação cara... e para o Virley, pois com certez na hora de criar a elipse a opção Fill Pixels deve estar ativada. Para rasterizar a imagem deve estar marcada a opção Shape Layers ;) falows

  Responder comentário

• 18. ajuda

  Segunda-feira, 06/11/2006, por gabriel serpe
  

  aew eu n consegui entender o 5ºpasso...eu aperto ctrl na camada LAYER ou SHAPE???tipo eu ja apertei as duas mas num libera a parte do 6ºpasso...
  
  
  q q eu faço akiii ajuda

  Responder comentário

• 19. Duvidas

  Segunda-feira, 27/11/2006, por Raquel Albuquerque
  

  Eu também não consigo completar o passo 5.
  O que estou fazendo de errado?
  Trabalho com o photoshop CS2

  Responder comentário

• 20. Muito bom

  Quarta-feira, 02/05/2007, por Alexandre Pinto
  

  Só não conseguir aplicar o degrade, o efeito de luz fica branco. vlw!

  Responder comentário

Sobre o autor

Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).

Indique para um amigo

Tags relacionadas

apple windows yahoo desenvolvimento youtube tecnologia php criação android web google celular ti brasil firefox lançamento mercado seguranca twitter internet iphone crescimento mobile 3g linux microsoft

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!