Improving Image Tone With Levels In Photoshop

Improving Image Tone With Levels In Photoshop

Learn Photoshop with Photo Editing Tutorials at Photoshop Essentials.com

Written By Steve Patterson

In this photo editing tutorial, we'll learn how to quickly correct overall tonal problems in an image using the Levels adjustment in Photoshop. In a previous tutorial, we looked at how to fix both tone and color cast problems at once using the Levels command, but a more common first step in a good photo editing workflow is to simply correct any tonal problems, brightening highlights, darkening shadows and adjusting the midtones, leaving any needed color corrections for later steps. As we'll see, the Levels adjustment makes tonal correction so fast and easy, you'll be turning dull, lifeless images into ones that seem to pop right off the screen in a matter of seconds. And unlike the Brightness/Contrast adjustment in Photoshop CS3 and higher which doesn't give you a great deal of control and relies mainly on your own personal opinion of what looks good, the Levels adjustment is what the pros use for accurate, professional quality results.

Want an easier way to follow along with our tutorials? Download them as printable PDFs!

Here's an image I have open on my screen:

A photo of a lake and mountains. Image licensed from iStockphoto by Photoshop Essentials.com.
The original photo.

The photo is looking a little flat and dull, so I'm going to view the image histogram to see if I can spot the problem. The fastest way to view the histogram is in the Histogram palette which you'll find grouped in with the Navigator and Info palettes. By default, the Histogram palette is set to Compact View mode, which only displays 100 brightness values in the histogram, not enough for serious image editing. You'll want to click on the menu icon in the top right corner of the palette and select Expanded View from the list, which displays the full 256 brightness values. Also, make sure the Channel option above the histogram is set to RGB.

The histogram shows why the image is looking rather dull. Notice how the edges of the histogram do not extend all the way to the far left or right. This tells us that there is currently nothing in our image that's pure black or pure white, which means our shadow areas are not as dark as they could be and our highlights are not as bright as they could be, resulting in the image's flat appearance (be sure to check out our How To Read A Histogram tutorial for a more detailed explanation of how histograms work):

The Histogram palette in Photoshop. Image © 2009 Photoshop Essentials.com
The Histogram palette showing that the shadows and highlights could both use a boost.

Fortunately, we can fix this problem quite easily using a Levels adjustment. To select Levels, I'll click on the New Adjustment Layer icon at the bottom of the Layers palette and select Levels from the list of adjustment layers that appears. I'm using the adjustment layer version of the Levels command rather than choosing a standard Levels adjustment from the Image menu because adjustment layers allow us to work non-destructively on our images:

Selecting a Levels adjustment layer in Photoshop. Image © 2009 Photoshop Essentials.com
Click on the New Adjustment Layer icon in the Layers palette and select Levels from the list.

This brings up the Levels dialog box, with its most noticeable feature being the histogram in the center. The histogram found in the Levels command is the exact same histogram we saw a moment ago in the Histogram palette. The difference is that with the Histogram palette, all we can do is look at the histogram to see where the problems are. With Levels, not only can we see the problems, we can do something about them!

First, let's take a closer look at the problems, since they're easier to understand in the Levels dialog box. Below the histogram in Levels is a horizontal gradient going from pure black on the left to pure white on the right. The brightness levels in the histogram match up perfectly with the brightness levels in the gradient below it. If we draw lines from the left and right edges of the histogram straight down to where the edges line up with the gradient, we can see more clearly where the current tonal range of our image falls. Notice that there's still quite a bit of room between the left edge of the histogram and pure black on the far left of the gradient, and between the right edge of the histogram and pure white on the far right of the gradient. This means that our blacks in the image are currently not pure black. They're a dark shade of gray, and our whites are not pure white but a light shade of gray:

Arrows show where the left and right edges of the histogram line up with the gradient below it in the Levels dialog box. Image © 2009 Photoshop Essentials.com
The arrows show where the left and right edges of the histogram line up with the gradient.

If you look directly below the histogram, you'll see three small sliders, one on each end and one in the middle. The slider on the far left is the black point slider. It's easy to remember because the slider itself is black. The black point slider allows us to darken the shadow areas in the image by setting a new black point. The slider on the right is the white point slider. Again, it's easy to remember because the slider itself is white. With it, we can brighten the highlights by setting a new white point (this will all make sense in a moment). The slider in the middle is the midtone slider. It appears gray because it allows us to brighten or darken the brightness levels in between black and white:

The white point, black point and midtone sliders in the Levels dialog box in Photoshop. Image © 2009 Photoshop Essentials.com
The three sliders below the histogram allow us to adjust the black point (left slider), white point (right slider) and midtones (middle slider) in the image.

Let's fix the shadow areas first by setting a new black point. If it sounds complicated, it's not. All you need to do is click on the black point slider below the far left of the histogram window and drag the slider towards the right just to the point where the left edge of the histogram begins:

Setting a new black point by dragging the black point slider to the left edge of the histogram. Image © 2009 Photoshop Essentials.com
Drag the black point slider to the left edge of the histogram to set a new black point.

As you drag the slider towards the right, you'll see the dark areas of your image becoming progressively darker. By dragging the slider to the left edge of the histogram, those pixels in the image that were just a dark shade of gray a moment ago are forced to pure black, which causes all of the shadow areas in the image to become darker as well. Here's my photo after adjusting the black point. We can already see an improvement in image contrast:

The photo after setting a new black point with the Levels command. Image © 2009 Photoshop Essentials.com
The shadow areas in the image now appear darker, improving image contrast.

If we look at the histogram in the Histogram palette, we can see what's happened to our image (you'll need to click on the little Refresh icon in the top right of the Histogram palette to update the histogram each time you make an edit):

The histogram in the Histogram palette shows the changes after adjusting the black point. Image © 2009 Photoshop Essentials.com
The Histogram palette updates to show the changes we made in the Levels dialog box.

The left edge of the histogram now extends all the way to the left, letting us know that we now have deep, dark shadows in our image thanks to our new black point. But notice also that the histogram suddenly seems to be missing sections, creating a comb-like effect. That's because we only have a set amount of image information in the photo to work with and by darkening the shadows, we've essentially spread out and stretched the image information like an accordion or a slinky. Those missing sections mean we no longer have any image detail at those brightness levels, but there's no need to worry because we haven't lost enough detail yet to make it noticeable. The unfortunate reality with photo editing is that with every edit we make to an image, we damage it in some way. All we can do is hope that the "damaged" version we end up with looks better to us than the original "undamaged" version did.

We still have a problem with the highlights, so we'll fix that next.

Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!

Go to page: 1 | 2