Photoshop: Neon Text

Yes, there are dozens of “Neon Text” tutorials out there, but you guys wanted yet another! Here’s my method.

Neon Text in Photoshop


[raw] [/raw]

To keep all of your sanity in tact, I’ve tried to keep this method as simple as possible. After all, you don’t need a complicated process to achieve nice results. We’re primarily going to be working with Layer Styles. Before we begin, some ground rules:

The font I used: Neon 80s – Size 250 pt
If you decide to change the font size, or use a different font, you WILL need to make adjustments to the Layer Styles!

In terms of the background I used, like many of my designs, I don’t go crazy with the background. I chose to use a simple Radial Gradient:

When you’re ready, go ahead and select your font, and type out your word of choice!

Time for Layer Styles! Again, if your font/size is different than mine, you will most likely need to tweak the Styles.

Gradient Overlay

Bevel and Emboss

Bevel and Emboss: Contour

Bevel and Emboss: Texture – This will add a slight ‘glass’ type texture to the text.

Inner Shadow

Outer Glow

Drop Shadow

At this point, you should have something like this: