Dicas Rápidas Photoshop: Light Effect Text Button

Algumas semanas atrás escrevi um tutorial mostrando como criar um botão metálico estiloso usando o Photoshop. No tutorial eu mostrei um efeito de luz no texto que foi muito bem recebido e muita gente pediu mais detalhes sobre ele, sobre como criar o efeito.

Então hoje, vou dar algumas dicas rápidas sobre layer styles e vamos usar a base de um tutorial antigo. Vou mostrar como criar um efeito de luz super simples usando apenas layer styles, blend modes e blur filter.

Passo 1

Faça o download do PSD do tutorial Botão Metálico Estiloso no Photoshop e abra o arquivo. Esconda o símbolo do centro do botão para que a gente possa criar o efeito de luz.

Passo 2

Com a Horizontal Type Tool (T) adicione o texto que quiser, eu digitei START usando a fonte Impact. A cor não é muito importante pois vamos aplicar layer styles para criar o efeito.

Passo 3

Vá até Layer>Layer Styles>Color Overlay. Use Blue #5ba0c8 na cor.

Passo 4

Selecione Inner Glow para Blend Mode use Color Dodge com 65% Opacity, cor branca, Center em Source, 4% para Choke e 10 pixels para Size. Troque também Range para 52%.

Passo 5

Selecione Outer Glow. Use Screen para Blend Mode, 42% em Opacity, azul (#33b5ff) na cor, 0% em Spread, 13 pixels em Size.

Passo 6

Selecione Inner Shadow, para o Blend Mode use Darker Color com a cor preta. Para Opacity use 76% com 127º em Angle. Para distance use 2 pixels, 0% em Choke e 5 pixels em Size.

Passo 7

Agora uma parte importante do efeito, criar scanlines effect. Fazer isso é bastante simples, apenas crie um novo documento com 10 pixels width e 2 pixels height. Crie um retângulo preto de 10x1 pixels para que tenha uma linha preta e outra branca. Depois vá até Edit>Define Pattern. Nomeie seu pattern e você está pronto para começar.

Passo 8

Crie uma nova layer e a preencha com o pattern no background, depois crie uma marquee selection do texto clicando na thumbnail do ícone pressionando Command (MAC)/Control (PC)

Passo 9

Vá até Layer>Layer Mask>Reveal Selection, para que o pattern fique visível apenas na área da marquee selection. Depois troque o Blend Mode para Overlay.

Passo 10

Duplique a text layer e vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius. Agrupe a layer em um folder e troque o blend mode para Soft Light.

Conclusão

Você pode fazer merger de todas as layers usadas para criar o botão e duplicar duas vezes, depois aplique gaussian blur nas duas. Na de baixo mude o blend mode para Overlay e na de cima use screen, ambas com 40% Opacity. Depois disso o efeito está pronto.

O legal desse efeito é que ele funciona bem com textos, mas quando tiver símbolos com áreas maiores, será preciso alterar algumas coisas em Layer Styles, mas nada muito diferente do que fizemos aqui.