Matching Tones in Composited Images

Topics Covered in This Photoshop Tutorial:

Matching Color, Adjusting the Curves of Individual Color Channels, Desaturating Color, Clipping Masks

Exercise Preview

Exercise Overview

In the previous exercise, we seamlessly integrated two different skies into this photograph. While one sky naturally complements the original image's tonal qualities, the other presents a color matching challenge that's common in professional composite work. The solution lies in strategic use of adjustment layers combined with clipping masks—a technique that allows precise color correction without compromising the integrity of other image elements.

Understanding this workflow is crucial for professional retouchers and designers. Adjustment layers typically affect all layers below them in the stack, but clipping masks provide surgical precision, targeting only the specific layer you want to modify. This non-destructive approach maintains maximum flexibility throughout your editing process.

1. If you closed it, re-open yourname-BeachFamily.psd. (If you don't have it finished for whatever reason, just open BeachFamily-2skies.psd.)

2. The sky2 layer already provides a decent tonal match to the original image, so hide it if it isn't already. We'll focus our attention on correcting the more challenging sky1 layer.

Adjusting the Contrast of Sky1

The sky1 layer presents several issues common in sky replacement work: oversaturation in the blue channel, insufficient contrast, and tonal flatness that makes it appear disconnected from the scene's lighting conditions. Let's address the contrast issues first, as they form the foundation for successful color matching.

1. Make sure the sky1 layer is selected in your Layers panel.

2. Go to Layer > New Adjustment Layer > Curves. Don't click OK until we configure the settings properly.

3. Name it match sky tones. Descriptive layer names are essential for professional workflows, especially when collaborating with other designers.

4. Check on Use Previous Layer to Create Clipping Mask. This critical step ensures our adjustment affects only the sky layer, preserving the carefully balanced tones in the rest of your composite.

5. Set the blending Mode to Luminosity.

   This mode restricts our adjustments to brightness values only, preventing unwanted color shifts that could make our sky appear unnatural. It's a professional technique that maintains color fidelity while allowing precise contrast control.

6. Click OK.

7. As shown below, drag the white point slider (the white triangle on the bottom) to the left to push the brightest highlights closer to pure white, creating more dynamic range in the cloud formations.

   

   NOTE: The screenshots in this exercise show Photoshop's lightest interface. Most screenshots in this book use Photoshop's default medium dark interface. Interface preferences are subjective, and we occasionally use the light theme when it enhances screenshot clarity for print. You can customize your interface by navigating to the Photoshop menu (Mac) or Edit menu (Windows), selecting Preferences > Interface, and choosing your preferred Color Theme.

8. The white clouds now have better definition, but we need additional contrast to match the dramatic lighting in our base image. Create an S-curve as shown in the screenshot below to enhance both highlights and shadows.

   

Adjusting the Color of Sky1

With our contrast foundation established, we can now tackle the color correction. The excessive blue saturation is the most obvious issue, but successful sky matching often requires subtle adjustments across multiple color channels to achieve natural-looking results.

1. Let's systematically remove the excess blue that's making our sky appear artificial. Make sure the match sky tones layer is selected.

2. Go to Layer > New Adjustment Layer > Curves and configure:
   • Name it remove blue.
   • Check Use Previous Layer to Create Clipping Mask.
   • Change Mode to Color to isolate our adjustments to color information only.

3. Click OK.

4. Work with individual color channels to reduce the blue cast and create more natural color balance. The curve suggestions below for the Blue and Green channels provide a starting point, but trust your eye and the specific needs of your composite.

   

Desaturating Sky1

The final step addresses overall color intensity. Even with improved color balance, replacement skies often retain too much saturation compared to the original scene's atmospheric conditions. This is particularly important when matching stormy or overcast lighting scenarios.

1. The color balance is much improved, but the sky's saturation still feels disconnected from the moody, post-storm atmosphere we're creating. Go to Layer > New Adjustment Layer > Hue/Saturation and configure:
   • Name it desaturate sky.
   • Check Use Previous Layer to Create Clipping Mask.
   • Set the blending mode to Color to prevent any unintended luminosity changes.
   • Click OK.

2. Reduce the Saturation value until the sky feels naturally integrated with your scene's lighting conditions. A value around −45 typically works well for this type of atmospheric correction, but adjust based on your specific composite needs.

3. Save the file and close it. Take a moment to compare your corrected composite with the original—this systematic approach to color matching will serve you well in professional retouching work.