Advertisement
Post-Processing

Bring a Photograph to Life Using Levels With Zones

by

In this tutorial you'll learn how to use levels in Photoshop to add a spark of life to an otherwise dull photograph. We'll divide the image into different zones in order to process them independently, achieving an interesting look. Let's get to work!

Republished Tutorial

Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in May of 2010.


Watch the Video


Step 1

The first step is to open the image to pre-process it with Camera Raw. If you have a raw file (like .CR2 files on Canon cameras) just open it in Photoshop. If you are using a JPEG image to start, go to File > Open As, choose "Camera Raw" as the file type and open your file. Then the Camera Raw dialog will appear.

Open file in Camera Raw

This is the original image:

Original image

Step 2

Increase the temperature using the first slider. We're looking for a warm look, so choose a value close to 8000k. Also, decrease the saturation to give it an older look. Do not change Contrast or Blacks as we will be changing them later using levels and curves.

Temperature and saturation in Camera Raw

Step 3

Go to Lens Correction and add some Lens Vignetting by moving the Amount slider down to -21. Then hold Shift and the "Open Image" button will change to "Open Object". Click it.

Vignetting in Camera Raw

Step 4

Before starting to tweak levels and curves, remove anything you don't want in your final image. In the example image there was a girl in the bottom left corner that I had to remove using the Clone Stamp Tool (S). Right-Click the layer and select Duplicate Layer, click OK and then Right-Click the new layer and select Rasterize Layer.

This way you will keep a copy of the original raw file that you can edit in Camera Raw just Double-Clicking on the layer's thumbnail. Do your cloning and healing process in the new layer.

Removing unwanted people and objects from image

Step 5

Now we will start working with the different zones of the image. We can divide our image in 5 sections:

  1. The left walls in the foreground.
  2. The right walls in the foreground.
  3. The white building in the background.
  4. The road.
  5. The sky.
The five zones of the image

Step 6

We will start with the 4th zone: the road. Choose the Pen Tool (P) and select the Paths option (second button) in the upper toolbar. Now draw the shape of the road.

Selecting the road with the Pen Tool (P)

Step 7

Once you finish with the Pen Tool, Right-Click the newly created shape and select Make Selection. Make sure Anti-Aliased is ticked and Feather Radius is set to 0px, then click OK. Now go to Layers > New Adjustment Layer > Levels and create a new levels layer called "Road".

New Levels Adjustment layer on selected zone

Now let's adjust the levels. Double-Click on the Road Levels layer and the Levels Adjustment window will appear. Now move the black handle to the beginning of the histogram, and the white handle to the end of the histogram.

This increases the contrast of the area, as the white point of the histogram matches the white point of the area, and the same with the black point. However, you have to be careful because the smaller the area between the black and white handles, the less information you leave on that area. Move the middle handle to the right until it looks good.

Levels Adjustment

Step 8

Now repeat the process with the first, second and third sections (refer to Step 5). Use the Pen Tool (P) (or any other selection tool you prefer) to select the area, make a new Levels Adjustment Layer and move the handles to match the histogram.

Sometimes, like with the left wall, it's good to make more than one adjustment layer: one for the whole area, and another one for a smaller area within. For instance, for the left wall I used a layer for the whole building, and then another layer for bottom floor of the first building.

Comparison of no levels, some levels and full levels adjustments.

Step 9

Once the road and all the buildings have their own Levels Adjustment Layer, let's work with the sky. Right-Click on the first layer (the original image, not the rasterized one) and select New Smart Object via Copy. Rename the layer to "Sky Layer" and move it to the foreground. Double-Click it to edit it in Camera Raw and use the following settings:

Camera Raw settings for sky layer

Notice that we have decreased the temperature, in order to cool the sky a little bit. Also we have decreased the exposure and increased the contrast in order to get some details in the clouds. Now use the Pen Tool (P) to select the sky, bordered by the buildings' roofs.

Right click the new path and choose Make Selection, and use the selection as a mask for the Sky layer. It's good to feather after having set the mask rather than before, as you can see how the different values for the feather work in real time, using the Masks panel.

