Improving Image Tone With Levels In Photoshop

Improving Image Tone With Levels In Photoshop

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.

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.

Correcting the problem with the highlights in the image is just as easy as correcting the shadows. Simply click on the white point slider and drag it towards the left just to the point where the right edge of the histogram begins:

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

As you drag the slider, you'll see the bright areas in the image becoming gradually brighter. With the white point slider moved to the right edge of the histogram, the pixels that were a light shade of gray a moment ago are forced to pure white, causing all of the light areas in the image to become lighter in the process. Here's my image after setting the new white point. The highlights are now nice and bright, and the overall image contrast has been greatly improved from how it looked originally:

The photo after setting a new white point with the Levels command. Image © 2009 Photoshop Essentials.com
Both the shadows and highlights in the image have now been corrected.

Once again, if we look to the Histogram palette, we can see the effects of the changes we've made. The right side of the histogram now extends all the way to the right edge, telling us that our highlights are now nice and bright. And by forcing the highlights to white, we've stretched out our image information even further, losing more detail at various brightness levels and creating even more of a comb-like effect in the histogram:

The histogram in the Histogram palette shows the changes after adjusting the white point. Image © 2009 Photoshop Essentials.com
The histogram now stretches from left to right, although some brightness levels have been lost.

As a side note, if you've been wondering why my histogram is showing a tall spike near the right edge, it's because this particular photo that I'm working with consists mainly of a light blue lake and a light blue sky. In other words, it's made up mostly of light blue, which means the majority of the pixels in the image have a similar brightness value. Since the histogram shows us a comparison of the various brightness levels in the image, having so many pixels sharing a similar brightness value is causing that level to tower over the others. All photos are different, and if you're following along with your own image, your histogram will undoubtedly look different from mine.

At this point, we've successfully lightened our shadows and brightened our highlights and the image is looking much better. However, one problem you may run into after adjusting the black and white levels is that the overall image can still appear either too bright or too dark. To fix that, we simply need to adjust the midtone slider. Dragging the midtone slider towards the left will brighten the image in the midtones, while dragging it towards the right will darken the midtones. It's important to note that the midtone slider does not affect the black or white points. Only the brightness levels between black and white are affected.

In my case, I think my image still looks a little washed out, so I'll click on the midtone slider and drag it a short way towards the right to darken it. Unlike the black and white points, there is no specific setting for the midtone slider. How far you drag the slider is entirely up to you and how light or dark you think the midtones need to be, so you'll want to keep an eye on your image in the document window so you can judge the results. Here, I'm dragging the midtone slider a little towards the right. You don't usually need to drag it very far to get the results you need:

Drag the midtone slider to lighten or darken the midtones. Image © 2009 Photoshop Essentials.com
Drag the midtone slider towards the left to lighten the midtones or the right to darken them.

Let's check out the Histogram palette one last time. If you look closely, you'll notice that the left side of the histogram now seems to be missing fewer brightness levels than the right side does. That's because by darkening the midtones, we've taken image information from the lighter tonal values and pushed it into the darker values. This filled up some of the missing shadow areas but stretched out the lighter areas even further:

The histogram after adjusting the midtone slider. Image © 2009 Photoshop Essentials.com
The histogram now shows less information remaining in the highlights than in the shadows after darkening the midtones.

Again, even though the histogram now looks like we're missing quite a bit of detail (which we are), what Photoshop sees and what our eyes see are two different things. Unless you've lost so much detail that you can actually see areas of color or brightness values missing in your image (known as banding or posterizing), you don't need to worry about how bad the histogram looks. All that matters is how the image looks. Here, after setting new black and white points and adjusting the midtones in the Levels dialox box (which you can now close out of by clicking the OK button to accept the changes you''ve made) is my final result:

Improving image tone with levels. Image licensed from iStockphoto by Photoshop Essentials.com.
The final tone-corrected result.

And there we have it! That's how easy it is to correct overall tonal problems in an image with Levels in Photoshop! Check out our Photo Retouching section for more Photoshop image editing tutorials!