Design & UX

18 dez, 2009

Criando um efeito de luz

Publicidade

Fala, galera, tudo certo? Neste ano, alguns planos me deixaram totalmente sem tempo, por isso fiquei um longo período sem escrever novos artigos, mas já aproveito e agradeço aos que mandaram e-mails cobrando novas matérias, tirando suas dúvidas e pedindo auxílios. Agora, estou preparando coisas novas. Como já fazia, vou sempre indicar materiais, pessoas e sites como referência.

Neste primeiro artigo de “retorno”, vamos criar um efeito muito interessante que eu utilizo bastante nessa época de final do ano.Trabalharemos com luzes, usaremos bastante o Gaussian Blur e sobreposição de camadas, além de alguns macetes. Depois é a sua criatividade quem manda! Let´s GO!

Artista: Lincoln Soares
Descrição: Light Efect
Software ultilizado: Photoshop CS3 em Inglês.
Grau de Dificuldade: 8,0
Tempo Estimado: 2 horas
Ao som de: Kiko Loureiro Headstrong
Indicações: O artista Fabio Lody, um grande mestre que tem vários artigos top de linha.

Resultado Final:

A imagem que utilizaremos será do site Shutterstock, neste link.

1. Com o Photoshop aberto, crie um novo arquivo, 830×350 pixels, resolução de 100 pixels/inch, RGB.

2. Selecione a ferramenta Gradiente Tool (G), clique na caixa de cor do Foregrand Set e coloque a cor 9d0909, depois clique na caixa de cor do Background Set e coloque a cor f30101, clique e arraste para cima e solte com a ferramenta para preencher o background.

3. Abra a imagem e a recorte do jeito que preferir. Arraste-a para o nosso arquivo e posicione como no exemplo abaixo:

4. Tratando a imagem:

Como podemos ver a imagem está “crua”, vamos fazer alguns ajustes rápidos*. Com a layer na mulher selecionada abra o Menu Level, e configure conforme abaixo:

Duplique a Layer e renomei com o nome Overlay, troque o modo de camada para Overlay e coloque 53% de Opacity.

Pronto a imagem já está tratada para o trabalho que realizaremos.

5. Vamos aplicar um glow na imagem da mulher, vá em Layer> Layer Style> Outer Glow ou de um clique duplo na layer. Configure conforme a figura abaixo.

6. Crie uma nova layer (Layer>New>Layer… ou Ctrl+Shift+N) e nomeie como “Fonte de luz”.

Agora pegue a ferramenta Brush Tool (B) Deixei a cor do foreground branca clique com o botão direito do mouse em qualquer área do arquivo e deixe Hardness 0%. Pinte como na figura abaixo:

Vá em Filter>Blur>Gaussian Blur coloque Radius: 1,7

7. Duplique a Layer, nomeie como “Fonte de luz cor” , mude o modo de camada para Overlay. Agora vá em Layer > New Adjustiments Layer> Hue/Saturation (Ctrl +U), configure como na figura abaixo:

8. Existem alguns brushes prontos para o efeito que vou ensinar agora, mas vamos fazê-lo na raça. Crie uma nova layer com o nome de radial. Selecione a ferramenta Custom Shape Tool (U) (Clique e segura o mouse por 2 segundos na ferramenta Rectangule tool ou atalho Shift + U até a ferramenta). Em uma barra superior vai estar a caixa de shape, clique na seta ao lado e abrirá um menu com alguns shapes. Se seu Photoshop estiver com poucos shapes, clique na seta no canto superior esquerdo e clique em “All”, depois selecione o shape Flower 7.

Com o Shift pressionado clique e arraste o shape, de Ctrl+enter para formar a seleção, e preencha de branco.

Posicione em cima do presente e repita o processo de cor com fizemos na fonte de luz.

9. Vamos utilizar uma função no Photoshop que se chama Stroke Path, nós vamos fazer uma linha guia com o Path para direcionar o movimento do brush. Antes de tudo, vamos configurar o brush. Certifique-se de que a cor do foreground esteja no branco, deixe o Master Diameter em 6px, Hardness 0%.

Agora com a ferramenta Pen Tool (P) faça um traço como abaixo:

Com a ferramenta Path Selection Tool (A) selecionada, clique com o botão direito do mouse em cima da linha do path e escolha a opção Stroke Path, neste menu escolha Brush e marque a opção Simulate Pressure. Depois do ok, aperte a tecla Delete para apagar a linha do path.

Repita o passo 9, fazendo linhas diferentes, tudo na mesma layer. 

10. Feitas todas as linhas, duplique a layer. Na layer de baixo da duplicada aplique Filter>Blur>Gaussian Blu com Radius 4,3. Na de cima, aplique novamente o efeito mas com Radius 0,8. Vamos dar um Merge Down. Clique com o botão direito do mouse em cima da layer duplicada e a opção Merge Down “solda” as layers.

Nesta layer, repita o processo de colorização do passo 7.

11.  Esse é um dos passos mais importante, é o “tchan!” do trabalho. Crie uma nova Layer e, com a Ferramenta Brush Tool (B) selecionada, deixe Hardness 0%, e a cor branca no foreground, as teclas de atalho que vão agilizar nosso trabalho são ” [ ” (para aumentar o diâmetro) e “] “(para diminuir).

Faça pequenas “bolinhas” saindo da caixa à medida que for se distanciando aumente o diâmetro, mas sempre alternando, faça bolinhas acompanhando as linhas. Veja o meu exemplo:

Nesta layer repita o processo de colorização do passo 7, mas a layer da cor deixe opacity 80%.

Está pronto nosso efeito!

Outros exemplos:

Espero que todos tenham gostado, qualquer dúvida é só falar! Abraço!