Transform a Daylight Photo into a Realistic Lightning Storm Scene

Transform a Daylight Photo into a Realistic Lightning Storm Scene

Posted on February 1st, 2009 under Photo Effect

In this tutorial, I will show you the processes I used to transform an average daylight photo into a realistic lightning storm scene in photoshop.

Along the way, we will take about interesting ways of darken your image and reduce noise non-destructively, and also a simple way of rendering rain effect and making. water splashes. Have a try :)

Here is a before and after preview:

Before

100 0007 500x360 Transform a Daylight Photo into a Realistic Lightning Storm Scene

After

rain effect final 4 500x360 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Ok let’s get started!

Step 1

Download a copy of this image and load it into Photoshop.

Because we’re creating a rainy image, so firstly we can make the image a bit darker.

To do this, duplicate the background layer once and change it the blending option of the duplicated layer to “Multiply”. This will darken the whole image and the effect is shown blew:

1 multiply 500x357 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 2

Then we can tackle the sky area and make it darker. Hide the “Background copy” layer for now and Press “L” to select the Lasso Tool.  Draw a selection around the sky area.

1 lasso 2 500x210 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Hit Ctrl + J to make a layer via Copy, name the new layer as “sky” and drag it on top of all other layers.

Then hit Ctrl + Alt + Shift + B and bring up the Black and White image adjustment Tool, apply the following settings:

1 bw Transform a Daylight Photo into a Realistic Lightning Storm Scene

Then hit Ctrl + M to bring up the Curve Adjustment Tool, apply the following settings:

1 curve Transform a Daylight Photo into a Realistic Lightning Storm Scene

You can also use the Blur/Smudge Tool to patch up the “sky” layer so it blending more seamlessly to the houses and trees below:

2 smudge 500x294 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Once you’re happy with the result, change the blending option of this “sky” layer to “Multiply”, and the effect will look like this:

2 effect 499x349 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 3

Now you will notice that we have quite  a few noise on the “Sky” layer, which you may want to get rid of. So to do this, duplicate the “Sky” layer once. On the duplicated layer, go to Filter > Blur > Surface Blur and apply the following settings:

3 surface blur Transform a Daylight Photo into a Realistic Lightning Storm Scene

Then change the layer blending of the duplicated layer to “Hard Light” and you will have the following effect:

3 hard light 499x360 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 4

Now we will add some lightning effect to image. As you may know the previous image I used for this part was removed due to copyright issue (a lesson learnt). Also thanks to the copyright owner for accepting my apology. Also if you guys are interested, you can check out his work at www.jeffsmithusa.com.

So i used an alternative image from stockvault.net instead. Download a copy of this lightning image and load it into Photoshop. Use the Rectangular Marquee Tool to select a portion, copy and paste the selection back to our document. Put this layer on top of all other layers and name it “Lightning”:

4 copy 2 500x237 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Then use the Eraser Tool to gently erase the unnecessary portion of the image and leave only the lightning bits:

4 after erase 500x227 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 5

Still on the “lightning” layer, go to Image > Adjustment > Channel Mixer and apply te following settings:

5 channel 2 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Then change the layer blending option of this lightning layer to “Screen”, duplicate this layer a couple of times and you shoud have the following effect:

5 effect 2 499x264 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 6

Still on the “lightning” layer, use the Clone Stamp Tool (S) to clone a few portion from the existing lighning and create some dynamic lightning effect:

Tip: use a big soft brush and adjust the flow and opacity to make lightning more dynamic.

6 clone 2 499x214 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 7

Now we can render some rainy effect on the image. Create a new layer called “Rain” on top of all other layers, grab a small White brush (3px) and apply the following brush options:

Shape Dynamics

7 shape dyn Transform a Daylight Photo into a Realistic Lightning Storm Scene

Scattering

7 scatter Transform a Daylight Photo into a Realistic Lightning Storm Scene

Once you set the brush, simply paint over the sky area, then apply the following motion blur settings:

7 montion Transform a Daylight Photo into a Realistic Lightning Storm Scene

After that, change the layer blending option to “Overlay” and you will have the following effect:

7 effect 2 500x234 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Step 8

To add a bit of water splashes on the lake so it look a bit more realistic, we can duplicate the background layer once more and put the duplicated layer just above the background layer, go to Filter > Distort > Ocean Ripple and apply the following settings:

8 ocean ripple1 500x203 Transform a Daylight Photo into a Realistic Lightning Storm Scene

And the effect should look like the following image:

8 effect 2 500x343 Transform a Daylight Photo into a Realistic Lightning Storm Scene

Ok that’s it for this tutorial! Hope you find it useful and inspirational :)

