Na última sexta fizemos um encontro do Abduzeedo na minha cidade, Porto Alegre. O encontro foi bem legal, bastante gente e várias cervejas! Quando estava indo embora notei o neon no lado de fora do bar e me inspirei para criar um tutorial mostrando como alcançar aquele tipo deefeito no Photoshop.

Neste tutorial vou mostrar a vocês como criar um efeito bacana neon no Photoshop. Nós vamos usar Layer Styles e Blend Modes para simular um efeito de texto neon.

Passo 1

Abra o Photoshop e crie um novo documento. Para o tamanho eu usei 1920x1200 pixels. Depois disso importe uma textura de tijolo, a que usei foi cortesia do Shutterstock e você pode fazer o download dela aqui

Passo 2

Com a texture layer selecionada vá até Image>Adjustments>Hue and Saturation. Use 0 para Hue, 45 para Saturation e -85 para Lightness.

Passo 3

Adicione uma nova layer e vá até Filter>Render>Clouds. Garanta que você tenha preto e branco para as cores do foreground e background. Com a Eraser Tool (E) delete as áreas próximas as bordas e deixe apenas o centro da imagem. Depois disso troque o Blend Mode para Color Dodge.

Passo 4

Importe o logo que deseja usar no efeito neon. Eu estou usando o logo da ZEE que criei umas semanas atrás. Duplique a layer e a esconda pois usaremos algumas cópias dela mais tarde. Selecione a layer visível do logo e vá até Filter>Blur>Gaussian Blur. Use 15 pixels para Radius.

Passo 5

Siga as imagens abaixo para os ajustes da Layer Style. Nós vamos usar Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss e Color Overlay.

Passo 6

Esse será o resultado que terá depois do layer style.

Passo 7

Duplique a layer com o layer style para deixar o efeito um pouco mais forte, mas reduza a opacity para 50%.

Passo 8

Nós vamos precisar de outra layer com o logo sem aplicação de layer style. Coloque esse novo logo acima das outras e vá até Filter>Blur>Gaussian Blur. Use 100 pixels para Radius. Troque também o Blend Mode para Color Dodge.

Passo 9

Agora com a Brush Tool vamos criar a base do neon que será fixada na parede. Use preto na cor e coloque essa parte atrás das neon layers. Depois disso vá até Layer>Layer Style>Bevel and Emboss. Use a imagem abaixo como referência para os valores do Bevel and Emboss. Para a base do o "E" use -160º para angle e na base do "Z" use 0º.

Passo 10

Novamente com a Brush Tool (B) e um brush suave, usando 0 em hardness, adicione uma nova layer atrás das layers criadas no passo anterior. Então apenas pinte uma sombra leve.

Conclusão

Efeitos de luz são sempre legais para wallpapers. Sou viciado nesses tipos de efeitos e nesse tutorial eu mostrei como criar um efeito neon. Basicamente, o efeito usa layer styles e blend modes. Agora é com você! Você pode tentar cores e backgrounds diferentes, mas a técnica não muda muito dessa que mostrei.

Click on the image for full preview

Download do arquivo Photoshop file

Clique aqui para fazer o download do arquivoPhotoshop usado nesse tutorial