Add Dynamic Lighting to a Flat Photograph

Add Dynamic Lighting to a Flat Photograph

Tutorial Details
  • Program: Photoshop
  • Difficulty: Intermediate
  • Completion Time: 1-2 hours
Download Source Files

Final Product What You'll Be Creating

In this tutorial, I will show you how to spice up a fairly dull and flat photograph. It’s very easy and fast! Go from flat photo to a uniquely lit style.

Editor’s note: This tutorial was originally published on Psdtuts in March of 2008.


Source Photos

For this tutorial, we’ll need two photos that I took. You can download them to follow along. These are my photos: castle photo and clouds photo.


Step 1

First of all, my apologies for this step. I waited for a good 20 minutes but that car didn’t move, so I had to take the photo with it!

Anyway, just use the Patch Tool (J) to remove the car and the Clone Stamp Tool (S) to recreate the pattern of the bricks where it used to be.

If you’ve never used the Patch Tool, there are a couple of ways to use it. First, make a selection as you would if you were using the Lasso Tool, then click inside the area and drag with your mouse. Depending on whether you are using Source or Destination as your checked option you will either move the image inside the selection, or move the whole selection around. The Patch Tool will blend-in the area you’ve chosen when you let go. You can also use patterns and transparency. All in all, it’s a great tool.


Step 2

Once the van has been removed, apply Filter > Render > Lighting Effects to make the light come from the top right.


Step 3

With the tool that you prefer, create a selection of the part that you want to hide. For example, I used the Pen Tool (P) to select the sky and the buildings around the castle. With the selection active, add a Layer Mask.


Step 4

Duplicate the background layer, desaturate it with Ctrl+Shift+U, apply Filter > Blur > Gaussian Blur with 4-pixel Radius, and set the Blending Mode for the layer to Overlay.


Step 5

Now we need a photo with clouds and the rays of the sun coming from the right. I used this photo of mine that was perfect for this situation.

Send it to the back of the other layers.

Then duplicate it and set the copy layer Blending Mode to Lighter Color.


Step 6

Duplicate again the original background photo (Layer 1) and put the this new layer below the Layer 1 copy.

Set the Blending Mode to Multiply.


Step 7

Now turn off the visibility of the two castle layers, go to the Layer 1 copy, and merge the visible layers into a new layer with Ctrl+Shift+Alt+E.

Then desaturate it with Ctrl+Shift+U, set the Blending Mode to Overlay, and the Opacity to 50%.


Step 8

Make a new layer on the top of the other.

With a large, white, soft brush that matches the size of the light of the sun, just make a round spot.

Then apply the Luce filter that you can download free or use the previous tutorial about Lighting Through Clouds here on Psdtuts+, to make this light coming through the clouds. Set the Blending Mode to Overlay.

This is an example with black background to demonstrate the effect.


Step 9

Just Burn the dark side of the castle and Dodge the light part of it with a large, soft brush. By doing this, we make it seem as if the light is coming from the clouds and hitting the right side of the castle, leaving the other side in darkness.

At this point we’re almost done, but the image is overall quite dark and our blur earlier has left it slightly too blurry, so we’ll fix that next.


Step 10

To finish the image, create a new layer above the rest and go to Image > Apply Image, use the settings "Merged", "RGB" and "Normal" for blending. This will create a new layer above the rest holding a copy of the image. Set this layer to Screen and about 70% Opacity. Then go through each layer and apply Filter > Sharpen > Unsharp Mask and use the settings Amount: 250% and Radius .2px (Use a larger radius for larger images). This should sharpen the image back up to give us a good final result.

