Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Saturation Blend Mode in Photoshop

We’re in the home stretch of the Photoshop Blending Modes series (good heavens, that means I have to come up with more topics to write about!), and today’s blog looks at the Saturation Blend Mode.

Recall how the Hue blending mode kept everything the same on the base layers, but applied the hue (color) from the blend layer. Saturation mode is similar, where everything stays the same on the base layer, except the saturation from the blend layer is applied.

Try this example on for size: Start with my cherry blossom picture —

Saturation Blend Mode in Photoshop 1

Add this blend layer, which has a highly-saturated blue and a not-very-saturated blue:

Saturation Blend Mode in Photoshop 2

Setting the blend layer to Saturation mode produces this effect:

Saturation Blend Mode in Photoshop 3

As expected, the top half (the light, not-very-saturated blue) results in a less-saturated flower image, while the bottom half is very saturated.

Now for a practical application. I’ll start with my standard rose image and then add a radial gradient to produce this blend layer, using a not-very-saturated color:

Saturation Blend Mode in Photoshop 4

(To do this, I had to open the Gradient Editor by clicking on the gradient preview in the top toolbar, and make a new gradient from the foreground-to-transparent gradient, then flip the sliders that defined the gradients to make a transparent-to-foreground gradient.)

Saturation Blend Mode in Photoshop 5

Combining the radial gradient blend layer (set to Saturation mode) results in this image:

Saturation Blend Mode in Photoshop 6

It kind of reminds me of a “breathing life into something” kind of image, maybe representing some kind of “inner life” or “inner glow.” I’m sure you can find your own use for this technique…

Comments