Lightning Photoshop Tutorial


This tutorial will show you how to create some realistic lightning using photoshop’s rendering capabilities, to make it look like someone has lightning shooting from their hands.

We’re starting off with this image which is perfect for the job as this chap has his hands raised, almost as if he is expecting some lightning to shoot from them. Well Mr, you shall have some lightning in about 10 steps.

13.jpg

Create a new document 700px wide, 200px high and fill it with a black and white gradient from top to bottom, to do this, select your colours and pick the gradient tool, hold down shift and draw a line from top to bottom :

22.jpg

Now on the menu, go to filter > render > difference clouds and then Press ctrl+i to invert the clouds. Press ctrl+L which brings up the levels window, and slide the center arrow all the way to the right :

33.jpg

Now drag this layer on to your main document, click edit > free transform and rotate the lightning to a suitable angle and line it up with his hands :

42.jpg

Now, right click the layer in the layer window and choose ‘blending options’, change the blend mode to ’screen’. Now grab yourself a fairly large feathered eraser brush (I used size 100) and begin slowly deleting the sharp angles of the lightning layer, once done it should look like this :

51.jpg

Now you need to go back to your other document where you created the lightning, press shift + ctrl + z a couple of times till you are back at the gradient, repeat the steps above to make more lightning and drag them on to your main document - I created 5 lots of lightning for this picture but it will depend on your image and preference how many you make :

62.jpg

You could leave it there if you wish, but who wants boring white lightning when we can have it colored ? To colorize it, select one layer of lightning and go to image > adjustments > hue/saturation and use these settings :

73.jpg

Do this on all the lightning layers and you will end up with this image :

83.jpg

Looking good, now the finishing touch. Zoom in and with a brush paint some color the same color as the lightning over the top of his head and arms, like so :

92.jpg

Right click this layer in the layer window, select ‘blending options’ and change the blend mode to ‘overlay’ :

101.jpg

And now you’re done! that final step just adds some reflected light to add a bit more realism to the scene :

112.jpg

You can also download the psd for this tutorial.

del.icio.us:Lightning Photoshop Tutorial digg:Lightning Photoshop Tutorial spurl:Lightning Photoshop Tutorial wists:Lightning Photoshop Tutorial simpy:Lightning Photoshop Tutorial newsvine:Lightning Photoshop Tutorial blinklist:Lightning Photoshop Tutorial furl:Lightning Photoshop Tutorial reddit:Lightning Photoshop Tutorial fark:Lightning Photoshop Tutorial blogmarks:Lightning Photoshop Tutorial Y!:Lightning Photoshop Tutorial smarking:Lightning Photoshop Tutorial magnolia:Lightning Photoshop Tutorial segnalo:Lightning Photoshop Tutorial gifttagging:Lightning Photoshop Tutorial

19 Responses »

  1. It doesn’t get any easier than this way… Thnak you so much…

  2. No probs, glad you thought so.

  3. thank you so much its reealy great

  4. its my result :)

    http://img408.imageshack.us/img408/6982/bodycopy4sw.jpg

  5. thank you so much its reealy great

    its my result http://img408.imageshack.us/img408/6982/bodycopy4sw.jpg

  6. Cool man!

  7. Hey the “difference clouds” option isnt highlighted so i cant select it, does anyone know what that means? i cant go any further than the blur step.

  8. fantastic. good learning tutorial for me. I am newbie in designing. will try to learn this.

  9. ur gay

  10. The difference clouds might not be highlighted because of other active tools you have in photoshop. Make sure you don’t have any conflicting commands or other tools may not work.

  11. Nice tutorial!!!

    result: http://img.photobucket.com/albums/v440/masterveecee/meet_Leuv030.jpg

  12. wonderful!!

  13. Hello! Good Site! Thanks you! yqkdiwvyoldgzj

  14. I can’t get my lightning to look like that, its not cutting properly it doesn’t look like that, how do i fix this

  15. how do you make high rez lightning like one’s you can put on a
    document 300dpi 11×17

    everytime i do it…it comes out bad

  16. Great effect reminds me of raiden from mortal combat

  17. eee

  18. Awesome tutorial… made this CS3 n00b look like a pro!

  19. Man, this is one of the most useful tutorials I’ve ever found!
    And it’s so clear the way you explain it.
    You are my hero of the day!

Ad-Links

Translate