Lighting Effect Photoshop Tutorial

In this Photoshop tutorial, I’ll show you how to light up even a black/white image using lighting techniques in Photoshop. We’ll learn how to use an adjustment layer to achieve realistic and believable light effect in Photoshop. You’ll also learn how to enhance lights by painting them, adjust the light and contrast and much more. Read on and enjoy!

Advertisements

Tutorial Resources

Open the Street image

Step 1

Open the city image in Photoshop. Go to File > Open and open the street image and you can see that the image is totally desaturated or has no color. Here we’ve the street image opened in Photoshop:

lighting1

Step 2

Before I start colorizing the photo let me tell you that I want yellow colors on the street and the same lights over the lamp as well like you often see on the streets in the night.

Add a Photo Filter adjustment layer to street image. Go to Layer > New Adjustment Layer > Photo Filter or click the third icon at the bottom of the layer panel. Use the Warming Filter (85) with density 42% and add warm tones to city image. Using Photo Filter adjustment layer, you can say that we’ve laid the foundation of colors on the street. We’ll enhance the colors in next steps.

lighting2

Results:

lighting2a

Step 3

So we’ve the basic colors on the image using Photo Filter and now we’ll colorize the image to make the colors pop out nicely. Make a Hue/Saturation adjustment layer for city. Colorize the city using the following settings:

lighting3

So we’ve added colors to the street as we mostly see in the nights and street started to light up.

lighting3a

Step 4

Use the Selective Color adjustment layer to enhance the colors. This will add more yellow and darken them a bit. Below values works best for the street image but it depends on which image you are using. So try to play around with the settings to get the results of your taste.

lighting4

Results:

lighting4a

Step 5

To much yellowness on the street and I don’t want that. I want to keep this effect on those areas which are close to street light lamps such as the wall not on the street road. First, I’ll desaturate the color little bit using Hue/Saturation. Add Hue/Saturation adjustment layer and desaturate the colors using the following settings:

\lighting5

On the layer mask of Hue/Saturation, hide the effect on the selected area as shown below to maintain the colors there. Not only there, you can mask the effect wherever you want to keep the light. By using Hue/Saturation we’ve also decreased color on the far most (from the lamp’s light) area of the street road. In order to mask the effect, use the soft round black brush with opacity and flow about 30%.

lighting5a

Results:

lighting5b

Here you can see the results on layer mask:

lighting5c

Step 6

Create a new layer and set the foreground color to #704e1e. Now use the soft round brush to paint lights on the lamps. Just paint the dot of lights as shown below and remember to vary the brush size to fit it with the different lamp size. You can see that we have a lot of different lamp with different size so varying brush size is must in order to paint the light over them properly. I also painted light on the far window of the street.

lighting6

Set the blend mode to Color Dodge.

lighting6a

Step 7

Create a new layer again, using the same color and paint the light on the wall, road, doors and on the barrels as shown below. Paint it wherever you want to enhance the lights.

lighting7

Set the blend mode to Color Dodge.

lighting7a

Step 8

Create a new layer and set the foreground color to #07242e. Now paint the blue light using the soft round brush and paint them on the left and right side of the street.

lighting8

Set the blend mode to Color Dodge.

lighting8a

Final Adjustment

Step 9

In this step, we’ll darken those parts which will be less illuminated by the light source (lamps are the light source here) like the corners of the street and similar other parts. First, use the Curves adjustment layer to reduce the brightness. Read our basic tutorials for detail explanation on Curves adjustment layer.

lighting9

On the layer mask of Curves, mask the effect on the highlighted area to maintain the light effect there and leave the dark effect at the corners of the street.

lighting9a

Results:

lighting9b

Layer mask results:

lighting9c

Step 10

Finally, use the Color Lookup adjustment layer to boost the contrast of the street. This will also add a bit of cyan tones and will desaturate the image a bit as well. Use the Crisp Winter filter and reduce the opacity to 60%.

lighting10

Final Results:

lighting10a

Here you can see how the layer panel is arranged:

lighting10b

Conclusion

These are some lighting techniques which I use often whenever I want to create a light source in my compositions. Hope these will help you too and feel free to let me know if you need any help. Have a great day!

Bunty Pundir

Bunty Pundir is the founder of PSD Stack. He loves writing Photoshop tutorials and sharing knowledge with others. Follow him on Behance, Twitter and Google+

2 thoughts on “Lighting Effect Photoshop Tutorial

  • April 10, 2016 at 5:34 am
    Permalink

    Excelente trabajo ¡¡¡¡¡¡¡¡

    Reply
    • April 10, 2016 at 1:23 pm
      Permalink

      Thanks man!

      Reply

Leave a Reply

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