Photo Manipulation

Layered HDR Tone Mapping

Learn how to tone map with Photoshop CS3 to create beautiful high dynamic range (HDR) photos. The final result is exceedingly better than Photoshop’s local adaptation and similar to Photomatix’s tone mapping.

HDR Tone Mapping

What is Tone Mapping?

Tone mapping compresses the tonal values of a high dynamic range image into a lower one. The result is an image with more visible details that would not be seen on an image with lower dynamic range.

How does Tone Mapping Work?

Tone mapping works by merging multiple images with different exposures into one image. Each image contains details not visible in another. To take these images, use the Automatic Exposure Bracketing feature on your camera to capture three images of different exposures. You may need to place your camera on a tripod to prevent camera movement.

Three 8-bit images with different exposures tone mapped into a single 8-bit image with greater detail.

Tone Mapping Methods

Most common methods :

  • Using Adobe Photoshop to merge the images into a HDR file then converting the image to an 8-bit file using local adaptation.
  • Using HDRsoft Photomatix to create a HDR file then tone mapping the HDR file into a 8-bit file.

The latter usually produces better results that Adobe Photoshop isn’t capable of producing. If you don’t have Photomatix, here’s a Photoshop solution for tone mapping:

Layered Tone Mapping with Photoshop

Although Photomatix produces amazing results and Photoshop’s local adaptation methods can create satisfactory results, none of them can produce a layered file. In this Photoshop CS3 tutorial, you’ll learn how to tone map three exposures with results better than Photoshop CS3’s local adaptation and similar to Photomatix tone mapping. In addition, the document will have seperate layer allowing advance Photoshop users to tweak their image with greater control.

The Photoshop HDR Tone Mapping Tutorial

Before We Begin

Download the following three images to your hard drive (Right mouse click> Save As). You will be using these images to follow the tutorial.

Step 1

First, we’ll need to load the three images into Photoshop. We will use the Load Files into Stack feature for this. To access this, select the File> Scripts menu and choose Load Files into Stack.

The Load Layers window should appear. In the Load Layers window, browse for the three images you’ve downloaded and add them to the list. Checkmark the “Attempt to Automatically align Source Images. With this checked, Photoshop CS3 will try to align the images.

Step 2

After waiting for Photoshop CS3 to process the images, you should end up with a new document with three layers. Make sure that the neutral.jpg layer is the bottom layer and the over.jpg layer is the top layer.

Step 3

Select the over.jpg layer and add a layer mask by opening the Layer> Add Layer Mask menu and selecting Reveal All.

Step 4

Open the Image menu and select Apply Image. In the Apply Image window, checkmark Invert and click OK.

The over.jpg layer should now be an invert of the image.

Step 5

Select the under.jpg layer and add a layer mask by opening the Layer> Add Layer Mask menu and selecting Reveal All.

Step 6

Open the Image menu and select Apply Image. In the Apply Image window, select the layer under.jpg, uncheck Invert, then click OK.

Step 7

We’re done tone mapping and now we have the three different exposures on their own layers with their own layer mask.

Final Results

Roll over the image below to see a before and after effect of tone mapping.

HDR Photoshop

Removing Ghostings

If you look closely, you may notice some ghostings due to moving objects when the image was taken.

To remove this, select the over.jpg layer and paint the area in the layer mask white.

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

How to Create a Surreal Gothic Artwork in Photoshop

Photo ManipulationPhotoshop Tutorials

How to Create a Sci-Fi Lighting Scene with Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Create Vivid Arabian Night Composite in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Add a Mermaid to a Dark Bleak Landscape

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).