Here is my final image for this tutorial: (I adjusted the Hue/Saturation of the image a bit) – Click to Enlarge

rain effect final 4 500x360 Transform a Daylight Photo into a Realistic Lightning Storm Scene

If you have any questions, just drop me a comment :)

Cheers and have a nice day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://www.paylasimtime.com paylasimtime

    wanderfull..

  • http://www.psaddict.com psaddict
  • jessie

    FUK!!!
    ahaahahaha

  • admin

    @jessie: yeah, a lesson learnt :)

  • YonG

    I very like your tutorial…
    How i could design my own picture as done by professional?
    is it need to attend more about photoshop classes or i refer more tutorials istead of attend class?

  • Alexander

    Very good. Thanks a lot i learnd pretty much stuff in this tut! thanks again

  • http://www.saibposervices.com/Image_Process_Outsourcing_Services.aspx SBL image process outsourcing

    Stunning tutorial…

  • Gardien

    Wow great!!!!!! hello from Russia))))))))

  • http://www.uprinting.com/Business-Cards.html Business Cards

    Awesome effect! You seamlessly blended the lightning with the sky, its amazing. Your tutorials are always an enjoyable learning experience. Nice work! I love the final artwork!

  • Jason Anderson

    Great tutorial. I saved this site on a couple social bookmarking sites and voted for it on Digg.

  • Anonymouse user

    this is preatty shitty

  • http://www.miraztutorials.com huwaw69

    Is the multiply thing really the technique on how to make the image dark?

  • http://photorestorationretouching.com/ photo retouching

    A great result! Your tutorials are always a very high quality.

  • Gt

    Once i do step two, the image i have is totally different(alot darker) from the one i am sposed to have…and from there, it just goes downhill…im following it step by step but can’t seem to get it right.

    Any tips?

  • http://www.listfied.com/31-great-photoshop-tutorials-for-photo-effects 31 Great Photoshop Tutorials for Photo Effects

    [...] 18. Transform a Daylight Photo into a Realistic Lightning Storm Scene [...]

  • Tori

    this was awesome! I did this tutorial using my own images and it turned out fantastic thanks!

  • http://www.clippingimages.com clippingimages

    WoW :) Awesome tutorial. Well explained. Thanks for sharing this nice tutorial.

  • http://www.webdesign-creative.com/35-photo-editing-tutorials-for-photoshop/ 35+ Photo Editing Tutorials for Photoshop

    [...] Transform a Daylight Photo into Realistic Lightning Storm Scene [...]

  • http://www.upsu.net/marketingblog/2009/12/35-photo-editing-tutorials/ 35 Photo Editing Tutorials « UPSU Marketing

    [...] Transform a Daylight Photo into Realistic Lightning Storm Scene [...]

  • taryarL

    very great :)

  • http://designbeep.com/2009/12/23/50-amazing-and-useful-photoshop-photo-manipulation-tutorials/ 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | DesignBeep

    [...] 27.Transform a Daylight Photo into a Realistic Lightning Storm Scene [...]

  • http://www.afiffattouh.com/web-design/50-amazing-and-useful-photoshop-photo-manipulation-tutorials 50 Amazing and Useful Photoshop Photo Manipulation Tutorials | Afif Fattouh – Web Specialist

    [...] 27.Transform a Daylight Photo into a Realistic Lightning Storm Scene [...]

  • http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/transform-a-daylight-photo-into-a-realistic-lightning-storm-scene/ uberVU – social comments

    Social comments and analytics for this post…

    This post was mentioned on Twitter by tutengine: Transform a Daylight Photo into a Realistic Lightning Storm Scene http://bit.ly/6oajGP #photoshop @psdvault…

  • http://mahfuzweb20.wordpress.com/2010/01/23/35-photo-editing-tutorials-for-photoshop/ 35+ Photo Editing Tutorials for Photoshop « The mAHFUz's Diary

    [...] Transform a Daylight Photo into Realistic Lightning Storm Scene [...]

  • http://cryptosuite.org/forum/photoshop/14244-acik-havayi-yagmurlu-havaya-cevirme.html#post73419 Anonymous

    [...] [...]

  • http://Website HAL

    Duplication of layers and changing the blending mode of the upper to darken a scene is a very bad habbit. Learn the correction tools. Also, the compositing needs work. The shot looks ULTRA unrealistic because the water surface is not reflecting any highlights from the adjusted sky or more importantly the lightning bolts. Also, a real shot like this would have been exposed longer than would be possible for rain to show up. Instead of being streaks the rain would have an over all softening effect in the entire image.

  • http://www.lightningeclair.weebly.com stayz

    GREAT TUTORIAL!

  • http://Website E.P

    nice.