fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Electric Lightning Text Effect In Photoshop
Tutorials Text Effects 23642 Views November 7th, 2016

In this tutorial you will learn how to create an electric lightning text effect in Photoshop using lightning textures and brushes. You can use this lightning light effect for text layers and shapes.

electric lightning text effect photoshop tutorial

Define Pattern in Photoshop

Open this dark wall seamless texture in anew PSD file. Go to Edit > Define Pattern and save this texture as Photoshop pattern. You can now close the image.

dark wall seamless texture define pattern in photoshop

Create a new PSD file and add a new layer called Wall Background. Fill the layer with any color you want. Add a Pattern Overlay layer style using the dark wall pattern created in the previous step.

pattern overlay in photoshop

Create a Vignette Effect in Photoshop

Add an Inner Glow layer style to the Wall Background layer using black color. The size of the glow depends on the canvas size of you PSD file.

inner glow in photoshop vignette effect in photoshop

Create a Text Layer and type something. I used the Intro Font which is a free font type. Learn how to install new font in Photoshop in case you don't have this font.

intro font type

Add this layer style to the Text Layer: Drop Shadow, Inner Shadow, Inner Glow and Bevel and Emboss. Also set the Fill to 0% opacity.

drop shadow in photoshop inner shadow in photoshop inner glow in photoshop bevel and emboss in photoshop rock grunge text in photoshop

Add the Electric Lightning Texture

Create a new layer and call it Electric Texture. Download and copy this lightning texture in this layer.

electric texture seamless photoshop

Photoshop Blend If Option

The Blend If option determines how the tonal regions of a layer and the underlying layer blend together. You find the Blend If option by opening the layer style window of any layer. At the left end of the bar is the Black slider and at the right end of the bar is the White slider. Dragging the slider to oposite direction (to the right/left) prevents the respective tones from the active layer from being blended.

So open the layer style window of the Electric Texture layer. Drag the Black slider to the right as shown in the screenshot. You will see that the darker tones are hidden with 0 opacity.

blend if gray photoshop

Add Glow Layer Style

Right click on the Electric Texture layer and choose Conver to Smart Object. Now add this glow layer style to this layer: Outer Glow (color #ff3000), Inner Glow (color #fd3c00) and Color Overlay (color #ffffff).

outer glow in photoshop inner glow in photoshop color overlay in photoshop electric text effect in photoshop

Add the Lightning Texture Image

Create a new layer and call it Lightning Texture. Copy this electric lightning texture in this layer and set the blend mode to Screen.

electric lightning texture in photoshop

Add a Gradient Map adjustment layer to the Lightning Texture using a clipping mask. Set the blend mode to Color. Also add a Hue/Saturation adjustment layer to the Lightning Texture using a clipping mask like shown in the preview.

hue/saturation adjustment photoshop gradient map adjustment photoshop

Select the Lightning Texture layer and its two adjustments and click on the Create new group button. Call this Lightning Texture Group.

create new group in photoshop

How to Mask Groups in Photoshop

If you want to mask multiple layers in Photoshop, first you have to create a new group like we did in the previous step. Then add a layer mask to group like you do with a regular layer using Add layer mask button. Use the Brush Tool with a soft round brush, color black and different opacity levels to mask the texture like shown in the preview.

mask group in photoshop

Create a new layer and call it Highlights. Set the blend mode to Overlay and use the Brush Tool, color white to paint over some areas that you want to be brighter.

add highlights in photoshop

If you want you can add more details using some of these lightning textures and brushes that you can download also for free.

For the final touches add adjustment layers:

  • Hue/Saturation; click on the layer mask of this adjustment and go to Filter > Render and choose the Clouds Filter. Make sure that the Foreground color is white and the Background color is black.
  • Gradient Map; set the blend mode to Hue and choose pick these colors: #97461a and #efdbcd
  • Brightness/Contrast
adjustment layers photoshop

Last but not least I like to use the High Pass Filter to sharpen the image. Learn how to sharpen images in Photoshop using the High Pass Filter technique.

So here is the final result for the electric lightning text effect photoshop tutorial.

electric lightning text effect photoshop tutorial

Download Lightning Effect Photoshop Action

Lightning Effect Photoshop Action

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "Electric Lightning Text Effect In Photoshop"

7:46 AM Tuesday, November 08, 2016
Good Photoshop tutorial! Here is my try text effect with electrifying lightning strikes reply
1:17 AM Saturday, December 03, 2016
Easy and amazing tutorial! Thank you very much! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Diamond Gold Silver and Pearls Jewelery Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator