Efeitos de Luz RAWZ no Photoshop

Na última sexta nós lançamos uma nova ideia para nossos leitores compatilharem trabalhos para o Inspiração Diária. Nós chamamos a ideia de RAWZ ou Abduzeedo Raw Inspiration. Todos podem enviar trabalhos e imagens inspiradoras, e nós vamos escolher algumas artes para mostrar no Abduzeedo. Nós também criamos um logo no Illustrator e colocamos alguns efeitos de luz bacanas no Photoshop, inspirado no filme Tron.

Neste tutorial vou mostrar a vocês como criar o efeito de luz do RAWZ no Photoshop. O tutorial é iniciante/intermediário e vai levar 45 minutos para ser feito. Espero que gostem tanto quanto eu.

Passo 1

Abra o Photoshop e crie um novo documento. Com a Paint Bucket Tool (G) preencha a background layer com preto.

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.

Passo 3

Com a Rectangular Marquee Tool (M) crie uma seleção quadrada como na imagem abaixo.

Passo 4

Vá até Edit>Define Pattern. Nomeie Carbon Fiber e a parte do pattern está feita.

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.

Passo 6

Selecione Pattern Overlay, para Pattern selecione a Carbon Fiber que criamos no passo anterior. Troque também Scale para 60%.

Passo 7

Aqui está nossa fibra de carbono no background.

Passo 8

Importe o logo que quiser usar. No meu caso estou usando o logo RAWZ que criei no Illustrator.

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.

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

Passo 11

Aqui está o logo com Layer Styles.

Passo 12

Para criar a luz neon do meio é bem simples. Fiz isso no Illustrator e importei para o Photoshop.

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.

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.

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.

Passo 16

Aqui está o resultado com Layer Styles.

Passo 17

Adicone uma layer e a agrupe em um folder. Troque o Blend Mode do folder para Color Dodge e com a Brush 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.

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.

Passo 19

Aqui está nosso resultado até agora.

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.

Passo 21

Duplique a 'blurry layer' novamente e troque o Blend Mode da que está abaixo para Overlay e a de cima para Screen.

Passo 22

Agrupe as duas layers em um folder e troque Opacity para 50%.

Passo 23

Vá até Layer>New Adjustment Layer>Photo Filter. Use Cyan no Filter com 50% Density.

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.

Download Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial