Create a Realistic Lightning Text Effect In Photoshop
Beneath Text Effects | December 7th, 2008 | 45,158 views
If you find this post useful, share it with the world :)
In this tutorial, I will demonstrate the procedures I undertook to create a realistic Lightning Text Effect In Photoshop. We had a really big thunderstorm last night and that’s where the inspiration comes from!
The techniques involved in this tutorial are layer blending options, various image adjustment options, stamp tool, dodge/burn tool and brush tool.
Here is a preview of the final result:
Ok let’s get started!
Step 1
Create a new document, size doesn’t really matter but I chose 800×400px simply that’s where my comfort zone is. Fill the background layer with black colour.
Select a font, I used this font from fontspace.com, type some texts onto the background layer and this automatically form another layer. See below for position of the text:
Step 2
On the text layer, apply the following layer blending options:
Inner Shadow:
Outer Glow:
Inner Glow:
Bevel and Emboss:
Contour:
Gradient Overlay:
Pattern Overlay
The result so far looks like this:
Step 3
Find an image of lightning, I used this one from reformationquest.wordpress.com.
Load the image of your choice into Photoshop, select a portion of the lightning and copy and paste it onto our document. Name the layer as “lightning”.
Resize it and make it roughly the same size as the text. See below for details:
Then go to Image > Mode > Lab Color and change the mode of “lightning” layer to Lab. If askes whether to flatten the image, choose “Don’t Flatten”.
Hit Ctrl + M and bring up the curve tool, adjust the lightness contrast according to the settings below:
Change the image mode back to RGB Color, then hit Ctrl + L and bring the Level Adjustment tool, use the following settings:
The effect will now look like this:
Step 4
Now we can add some more lightning bolts (otherwise it looks a bit empty!). Use the Clone Stamp Tool and choose the big brush, and clone some bolts. Detailed settings see below:
Optional: You may also want to alter the Hue and Saturation of the “Lightning” layer a bit:
Change the layer blending option of “Lightning” layer to “Hard Light”. You can adjust the Hue and Saturation of this layer a bit, totally up to you.
The effect so far will look like this:
Step 5
Duplicate the “lightning” Layer once, hit Ctrl + Alt + Shift + B and bring up the Black and White Adjustment Tool, use the following settings:
Then duplicate the “lightning” again, this time drag the duplicated layer beneath the Text layer. Keep its layer blending option to “Hard Light”.
Change the layer blending option of “lightning” layer to “Color”, change to the blending option of “lightning copy” (the one above “Lightning” layer to to “Soft Light”.
You will now have the following image:
Step 6
Duplicate “Lightning layer copy 2″ (the one beneath the Text layer”) once, then go to Edit > Transform and Flip Vertical/Horizontal. Flip the duplicate layer vertical and horizontal once each. Alternatively, you can use free tranformation tool and rotate the layer.
Change the layer blending option to “difference” and set the layer opacity to 70%. See below for details:
This is the effect so far:
Ok, that’s it for this tutorial! The rest is left upon your own creativity, you may want to duplicate the lightning layer a few more times, or adjust the hue and saturation a bit.
Here is my final image for this tutorial:
Hope you enjoy this tutorial and find it useful and infomative!
Any question just drop me a line. Cheers and have a great day!
Related Posts:
Like this post? Then check those related ones out!
- Create a Realistic Weedy Text Effect in Photoshop
- Create an Realistic Dark Ocean Text Effect in Photoshop
- Transform a Daylight Photo into a Realistic Lightning Storm Scene
- Create a Scratched Metal Text Effect in Photoshop
- Create a Crispy-Crust Text Effect with Flower Texture in Photoshop
If you find this post useful, share it with the world :)
This post is about: effect, intermediate, layer, text
Great! We have some comments here!
-
Create an Lightning Text Effect in Photoshop - Photoshop Lady Forums Says:
December 7th, 2008 at 10:40 AM[...] stamp tool, dodge/burn tool and brush tool. Here is a preview of the final result: Please click here to access this tutorial on my website. Cheers and have a great day! PSD Vault – My Online [...]
-
Florian Says:
December 8th, 2008 at 9:30 PMless colours would do ;)
great effect, very inspiring
keep it up -
tutorialurl.com» » Create a Realistic Lightning Text Effect in Photoshop Says:
December 9th, 2008 at 1:13 AM[...] the TUTORIAL: Create a Realistic Lightning Text Effect in Photoshop Tags: adobe photoshop tutorial, Create a Realistic Lightning Text Effect in Photoshop, free [...]
-
-
99tutorials.com» Create a Realistic Lightning Text Effect in Photoshop Says:
December 12th, 2008 at 2:22 PM[...] the TUTORIAL: Create a Realistic Lightning Text Effect in Photoshop Tags: Category: [...]
-
sMiiGhT Says:
December 12th, 2008 at 4:00 PMThat is very nice and very helpful since my name is sMiiGhT it fits perfectly
-
noname Says:
December 18th, 2008 at 7:42 AMnot working for me badly….
followed all steps but at least i fucked up at step 3 – 4 …. -
Hitutorial » Blog Archive » Create a Realistic Lightning Text Effect In Photoshop Says:
December 19th, 2008 at 10:32 PM[...] http://www.psdvault.com/text-effects/create-a-realistic-lightning-text-effect-in-photoshop/ Posted in Uncategorized | Leave a [...]
-
Thomas Reitz Says:
January 7th, 2009 at 7:54 PM“Excellent point! I read most of your article and establish it great. The points you furnished in your article are magnificent. I am actually waiting for your following conceived of.
Thanks and best of luck!”
-
Rimvydas Says:
January 8th, 2009 at 2:10 AMhm… i tried to do this thing 6 times, but unfortunately after step 5 my text is almoust black and white, some grey too, but from where u get red color lightning clouds.. ? :) o repeat all the steps as exectly as i possibly can, but still efect is shit to me…
-
Tutorial Photoshop: Efeito de raios em texto | Novidades na WEB Says:
January 19th, 2009 at 4:35 AM[...] Confira: ler tutorial. [...]
-
Nick Jenkins Says:
March 1st, 2009 at 12:51 PMWow! what an idea ! What a concept ! Beautiful .. Amazing
-
Jon Gee Says:
March 10th, 2009 at 9:17 AMumm is there anyone way to remove the Black part without using Magic wand Im trying to use it on a background i made but it’s not working out to well
-
kaje Says:
March 17th, 2009 at 5:45 AMThere is a massive opacity or deletion step missing between 4 and 5.
-
kaje Says:
March 17th, 2009 at 5:52 AMStep 3.5: You have to clone the “clouds” wherever the text is or the text wont glow…The more clouds and brighter clouds you have around the text, the more the text will glow.
-
Business Cards Says:
April 4th, 2009 at 4:15 PMExcellent text effect! It’s interesting, exciting, and really cool! Maybe you could also include a tut on how to create lightning from scratch :) Thanks for sharing this, you did great!
-
80+ Stunning Photoshop Text Effect Tutorials | tripwire magazine Says:
April 11th, 2009 at 7:59 AM[...] Create a Realistic Lightning Text Effect In Photoshop [...]
-
The Times Online Says:
April 15th, 2009 at 10:58 AMHello, i’ve been browsing around your site and it looks really really neat. I’m building an automotive home page and struggling to make it look good, everytime I touch something I mess it up. How hard was it to build your site? Could someone like me with no experience do it, and add update pages without wrecking it every time?
-
The Baseball Village Says:
April 16th, 2009 at 10:20 AMGreat site, I just love my cars and this is one site I’ll keep coming back to! Thanks
-








































20