Segunda-feira, 28 de junho de 2004 às 01h59

Efeitos de luz

Faltam 0 dias! Inscreva-se agora! O maior encontro de profissionais web da américa latina.

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!

 

21 comentários

 Robson Luis Monteiro Júnior
28/06/2004 21h11

Bom:.

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

 marcone
01/07/2004 12h21

Rox

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

 Ra M. S. demais
01/07/2004 12h34

Reflexo

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

 Vitor Alves
01/07/2004 13h22

Como faço o efeito de "latinha suada"

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

 Richelieu Rodrigues
03/07/2004 02h58

Muito show

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

 Nilton Esteves
22/07/2004 16h27

Oi

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

 Carlos henrique Aguiar
03/08/2004 11h37

Efeitos de Luz

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!!

 angelica yuri kobayashi
07/08/2004 13h02

efeito de luzes

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

 Neto Bordenel
10/08/2004 17h22

Obrigado!!

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!!

 Mauro Costa e Silva
08/10/2004 20h07

nao consegui

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

 rosana
01/12/2004 15h09

25º

 rosana
01/12/2004 15h09

confuso...

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?

 Virley R. Alvarenga Cesario
03/02/2005 15h14

não consegui fazer o efeito

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

 Virley R. Alvarenga Cesario
03/02/2005 15h16

não consegui fazer o efeito de LUZ

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

 Evan Lopes
04/02/2005 12h56

Conselho!!!

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

 Diego Junio
03/03/2005 14h47

Muuuito bom

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!!!

 Dalton Jorge
11/07/2005 11h35

P/ Virley R. Alvarenga Cesario

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

 gabriel serpe
06/11/2006 15h57

ajuda

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

 Raquel Albuquerque
27/11/2006 08h51

Duvidas

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

 Alexandre Pinto
02/05/2007 20h22

Muito bom

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

 Hugo Yuri
20/08/2009 12h44

Massa!

Massa... so da um poquim de trabalho p decorar os passos... kkkk

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


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).

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.