Learn how to correctly fix over-saturation in images using the Calculations command and Hue/Saturation adjustments in Photoshop with this comprehensive tutorial.
This exercise is excerpted from Noble Desktop’s past Photoshop training materials and is compatible with Photoshop updates through 2020. To learn current skills in Photoshop, check out our Photoshop Bootcamp and graphic design classes in NYC and live online.
Topics covered in this Photoshop tutorial:
Fixing over-saturation, The Calculations command, Applying Hue/Saturation only to over-saturated areas
Exercise Preview
Exercise Overview
The image’s oversaturated colors look wonderful on-screen but will never print as we see them, so we need to desaturate. However, we do not want to desaturate the image overall. Doing so would wash out the image and produce a different effect from what we are after.
So how do we go about selecting the most saturated parts of the image? We could perform color ranges on various parts of the image, but this would be time consuming and would yield imperfect results. Duplicating color channels would not work because the whites and grays would then also be selected. Instead, let’s try the power of the Calculations command.
If you have any files open, close them now.
From the Photoshop Adv Class folder, open the file boxer.jpg.
If you get a message about a missing profile, choose Use the embedded profile and click OK.
Go to Image > Calculations. Do not click OK until we say so.
-
Under Source 1 make sure the menu reads boxer.jpg, then set the following:
Layer: Background Channel: Red Invert: Leave it unchecked -
Source 2 should also be set to boxer.jpg. Set the following:
Layer: Background Channel: Blue Invert: Leave it unchecked -
Set the rest of the options as follows:
Blending: Difference Opacity: 100% Mask: Leave it unchecked Result: New Channel Why Did We Choose That?
We chose Difference because Photoshop isolates areas in the channels that differ and creates a mask based upon those differences. Vibrant colors differ radically between channels while whites, grays, and blacks are virtually the same from channel to channel.
Click OK.
Switch back to the composite RGB by pressing Cmd–2 (Mac) or Ctrl–2 (Windows).
Duplicate the image (Image > Duplicate). Then click OK.
Choose Window > Arrange > 2-up Vertical to put the two side-by-side on-screen.
In the new duplicate image, create a new Hue/Saturation adjustment layer and set Saturation to −40. Note the “washed out” look.
In the original image, in the Channels panel, Cmd–click (Mac) or Ctrl–click (Windows) on the new alpha channel (Alpha 1) to load it as a selection.
If the new alpha channel is visible, hide it before continuing.
Select the Inverse (Cmd–Shift–I (Mac) or Ctrl–Shift–I (Windows)).
Create a new Hue/Saturation adjustment layer.
Set Saturation to −40.
Note how the image is desaturated only in those areas that were oversaturated to begin with. The skin tones are one area where you can especially see this.
