How To Create Glowing Neon Text with GIMP

How To Create Glowing Neon Text with GIMP 1024 602 Nick Saporito

In today’s tutorial I’ll be demonstrating how to create glowing neon text using GIMP. The following is a brief outline of the steps taken. For complete step-by-step instructions with voice narration please refer to the video tutorial at the top of the post.

Logo Design Guide


Curious about the creative process that inspires me to come up with design ideas and how I go about executing them? Be sure to check out my logo design guide for a look behind the scenes at my systematic approach to coming up with design ideas.

Learn How To Design Logos

Creating Neon Text

First we’re going to create some white text on a black background. The font I used for this tutorial is Orbitron, but you can use whatever font you’d like.

Step 1

Next we’re going to give the text a white outline using the Stroke Selection function.

Step 2

Now we’re going to apply a black layer mask and use a soft brush to selectively make certain areas of the outline brighter than others.

Step 3

Once that’s done we will create 2 additional copies of this layer (so 3 of them in total.) We will leave the top copy as it is, but we will take the middle copy and give it a Gaussian blur of 2.5 and set the opacity of the layer to 80%. Then we will do the same with the bottom copy, only the blur will be 5 and the opacity 60%.

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Get Your Logo Templates!

Step 4

Now create a new layer on top of everything and paint some blotches over the brighter areas of the outline.

Step 5

Set the layer mode to soft light. This will make the brighter areas of the text glow a bit more.

Step 6

Now create a new layer on top of everything and randomly paint blue and pink blotches over the text, then blur the layer so that the colors all mesh together fluidly.

Step 7

Now set the layer mode to HSL color. This will make the text take on the colors of the pink and blue blur.

Step 8

The final step is to use color curves to make the background a little more gray and adjust the blue channel to add a slight touch of blue.

Finished neon text

And with that we are done! We have successfully created a glowing neon text effect with GIMP.

If you have any questions or run into any problems simply leave a comment below. As always, thanks for watching!

Get Started with GIMP!

Want to learn more about how GIMP works? Check out The GIMP Series – a comprehensive collection of over 60 videos where I go over all of the major tools, features and function in GIMP and explain what they do, how they work, and why they’re useful.

Get 20% Off All Products

Join the Logos By Nick mailing list to be notified of new posts and receive 20% off all courses, templates, and learning materials. Your information won't be shared with any third parties and you will never receive any kind of SPAM or promotional email from me.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Read affiliate disclosure.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.