Tutorial Fácil: Efeito de Texto em Neon no Photoshop

Por , em 19/10/2011
Lido 8.624 vezes Comente

Em mais um tutorial simples, voltado especialmente aos iniciantes, vamos ver aqui como criar, com alguns comandos básicos, um efeito de texto em estilo neon no Photoshop. Não serão necessários mais do que dez comandos, um texto, uma imagem externa (textura opcional) e uns vinte minutos de atividade.

Em vez dos tradicionais efeitos de neon verde sobre fundo preto, vamos praticar com uma cor diferente. Escolhi esse tom lilás, que geralmente, assim como o verde e outras cores "berrantes" (verde-limão, laranja, etc), dá excelente visual e chama bastante a atenção. O fundo foi feito com uma textura de parede, mas essa etapa é opcional.

Se for mesmo criar a parede, baixe a textura no sxc.hu. Se não sabe como fazer isso, leia este artigo sobre como ter sua conta gratuita. Ou se preferir ainda, escolha outra textura em uma fonte de sua escolha.

Crie um novo documento no Photoshop, não precisaremos de tamanho muito grande. Para o efeito, 600x450 pixels já está ótimo.

Novo documento do Photoshop

Crie um fundo preto para visualizar melhor o texto (crie uma nova camada e preencha-a de preto). Com a Horizontal Type Tool (Ferramenta Letreiro Horizontal), escreva seu texto. A fonte usada foi a Harlow Solid Italic (fonte paga, encontrada no disco de instalação de algumas versões do Corel Draw, e disponível para compra online). Se não tiver esta em seu computador, procure alguma similar, ou use outra a seu gosto. Escolha uma que se pareça com letras normalmente usadas em anúncios em neon, para dar um certo realismo.

Texto do nosso neon inserido

Duplique a camada de texto (arraste sua miniatura para o botão New Layer, no rodapé da janela de camadas, ou, com a camada de texto selecionada, pressione Ctrl + J). Você vai usar esta camada mais adiante; por enquanto, desligue sua visibilidade clicando no ícone do olho ao lado de sua miniatura.

Duplique a camada do texto e desligue sua visibilidade, não será usada por enquanto

Agora, vamos usar uma série de Layer Styles (estilos de camada) para obter os efeitos desejados. Dê um duplo clique sobre a miniatura da camada de texto original, ou com ela selecionada, clique sobre o botão no rodapé da janela de Layers, chamado Add a Layer Style (Adicionar Estilo de Camada).

Selecione primeiro a opção Color Overlay (Sobreposição de Cor).

Selecione Layer Style, primeiro do tipo Color Overlay

Escolha um tom de rosa ou lilás - foi usada no tutorial a cor hexadecimal #ff99ff. Confirme. Seu texto será sobreposto com essa cor.

Escolhendo uma cor pelo valor hexadecimal

Texto após aplicação do Color Overlay

Em seguida, repita o procedimento, mas escolha o Layer Style do tipo Inner Glow (Brilho Interno). Ajustes usados abaixo (cor branca). Note que se você utilizar outra fonte e outro tamanho de arquivo, as configurações podem mudar.

Ajustes de Inner Glow. Lembre-se de escolher a cor branca na caixinha

Texto após o Inner Glow

Outro Layer Style, desta vez Outer Glow, com a mesma cor usada no preenchimento por Color Overlay (ff99ff).

Ajuste de Outer Glow

Texto após o Outer Glow

Agora o estilo Bevel and Emboss (Chanfro e Entalhe).

Ajustes do Bevel and Emboss

Texto após o Bevel and Emboss

Satin (Acetinado).

Ajuste do Satin

Texto após aplicação do Satin

Insira a imagem que baixou no começo do tutorial no seu arquivo, e transforme seu tamanho (Ctrl + T) até que ela se encaixe no papel.

Após inserção da textura de muro no arquivo

Agora você vai usar aquela camada de texto que duplicou. Posicione-a abaixo da camada de texto que recebeu os efeitos. Aplique-lhe o filtro Gaussian Blur, com força em torno de 10 (menu Filter > Blur > Gaussian Blur).

Mova então o texto desfocado um pouco para baixo de sua posição original, formando a sombra do texto. Se ficar muito fraco, você pode duplicar a camada para intensificar a sombra.

Aplicando Gaussian Blur no texto duplicado

Sobre a textura de fundo, um ajuste de Levels (na paleta Adjustments > Levels).

Ajuste de Levels na textura do fundo

Na mesma paleta de Adjustments, aplique na textura um ajuste de Hue/Saturation (Matiz/Saturação), deixando-a da cor que luminoside do neon deveria espalhar. No próximo passo, vamos reduzir a luz à área próxima ao neon.

Aplicando Hue/Saturation para colorir a textura

Sobre a máscara da camada de ajustes de Hue/Saturation (veja miniatura na imagem a seguir), pinte, usando um pincel (Brush Tool, Ferramenta Pincel) tipo Round Soft (Macio Redondo), com tinta preta, escondendo a cor lilás dos arredores da imagem, deixando apenas mais próximo ao letreiro. Varie a opacidade do pincel, geralmente ficando em torno de 30%.

Pinte com preto na máscara da camada de Hue/Saturation para esconder a cor longe do letreiro

Para finalizar, passe a camada preta que sobrou para logo abaixo da sombra das letras, e aplique-lhe uma Layer Mask (Máscara de camada, botão retangular com um círculo dentro, no rodapé da janela de camadas). Então, sobre a máscara, aplique um degradê do tipo Reflected Gradient, escurecendo as partes inferior e superior da imagem.

Comece a arrastar o mouse a partir do centro vertical da imagem, levando até um pouco para fora do limite do papel. Deve ficar como visto abaixo. Se não conseguir, tente outra vez!

Adicionando uma Layer Mask (Máscara de Camada) naquela preenchida de preto

Os círculos vermelhos marcam pontos inicial e final para criar o degradê. Ferramentas usadas estão indicadas pelas setas.

Efeito finalizado

Efeito texto em neon finalizado

O arquivo fonte no formato do Photoshop (.PSD) está disponível para download (tamanho: cerca de 2 MB). Clique no botão abaixo e divulgue este artigo em uma rede social de sua preferência.

Se mesmo assim restar alguma dúvida, postem nos comentários. Abraço!

Mais na categoria Tutoriais