1. Design & Illustration
  2. Neon

How to Create an Instagram-Inspired Neon Text Effect: Photoshop in 60 Seconds

Scroll to top
Read Time: 2 min
This post is part of a series called How to: Instagram .
How to Create a Beyoncé-Inspired Fashion Photo Collage: Photoshop in 60 Seconds
Instagram Strategy, Style and Etiquette: How to Choose the Right Pictures to Share
Final product imageFinal product imageFinal product image
What You'll Be Creating

Create awesome text effects like your favorite Instagrammers. Check out this video below!

Photoshop in 60 Seconds: Neon Text Effect

There are so many ways to bring your photos to the next level. In this video, I'll show you how to create an Instagram-worthy neon text effect in Adobe Photoshop. This text effect is inspired by amazing photographers like Calop and more, and you can create it with the font of your choice or with helpful smart objects.

Watch the steps unfold and get all the details you need in the process below. Check out more amazing fonts and resources on Envato Elements.

How to Create a Neon Text Effect in Photoshop

Start with the photo. Landscape photography usually works best for this effect. Consider compositions like roads where the viewer automatically gets drawn to the text.

Here I'll be using this Scenic Route Yosemite photo.

Road Landscape Photo Envato ElementsRoad Landscape Photo Envato ElementsRoad Landscape Photo Envato Elements

There are several ways you can create this effect. You can use the Neon Type from the video or the font of your choice, or you can even draw the text yourself.

If you're using the Neon Type smart objects:

Select the Neon On Group. Right-click to Rasterize the layer for each letter, and then apply the Layer Mask. Use the Rectangular Marquee Tool (M) to select the letter, and then Copy and Paste each letter onto your photo.

Rasterize the lettersRasterize the lettersRasterize the letters

Build the entire quote you would like to use, letter by letter. Then Merge all the letters together, and adjust the size of the words with the Free Transform Tool (Control-T).

Adjust the textAdjust the textAdjust the text

Go to Image > Adjustments > Hue and Saturation. Change the color to one that fits the scene better, but feel free to use any color you'd like. Here I changed the color to:

  • Hue: 26
  • Saturation: 87
  • Lightness: 64

To create the glow, create a New Layer set to Vivid Light. Then use a rich orange color (or one of your choice) #ffa369 to paint glow onto the letters, ground, and surrounding environment with a Soft Round Brush (0% Hardness/20-60% Opacity).

Paint the glowPaint the glowPaint the glow

Darken the scene with a new Color Lookup Adjustment layer, setting the 3DLUT File to LateSunset.3DL. Adjust the Layer Opacity as desired.

Continue to adjust the glowing text. You may need several layers to do so. Then finish up with a quick vignette by creating an orange Radial Gradient set to Multiply on a New Layer.

Here is the result below!

Instagram Neon Text Effect Photohsop TutorialInstagram Neon Text Effect Photohsop TutorialInstagram Neon Text Effect Photohsop Tutorial

Learn More With Our Tutorials!

Inspired to learn more tricks for Instagram? Start with one of our Photoshop tutorials! Create fun and inspiring graphics to post on all your social media profiles.

Get Amazing Design Resources

Want to create videos like this? Download the resources used in this video:

Check out these tutorials to learn more from our experts:

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads