Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Create Realistic Neon Text Effect in Photoshop
Text Effect

Create Realistic Neon Text Effect in Photoshop

By Valentin PetroffSeptember 27, 20243 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the processes used to created this unique neon text effect in Photoshop. We will be using a number of Photoshop techniques such as layer masking, selection, blending options, pen tool and adjustment layers.

The PSD file of this tutorial is available via the PSD Vault VIP members area.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 300+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Brick texture

Step 1

Create a new document sized 1400px * 782px with black background. Load the brick texture into Photoshop and select a portion of it with the Rectangular Marquee tool, we will use this as our background:

Copy and paste the selection over to our document and re-size it to fit our canvas. Apply the following Gaussian Blur filter to this layer:

Set the layer opacity to around 60%:

Apply the following layer mask to this brick layer to hide parts of it:

Apply the following color balance adjustment layer to add a bit of colour to the brick layer:

and you will have the following effect so far:

Step 2

We will start working on the text in this step. Use the font we downloaded and type some texts using the colour shown below:

Apply the following layer blending options to this text layer:

Bevel and Emboss

Stroke

Inner Shadow

Satin

Color Overlay

Gradient Overlay

Outer Glow

Drop Shadow

and you will have the following effect so far:

Step 3

Duplicate this text layer once and move it slightly to the angle shown below:

Repeat the above process and duplicate more text layers, until you form the following effect:

On the last layer you duplicated, apply the following Hue/Saturation adjustment and darken the layer as shown below:

and here is the effect so far:

Step 4

We will add some highlights around the text with a 6px, 90% hardness brush:

Set the brush to have the following colour:

Create a new layer above all previous layers and set its blending mode to “overlay”, and use the brush to paint over the following areas:

We can also add some smoke/cloud effect to the following positions, with a cloud brush or smoke brush:

and here is the effect so far:

Step 5

We will add some wires around text. Use the Pen Tool to draw a path as shown below:

Use 5px, hard brush, stroke this path:

Apply the following Bevel and Emboss layer blending option to this line:

And you will see the following effect:

Duplicate this wire layer a few times, adjust the size and shape of each duplicated layer, and attach them to each of the letters as shown below:

Step 6

We’re almost done! To fine-tune this text effect, we can add the following adjustment layers on top:

Selective Color

Curves

and this is my final effect: (click to enlarge)

That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!

effect neon text
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Valentin Petroff
  • Website

My name is Valentin Petroff and I am a freelance graphic designer specializing in retouching and photo manipulation. As a graphic artist I always try to use maximum of my imagination, to improvise and to experiment with different techniques.

Related Posts

Create Colourful Fiery Portrait in Photoshop

May 7, 2025

Making 80’s Style Chrome Text Effect In Photoshop

April 9, 2025

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

February 15, 2025

6 Comments

  1. Diogo on April 10, 2014 12:48 AM

    Hi,

    Great tutorial, but I don’t have understand the step 1 of layer mask…

    Can you help me?

    Thanks

  2. jayanta on April 14, 2014 10:33 PM

    awesome tutorial, and cooooooooooooooooooooooooooooool it just awsome!
    not only the background same impotency of the font. Font choosing are so gooooooooooood. thank you for shearing this tutorial.
    download this and any font free please visit http://freefontsworld.com/

  3. iMedia Designs on April 21, 2014 10:38 PM

    Great tutorial, thanks…..

  4. Rajni Setia on May 3, 2014 3:05 AM

    Amazing tutorial, we have featured it here : http://theneodesign.com/best-adobe-photoshop-tutorials-april-2014/

  5. Antonio on May 10, 2014 2:25 AM

    But I don’t have understand the step 1 Apply the following layer mask… Can you help me?
    Tanks

  6. kevinlaksana on June 10, 2014 10:32 AM

    can you make a video and share at youtube please. i can understand with step by step

Don't Miss

How to Resize Images Without Losing Quality in Photoshop 2025

May 17, 2025

The Beginner’s Guide to Photoshop AI Masking Tool

May 10, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

For Beginners

Basics

How to Resize Images Without Losing Quality in Photoshop 2025

By James QuMay 17, 20255 Mins Read

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

Photoshop Clipping Masks – Everything You Need to Know

May 8, 2025

10 Photoshop Blur Gallery Tricks That Will Make Your Photos Look Professional

April 26, 2025

You May Also Like

Photo Effect

Create Colourful Fiery Portrait in Photoshop

By James QuMay 7, 20254 Mins Read
Text Effect

Making 80’s Style Chrome Text Effect In Photoshop

By Mohammad JeprieApril 9, 202511 Mins Read
Text Effect

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

By James QuFebruary 15, 20254 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}