Click on the image below to see a larger version:

  • Ivan

    Brilliant!

    Amazing and well explained tutorial.

    Thanks for sharing man!

  • michael

    I really wanted to do this one. I’m fairly proficient in photoshop. Got lost in the layer descriptions. I have both of my photos ready, just need to be able to combine them. A follow up would be great. Thanks!

  • Sunneva Joh

    Absolutely LOVE this tutorial !! Nice way to spice up a flat image – who cares if it looks real – most pic out there today DON’T ;)

  • http://www.photo-retoucher.co.uk John

    Like the effect! a really nice atmospheric lighting!

  • http://www.vatih.com Vatih

    This is awesome. Nice tutorial.
    Wanna try this one.

  • http://free-mmorts.blogspot.com david

    nice tutorial, it was hard to follow but i def. learned from it and thats all im tryin to do.

  • http://mashalmedia.com Jeremiah

    Thanks so much for the knowledge you shared.
    God bless you

  • http://www.baagdi.com sunilkargwal

    nice work we can create these type of effects in Adobe Light room also

  • Rana Mukherjee

    Nice

  • http://img15.imageshack.us/img15/6056/fancycastle.jpg Torjus

    A bit hard to understand… (I’m a newbie… with Photoshop 7.0)

    anyway…. this is my outcome:

    http://img15.imageshack.us/img15/6056/fancycastle.jpg

    As you can see, i tried to do my own “thing” with adding water and reflection-ish bridge and… yeah…

    Please give me feedback!

  • Andros

    Very hard to understand… to enough information are given… and the lighting is really unnatural in the photo with the castle

  • http://www.reflectionsphotography.me.uk chantal

    send to the back of the other layers?

  • http://kamerafoto.net/ kameraFoto

    Great Tutorial.. :D

  • http://psd.tutsplus.com/tutorials/photo-effects-tutorials/add-dynamic-lighting-to-a-flat-photograph/#respond landon renzullo

    i liked this tutorial =) somewhat hard to understand at some points but for the most part it was fairly straighforward…..p.s. i like the addition of the step 1(removing the car) because it helped teach me how to use the stamp texture tool and what not

  • http://www.redrosedigitalart.com Red Rose Digital Art

    Excellent tutorial. I like the surreal result.

  • http://instinctiveimagery.com.au Ben Gross

    Hey bud.. great tut…. but im having trouble with steps 8,9 and 10.
    after i finish the luce filter step, all i have left is a dark looking sky and no castle… where am i going wrong here? i have followed this like 10 times and can t get there… but would really love to!!

    Benny

    thanks for your time…

  • Sultan

    nice

  • http://www.don'tcare.com Annoyed

    This tutorial is so unclear, it’s mostly fine up until about step 6, but then after that it gets cryptic and hard to follow. This isn’t a bad idea, and the final result is pretty good, but please fix your tutorial so it’s more reader friendly!

  • delton

    this was really hard to follow, but once i finished applying it to my house, it almost looked renaissance

  • http://1dvdakaautoplay.chatango.com/ Mike aka 1DVD / @uToPL@y

    For anyone that found this tut hard to follow, you may simply just need to get familiar with the PS interface to know which menu selections to pick – although searching in the help for the terms used in each instance is a bit tedious, it is immensely helpful in the learning process.

    As for the lighting being off? This was a tutorial about technique and how similar results can be achieved, I enjoyed it a lot – and the finished dramatic effect is awesome!

    While this tut could also be used for a more nature looking outcome by changing the few elements that would make it more photo-realistic, I tend to like the slightly abstract quality it possesses! :P

  • http://cippodesign.com CIPPO Design

    That’s an useful tutorial that can be applied to other kind of photos as well to make them more appealing :) Thanks!

  • http://rianbanjarbaroe.blogspot.com rianbanjarbaroe

    cool, but it is difficult for a beginner like me…

    thanks…

  • http://surrendr.deviantart.com Joey

    What I don’t understand is why psd tuts republished such a low caliber tutorial. There are much better quality ones that could be republished.

  • http://jitendra-shah.co.uk Jitendra Shah

    Great Tutorial!

  • http://na3na3a naima

    waw beatiful a maising

  • Shep

    I have to say the final image looks… off. Tried something a little different:

    http://i.imgur.com/42rN6.jpg

  • http://graphicriver.net/user/loswl?ref=loswl loswl

    Congrats Giackop, final image looks great!! nice tut!!

  • http://infografia-3d-arquitectura.blogspot.com/ Fred

    Congratulations, its one of the best effects done in less time. Fantastic tutorial.

  • Daner

    That Luce plugin doesn’t seem to work with Photoshop CS5.5 Extended. Or is it hiding somewhere cause I can’t find it among my Filters?

  • Atiqah

    Wow, thanks a lot for this tutorial! This would really help me for my matte painting! :D

  • http://www.ronabali.com bali

    whooo dangerous tutorial thanks for sharing dude

  • Braedon

    This tutorial is almost completely ripped from gimp-tutorials.net. Granted that tutorial was for gimp but they are VERY similar.

    http://gimp-tutorials.net/flat-photograph

    • http://www.mac.tutsplus.com/ Josh Johnson

      Wrong way round. The tut you link to says the following:
      “This tutorial was converted from Giackop’s tutorial at psdtuts.com.”

  • Braedon

    Disregard previous comment, did not see editors note.

    • Brian

      It amazes me that you posted this and didn’t apologise.

  • Brien

    luce filter isn’t working for me either on CS5… Is that just me? or is it not compatible? I would love to finnish this tutorial given the finished result looks so cool!

  • chris

    wasnt this tutorial posted years ago?

    if not this exact one, it was VERY similar…..

    also, I have to agree, the overall idea of the tutorial is ok, but the execution is very poor.

    • chris

      hah… editors note. i was looking for it when i saw the thumbnail, but somehow missed it. =]

  • Washi Abdullah

    Great tutorial as always. But, to me, the shadows are not in the same direction to the light source (the sun). I’m an amateur designer, so pardon me if it’s a stupid comment. Anyway, thanks a lot. I’ve learned a lot from it.

    • fluQe

      nope dude, i just wanna wrote down the same as you, despite the fact that tutorial is good, light is tottaly incorrect, and i’m just wondering how is possible that other designer didn’t notice. :)

  • http://delampongcoffee.com Didi

    Wow, thanks a lot for this tutorial!

  • http://njhlove.tistory.com njhlove

    Wow~ Nice tuts. Your know-how is amazing.
    Have a nice day. :D

  • http://www.wallpaper499.blogspot.com devotee

    I learn some tips from here. Thanks.

  • http://www.joegeephotography.com/ Muskegon Photography

    nice! I haven’t done this much work in photoshop yet.. maybe i should get creative :D

  • http://tinyurl.com/d5p28rg BDSAS

    nice tutorial it,s make us professional photo editor so thanks for this .

  • aahsish

    thnx alot dear ….. gud work …

  • http://www.tensogroup.blogspot.com Rana

    Thanks a lot………..

  • http://www.CampusSartorialist.com Robert W

    Could you repost this for CS6…the ligthting effects is different in cs6 :(

  • http://www.photovideoeffects.com Carmen Smith

    Wow. This is a great post. Photo editing is very lucrative business and software like this is good help.

  • http://nathanpetty.com Nathan

    Thanks for the tutorial!

  • Beck

    I love you! thank you for these tutorials, seriously thank you so so so much for sharing :)

  • Tom

    Lol, this photo is from my town, Senigallia :D

  • kiran

    how can we take layer mask..?

  • mr. bald

    it’s funny that you took the van out, but not the sign!! lol! oh well.. next time, the sign is about 5 more minutes work to remove… would be less distracting.