Photoshop Tutorial How to Create a Lightning

April 26, 2011 · 11 comments

by Dustin Betonio

Photoshop Tutorial How to Create a Lightning

This Photoshop tutorial go through some really basic and important Photoshop techniques while showing you how to create a fearsome lightning bolt from scratch. You will be using Filters, Adjustment Layers and much more  to create the lightning effect.


ElegantThemes
ThemeForest

Advertisement

Step 1: Create Lightning

a) Create a new document e.g. 600x600px

b) Create a new layer and name it Lightning

image

c)Open the Gradient editor (Type G and click on the gradient in the top left corner) and create a black and white gradient with a narrow gray area as shown below:

Gradient

d) Paint the document with a linear gradient. The more narrow the grey area is the more clean the lightning will be so don’t make it too narrow.

image

e) Next make sure you have selected black as foreground and white as background

image

Then goto Filter > Render > Difference Clouds. Feel free to undo and redo to get the lightning effect you want:

image

f) Notice the main black line through the middle. This will be your lightning bolt. But to isolate it, you first invert (Image > Adjustments > Invert or Ctrl+I) it:

image

f) Add a new Adjustment layer with levels. You could also apply the levels directly but really in this tutorial you may need the flexibility later to fix the levels

image

g) You should adjust the levels to increase the intensity of the lightning.

image

Step 2 Add Color

a) Create a new layer and paint it with a blue gradient

blue gradient

b) Set the blending mode to overlay

image

c) Create another layer and call it Red Light. Then set the layer blending mode to soft light. Select a soft, big round brush and paint some lights with  a red, yellow and/or a violet color

image

d) If you want to intensify the lightning even further I recommend you add an adjustment layer for Curves and Hue/Saturation. Set the Curves first. Individual settings for your setup may be needed.

image

Than only adjust the Lightning a bit down in the Hue/Saturation layer

image

The Result – Lightning Created in Photoshop

image

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 10 comments… read them below or add one }

Rob May 19, 2013 at 10:08 pm

Thank you very much for this tutorial, it was very helpful.

@Jessica, i’m not an expert, but one thing you can do is change the lightning into a brush and go from there, in the above example, make it into one layer, change to black and white, invert the image and go to Edit > Define Brush (in a brush anything that’s black will show up as the selected colour, anything white won’t show, anything in between (grey) will show as a shade of the colour)

Reply

Jessica February 4, 2013 at 11:57 pm

Does anyone know how to create this lightning on to a white background instead of black??

Reply

gossafear February 5, 2012 at 2:04 am

Thanks! Wonderful!

Reply

Photoshop Tutorials October 13, 2011 at 5:38 pm

Nice tutorial also shared on my website

:)

Reply

PhotoshopWarrior August 17, 2011 at 12:32 pm

The lightning effect is really coool

Reply

rezo May 15, 2011 at 6:10 am

this is cool bro

Reply

Soccer Jerseys April 30, 2011 at 3:13 pm

Thanks in advance for your help

Reply

573325manthisisfun April 29, 2011 at 10:49 pm

this picture is amazing

Reply

Michael April 27, 2011 at 5:20 am

Gee I’ve never seen lightning thats pink,yellow,blue and magenta. Thats AWESOME.

Reply

SEO Sheffield April 26, 2011 at 7:30 am

Great lightning tutorial. I’ve made 1 myself but its kind of dull. Can’t quite get the color outcome I want.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 1 trackback }

Previous post:

Next post:


Web Analytics