Luzes de Neon com photoshop

Abundantes nas grandes cidades, eles clareiam as noites com suas luzes e convidam os insones e os boêmios a aproveitar o que os centros urbanos têm a oferecer. Os letreiros em neon estão por toda parte, basta o sol se pôr e eles mostram suas luminosas caras. De fato, uma maneira bem eficaz de chamar a atenção dos passantes. Então, por que não usar essa característica no seu site ou material impresso?

A seguir, uma maneira simples e rápida de conseguir um efeito bem realista de luz neon usando nosso bom e velho Photoshop.

Antes de qualquer coisa escolha o cenário. Você pode usar a imagem que quiser como plano de fundo, desde que ela proporcione contraste para o seu luminoso. Nesse caso escolhi uma parede de tijolos (arquivo Parede_de_tijolos.jpg).

Escolha também uma tipografia interessante. Lembre-se que letreiros de neon são feitos de uma única peça tubular que é moldada de acordo com o formato das palavras, então procure um tipo de letra que facilite a ligação de seus caracteres.

Nesse tutorial usei a versão regular da fonte Fifties nos tamanhos 415 e 135 pontos. Alguns ajustes de kerning também foram realizados. A imagem possui 200 dpi de resolução e está no modo RGB de cor.
 

1. Abra o arquivo Parede_de_tijolos. Jpg e, depois de digitar seu texto, escolha a cor a ser usada. Você pode usar o Layer Style Color Overlay ou o item Color na janela Character. Se quiser usar duas ou mais cores, será necessário usar uma Text Layer para cada cor a ser usada. Aqui, a palavra “Bar”, em azul, está numa Text Layer e as palavras “aberto 24h”, em amarelo, em outra. Por se tratar de um efeito de luz, procure usar cores claras.

2. Agora vamos ligar os caracters do nosso texto. Para isso basta criar uma nova Layer acima das Text Layers e desenhar as ligaduras com a ferramenta Brush (B). Use as mesmas cores das palavras.

3. Com as ligaduras já prontas, fundimos as Text Layers com as Layers de suas respectivas ligaduras. Para isso basta selecionar a Text Layer “Bar” e, com Shift+Click selecionar a Layer “Ligaduras Bar” e usar Cmd/Ctrl+E. Repetir o processo com a Text Layer “aberto 24h” e a Layer “Ligaduras aberto 24h”. Renomeie as Layers de acordo com suas informações: “Bar” e “aberto 24h”. Recomendo guardar uma cópia invisível de suas Text Layers por medida de segurança, pois elas serão automaticamente rasterizadas e seu texto não poderá mais ser editado.

4. O efeito de luz neon consiste basicamente no uso de Layer Styles e na sobreposição de Layers. Vamos começar pela Layer Style Inner Glow. Selecione a Layer “Bar”, vá ao menu Layer > Layer Style > Inner Glow. A janela Layer Style se abrirá. Use os ajustes que aparecem na imagem e clique Ok. A cor deve ser branca. Faça o mesmo com a Layer “aberto 24h”, ajustando as opções Choke e Size, pois variam de acordo com o tamanho e desenho da tipografia usada. (imagem: janela Layer Style Inner Glow)

5. Com a Layer “Bar” selecionada, vá ao menu Layer > Layer Style > Outer Glow. Na janela Layer Style, use os ajustes da imagem e clique Ok para aplicar o estilo Outer Glow. Repita a operação para aplicar o estilo à Layer “aberto 24h”. Ajuste a opção Size de acordo com o tamanho das letras. Lembre-se de usar as mesmas cores aplicadas aos textos. (imagem: janela Layer Style Outer Glow)

6. Duplique as camadas para obter um Outer Glow mais forte. Selecione a Layer “Bar” e use Cmd/Ctrl+J. Mova a nova Layer “Bar copy 2” para baixo da original e coloque 0% na opção Fill e 50% na opção Opacity e desative o estilo Inner Glow. Faça o mesmo com a Layer “aberto 24h”.

7. Selecione a Layer “Bar copy 2” e use Cmd/Ctrl+J para duplicar mais uma vez. Mova “Bar copy 3” para baixo de “Bar copy 2” clique duas vezes em Outer Glow. A janela Layer Style se abrirá novamente. Use a mesma configuração da imagem. Refaça o processo para a Layer “aberto 24h copy 2”. Assegure-se de usar as mesmas cores usadas no corpo do texto. (imagem: janela Layer Style Outer Glow)

8. Agora precisamos de um leve desfoque nas letras. Usando um filtro do tipo Blur, acabaremos estragando o Layer Style, então usaremos máscaras. Use Cmd/Ctrl+Click na Layer “Bar” para carregar uma seleção. Vá a menu Select > Modify > Contract, na janela digite 2 e clique Ok, isso contrairá a seleção em 2 pixels.

9. Vá a menu Select > Modify > Feather, na janela digite 2 e clique Ok, isso suavisará a seleção. Em seguida clique em Add Layer Mask (o terceiro ícone no rodapé da janela Layers) para criar uma máscara com o mesmo desenho da seleção. Faça o mesmo com a Layer “aberto 24h”, refazendo o passo 8. As opções usadas em Contract e Feather podem variar de acordo com o tamanho e resolução da imagem.

10. Carregue uma seleção na Layer “Bar copy 2” da mesma maneira que acabamos de fazer, aplique o Contract, mas agora contraia a seleção em 4 pixels. Adicione uma máscara.

11. Copie a máscara da Layer “Bar copy 2” para a Layer “Bar copy 3”. Para isso use Opt/Alt+Click na máscara da Layer “Bar copy 2” e arraste para a Layer “Bar copy 3”.

12. Repita os passos 8, 9 e 10 com as Layers “aberto 24h copy 2” e “aberto 24h copy 3”.