Create an Electrified Neon Text Effect for Wallpaper

AD

This is one of the coolest effects we can make in Photoshop. Electric text in Photoshop. I have seen many tutorials for this but I thought there was scope for creating an easy, simple yet impressive tutorial, and so I made one.

As ever, I created this tutorial keeping the newcomers in mind so if you don’t have much experience, still you should be able to follow it properly. But, again as ever, we have not compromised on the quality of the result.

You might also like:  Create a Splattery Groovy Typography

Resources Used:

Final Result

Typography neon light wallpapers making Photoshop

Setting the Background

First of all, I opened the brick-wall image. Now I’m adjusting its tones. Adjust it from Image>Adjustment>Hue/Saturation and then, also adjust the levels from Image>Adjustment>Levels.

Typography neon light wallpapers making Photoshop

Text

Type your favorite word using Type Tool. I used Blue color but you can try with different colors.

adobe photoshop tutorial typography

Now I duplicated the text layer and blurred it. Goto Filter>Blur>Gaussian Blur and adjust values, then place this layer behind the original text layer.

adobe photoshop tutorial typography

Duplicate the blurred text layer and set layer style to Color Dodge. Place this layer in front of the original text layer.

Typography neon light wallpapers making Photoshop

Now apply all the following layer styles to the original text layer.

Typography neon light wallpapers making Photoshop

Typography neon light wallpapers making Photoshop

Typography neon light wallpapers making Photoshop

adobe photoshop tutorial typography

adobe photoshop tutorial typography

Cool, Huh!

adobe photoshop tutorial typography

The Edgy Look

Make a new blank layer and place it under text layer. Select Brush Tool and make the small strokes under the corner edges of the text. Use solid black color.

adobe photoshop tutorial typography

Now add the following layer style to our edgy strokes.

adobe photoshop tutorial typography

Result After Layer Styling

adobe photoshop tutorial typography

Duplicate edgy strokes layer and place it on top of text layers, then the layer style to Darker Color. This is a minor effect which is sometimes unnoticeable but it gives the design a professional touch.

adobe photoshop tutorial typography

Addon Spices

Here I’m adding a stock image of Caution Board. I just transformed it by striking CTRL+T. Then I adjusted its layer style to Overlay. I’m only using this one image, you do add as many things you like, things such as a “Stop” sign. I kept the design clean but you should try with variations.

Typography neon light wallpapers making Photoshop

An electricity board is necessary to light up our typography.

Typography neon light wallpapers making Photoshop

Apply these layer styles to the electric board.

Typography neon light wallpapers making Photoshop

Typography neon light wallpapers making Photoshop

Typography neon light wallpapers making Photoshop

I added a simple wire and transformed it according the height we require.

Typography neon light wallpapers making Photoshop

Then I duplicated the wire. We need two wires obviously.

Typography neon light wallpapers making Photoshop

Now I needed something that looks like holding our wires. I didn’t what to do so I put a first aid bandage here. Whatever works! :)

adobe photoshop tutorial typography

Apply these layer style to the bandage.

adobe photoshop tutorial typography

adobe photoshop tutorial typography

And also duplicated bandages for fun.

adobe photoshop tutorial typography

Now draw a line with Brush Tool. This line give the effect of an electric charge.

adobe photoshop tutorial typography

Drawing Done.

adobe photoshop tutorial typography

Take another layer, fill it with solid Black and then use Eraser Tool to make a hole in the center. Then apply layer style of Overlay.

adobe photoshop tutorial typography

We Got it

Typography neon light wallpapers making Photoshop

Share the Love:


Advertisement

Join the 98,750+ Subscribers

Subscribe and grab Free Ebook! Photoshop Crash Course!

We promise not to spam!

Further Related Readings

waseem

Waseem Amjad is the chief Graphic Designer and official Photographer of Designzzz.com When he is not writing tutorials or creating freebies, he can be found in streets capturing photographs.
All Articles by
15 Comments on “Create an Electrified Neon Text Effect for Wallpaper” Join The Discussion!
  1. gittu (khalil ahmad) says:

    i appreciate your work, and also i am illustration artist i just follow this style work

    1. waseem says:

      I appreciate you following my work. I hope you’re learning. Good Luck!

  2. aamirsaeed says:

    Dear Waseem bohot allah, MashaAllah, going great :)

    1. waseem says:

      Thanks aamirsaeed.

  3. patara says:

    Wonderful Waseem. I appreciate that you took it further and added in the power lead and power point. Makes it look much more realistic with that there. I will keep this in mind to use in one of my digital scrapbook pages.

    1. waseem says:

      Thanks for noticing it :)
      The idea was to go a step ahead of routine neon effects.

  4. Nazneen says:

    Hi…waseem. bohot achhe… me khud bhi ek graphic designer hu… pr aapse bohot achha sikhne ko mila.. or age bhi sikhana he… Thanks Wassem….

  5. hello says:

    what type font of source used

  6. Tutorial Lounge says:

    excellent work in this whole tutorial.

    1. waseem says:

      Thank you, it is always nice to be appreciated by professionals.

  7. PSDDude says:

    Looks great!!!!

    1. waseem says:

      thank yoU

  8. Razi Ahmad says:

    A/salam Waseem bro.
    Really you are awesome designer. My aim is also be a professional designer how can i be???? Would yo like to help me please…..

    1. waseem says:

      Hello Razi

      Thanks for the appreciation.
      What kind of help are you looking for? You can download our free ebook Adobe Photoshop CS5 Crash Course

      We also keep publishing tutorials and articles related to designing, that should help you a great deal.
      If you have any other question, I’ll be happy to answer :)

  9. We says:

    Great stuff, man. Inspiring

Comments are closed.

Copyrights © 2014 - Designzzz. All Rights Reserved