Photoshop: Neon Text

Posted by | December 31, 2011 | Articles, content, Photoshop, Text Effects, Tutorials

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

Neon Text in Photoshop

NeonText Photoshop: Neon Text


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:

BackgroundGradient Photoshop: Neon Text

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

TypedText Photoshop: Neon Text

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

Gradient Overlay

TextGradient Photoshop: Neon Text

Bevel and Emboss

TextBevel2 Photoshop: Neon Text

Bevel and Emboss: Contour

TextContour Photoshop: Neon Text

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

TextTexture Photoshop: Neon Text

Inner Shadow

TextInnerShadow Photoshop: Neon Text

Outer Glow

TextOuterGlow Photoshop: Neon Text

Drop Shadow

TextShadow2 Photoshop: Neon Text

At this point, you should have something like this:

Neon1 Photoshop: Neon Text


free videos
million video views
million followers

120 HD Photoshop Tutorials: $10! Buy Now!

Share Your Thoughts!

Loading Facebook Comments ...
Loading Disqus Comments ...