Selecting the sky

Step 10

The buildings are very bright, and the sky is quite dark, so let's ease that difference a bit. Create a New Smart Object via copy from the original one and use these adjustments in Camera Raw:

Camera Raw settings for new layer

Rename the layer to "Sky surroundings" and Ctrl-Click on the mask of the Sky layer. Go to Select > Modify > Expand and use a value of 100px. Choose the Sky Surroundings layer and then click on Layer > Layer Mask > Reveal Selection. Now it's time to feather the mask a little bit using Select > Refine Edge. A Feather value about 70px is OK, but experimenting is key.

Comparison, with and without Sky Surrounding Layer

Step 11

To end up, make a loose selection of the sky and make a new Levels Adjustment Layer to tweak it a bit. Optionally you can add a global levels layer. Now go to Layer > New Adjustment Layer > Curves, name it "General Curves", and choose Linear Contrast from the dropdown menu on the Adjustments Panel. It will increase the general contrast a little.

General curves adjustment

Finally, let's add a black border: Go to Image > Canvas Size, disable Relative, and use 50px as width and height. Click OK, create a new background layer and fill it with black. We're done!


Conclusion

Although the process is pretty simple, the results are quite impressive. Here you can compare the original image and the final one.

Comparison of before and after

And the final result:

Final result

Thanks for reading, and let us know whether you feel this effect is useful for any of your own images!

Related Posts
  • Photography
    Photo Effects
    How to Create a Magical Photo Manipulation: Post-Production0955 toys psdtuts toys in action 400x400
    Artists often work with a team of individuals to complete a project. This team could include a client, a creative director, an art director, a photographer, a retoucher, and a graphic designer. In this two-part tutorial, I teamed up with photographer Natalie Fobes to create a magical photo illustration that depicts a child interacting with toys that have come to life. In the process, we will show you how to not only shoot the photos that you need, but also, how to retouch them and combine them with stock photos to create artwork that closely resembles a sketch. Let's get started!Read More…
  • Design & Illustration
    Photo Effects
    Use Retouching Techniques to Create a Caricature From a Photo0913 mr holiday preview400
    Photoshop includes some powerful tools to help you manipulate photos. In this tutorial, we will show you how to create a caricature portrait from a photo using many of Photoshop's advanced editing tools. In the process, you will learn how to use Adobe Camera RAW to make some global adjustments, how to use Photoshop's transformation and Liquify tools to alter the appearance of the portrait, how to retouch the image, and much more to give your portrait a cartoon or comic look. Let's get started!Read More…
  • Design & Illustration
    Photo Effects
    Add Dramatic Rain to a Photo in Photoshop0908 rain add rain tutorial preview400
    In this tutorial, we will demonstrate how to add a dramatic rain effect to a photo in Photoshop. While rain effects are not new to Photoshop, we will go a step further and show how to make the image more photorealistic by adding reflections and small puddles. Let's get started!Read More…
  • Design & Illustration
    Photo Effects
    Create a Realistic Underwater Scene in Photoshop0897 shipwreck preview400
    Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let's get started!Read More…
  • Photography
    Post-Processing
    Sky Replacement of Complex SubjectsSkyreplacement preview retina
    If you've looked into this topic before, you've probably noticed that the majority of sky replacement tutorials limit themselves to hard-edged subjects like buildings, to make the masking process easier. To me, this is of fairly limited use and should be pretty easy to do without help anyway. What if you want to replace the sky of a more complex scene? In this tutorial, I'm going to take a nice sunny stand of trees and composite it over a cold, moody sky.Read More…
  • Photography
    Post-Processing
    Creating Realistic Composites, Part 2: Processing and CompositingComposite preview retina
    Welcome to the second installment of this two-parter on shooting with green screen for compositing. We're going to use the lessons from the first article to light, shoot and process a complete composite image. I've learned (the hard way) that the key to successful compositing is not to over-think it. Keep it simple and you should be fine.Read More…