Efeito de Luz

por Sweeps Sex 08 Mar 2013, 21:44

Passo 1

Abra o Photoshop e crie um novo documento. Com a Paint Bucket Tool (G) preencha a background layer com preto.
Click here to view the small image.
Efeito de Luz Step_1

Passo 2

Criar uma textura de fibra de carbono é fácil. Crie um novo documento e usando a Rectangle Tool (U) crie quadrados em preto, cinza claro e cinza escuro como na imagem abaixo. Essa será a base do nosso pattern. Perceba que o tamanho é bem pequeno.
Click here to view the original image of 680x844px.
Efeito de Luz Step_2

Passo 3

Com a Rectangular Marquee Tool (M) crie uma seleção quadrada como na imagem abaixo.
Click here to view the original image of 680x704px.
Efeito de Luz Step_3

Passo 4

Vá até Edit>Define Pattern. Nomeie Carbon Fiber e a parte do pattern está feita.
Click here to view the original image of 680x406px.
Efeito de Luz Step_4

Passo 5

De volta ao documento do nosso design, adicione uma layer e também preencha com preto. Vá então atéLayer>Layer Style>Gradient Overlay. Use cinza nas cores. O mais escuro ficará na parte de baixo. Troque o Blend Mode para Multiply.
Click here to view the original image of 680x395px.
Efeito de Luz Step_5

Passo 6

Selecione Pattern Overlay, para Pattern selecione a Carbon Fiber que criamos no passo anterior. Troque também Scale para 60%.
Click here to view the original image of 598x473px.
Efeito de Luz Step_6

Passo 7

Aqui está nossa fibra de carbono no background.
Click here to view the original image of 680x432px.
Efeito de Luz Step_7

Passo 8

Importe o logo que quiser usar. No meu caso estou usando o logo RAWZ que criei no Illustrator.
Click here to view the original image of 644x343px.
Efeito de Luz Step_8

Passo 9

Vá até Layer>Layer Style. Selecione Drop Shadow. No Blend Mode use Color Burn com 50% Opacity, 90• em Angle, 2 pixels em Distance e 5 pixels em Size.
Click here to view the original image of 598x473px.
Efeito de Luz Step_9

Passo 10

Selecione Stroke e use 3
pixels em Size, Inside em Position, 95% em Opacity e nas cores use
#5c7a92, #000000, #5c7a92, #5c7a92, #000000, #5c7a92. Para Style use
Linear e para Angle use 90º.
Click here to view the original image of 598x473px.
Efeito de Luz Step_10

Passo 11

Aqui está o logo com Layer Styles.
Click here to view the original image of 644x320px.
Efeito de Luz Step_11

Passo 12

Para criar a luz neon do meio é bem simples. Fiz isso no Illustrator e importei para o Photoshop.
Click here to view the original image of 680x305px.
Efeito de Luz Step_12

Passo 13

Selecione a layer onde quer aplicar o efeito neon e vá até Layer>Layer Style. Selecione Drop Shadow. Na cor, use preto, Color Burn no Blend Mode com 100% de Opacity. No Angle use 90º e 2 pixels em Distance e 3 pixels em Size.
Click here to view the original image of 598x473px.
Efeito de Luz Step_13

Passo 14

Selecione Outer Glow. Para Blend Mode use Screen, para Opacity use 100% e azul (#00a2ff) na cor. Troque Spread para 0 e Size para 9 pixels.
Click here to view the original image of 598x473px.
Efeito de Luz Step_14

Passo 15

Selecione Inner Glow. Use Lighten no Blend Mode com a cor cyan (ciano). Selecione também Edge e troque Size para 10 pixels. Em Quality, troque Contour para o que temos na imagem abaixo.
Click here to view the original image of 598x473px.
Efeito de Luz Step_15

Passo 16

Aqui está o resultado com Layer Styles.
Click here to view the original image of 680x335px.
Efeito de Luz Step_16

Passo 17

Adicone uma layer e a agrupe em um folder. Troque o Blend Mode do folder para Color Dodge e com aBrush Tool (B) e um soft brush, 0 hardness, pinte alguns pontos no neon para criar os pontos de luz que você pode ver na imagem abaixo.
Click here to view the original image of 680x286px.
Efeito de Luz Step_17

Passo 18

Adicione
uma layer dentro do folder com color dodge e preencha com a fibra de
carbono que criamos. Crie uma marquee selection da layer neon clicando
no thumbnail da layer pressionando Command (Mac)/Control (PC), assim a
layer com a fibra ficará selecionada, vá até Layer>Layer Mask>Reveal Selection.Isso vai criar um efeito de luz bacana no neon.
Click here to view the original image of 680x436px.
Efeito de Luz Step_18

Passo 19

Aqui está nosso resultado até agora.
Click here to view the original image of 680x295px.
Efeito de Luz Step_19

Passo 20

Selecione todas as layers e as duplique, depois faça merge delas em uma layer e vá atéFilter>Blur>Gaussian Blur. Use 10 pixels em Radius.
Click here to view the original image of 644x360px.
Efeito de Luz Step_20

Passo 21

Duplique a 'blurry layer' novamente e troque o Blend Mode da que está abaixo para Overlay e a de cima para Screen.
Click here to view the original image of 644x380px.
Efeito de Luz Step_21

Passo 22

Agrupe as duas layers em um folder e troque Opacity para 50%.
Click here to view the original image of 644x349px.
Efeito de Luz Step_22

Passo 23

Vá até Layer>New Adjustment Layer>Photo Filter. Use Cyan no Filter com 50% Density.
Click here to view the original image of 680x457px.
Efeito de Luz Step_23

Conclusão

Aqui
está o resultado final. Como você pode ver, o processo todo é bastante
simples e a técnica é super versátil, pode ser usada para várias coisas.
Click here to view the original image of 644x360px.
Efeito de Luz Conclusion