How Blending Modes Work, Part Two. (Dodge, Burn, Soft Light, and Hard Light)

Published on Nov. 7th 2008


Last week I demonstrated several blending modes used in GIMP and Photoshop, such as Multiply, Divide, Overlay, and Screen. Today I’ll be exploring four more: Dodge, Burn, Hard Light and Soft Light plus a few bonus modes found only in GIMP.

I’ll be using two images to explain each blending mode. My base image is the copyright-free picture shown below, chosen for its areas of strong color and contrast.

01GradientLayer

My top image (the layer I’ll be applying the blending modes to) is this gradient rainbow. It should give you a good idea of how each blending mode affects different colors.

02Modes

Let’s see what happens when we start using blending modes on our rainbow.

The Dodge blending mode

Here’s Adobe’s official explanation of what the Dodge blending mode does:

“Brightens the resulting color based in the original color. The lighter the original color, the brighter the resulting color. Pure black in original layer does not change the underlying layer. Pure white in original usually changes the underlying color to white.”

My definition is, “Lightens overall, while top layer colors bottom layer.”

03Dodge

You can see that any areas already white in the bottom layer remain white; while darker areas are colored by the top layer. This results in a fairly light image.

The Burn blending mode

The official definition of the Burn blending mode is:

“Darkens the resulting color based on the original layer color. The darker the original layer, the darker the resulting color. Pure white in the original layer does not change the underlying color. Pure black in the original layer usually changes the underlying color to black.”

My definition: “Darkens overall, while top layer colors bottom layer.”

05Burn

Burn is essentially the opposite of Dodge. Instead of letting the white areas in the bottom image remain white, Burn allows the dark areas to remain dark—and then it colors the light areas with the top layer. The end result is a fairly dark image.

The Hard Light blending mode

Here’s the official definition of the Hard Light blending mode:

“Multiplies or screens the resulting color depending on the original color. If underlying color is less than 50% gray, the layer lightens it as if it were screened. If underlying color is greater than 50% gray, the layer darkens it it as if it were multiplied.”

Remember screen and multiply from my first blending mode tutorial? That’s what this definition is referring to—although it’s still pretty confusing.

My definition: “Reduces contrast, adds color.”

07HardLight

For those of you using Photoshop rather than GIMP, you’ll notice that Photoshop’s Hard Light blending mode isn’t as “hard” as GIMP’s. . . in other words, Photoshop allows more contrast to show through.

The Soft Light Blending Mode

The official definition for the Soft Light blending mode is:

”Darkens or lightens resulting colors, depending on the layer color. If underlying color is lighter than 50% gray, the layer lightens. If underlying color is darker than 50% gray, the layer darkens.’

My definition: “Vintage with color!”

09SoftLight

Soft Light increases the contrast of the layer below, while adding color from the top layer to all the middle values of the bottom image. This creates an image that looks pretty natural, but doesn’t have any neutrals. . . just dark, light, and color.

Grain Merge and Grain Extract (only in GIMP)

GIMP users get two more blending modes: Grain Merge and Grain Extract. There’s no official definition for them, so we’ll just have to see what they do.

Here is Grain Merge.

13Grain Merge

And here is Grain Extract.

11Grain extract

Both of these blending modes mute the bottom layer’s lightest lights and darkest darks with an overlay of color. This is similar to GIMP’s Hard Light blending mode, just not anywhere near as extreme.

And the only difference between these two modes is that Grain Extract reverses the colors in the top layer (AKA, shifts the color spectrum sideways).

Each of the blending modes we’ve looked at today offers very interesting ways to play with the existing colors in a image. We haven’t explored using different modes together because there’s just to many combinations—so I’ll leave that up to you. :)

Stay tuned for more layer modes next week!

Did you like this article? Share it!
Then check out the related posts below.
Over the past few weeks we've explored nearly all of the layer blending modes found in GIMP and Photoshop, so in today's article I'll be finishing up the series by demonstrating the final four: Hue, Saturation, Color and Value. If you're following along on your own computer, you'll need a base. . . read more
So many blending modes, so little time. . . if you've been following my latest tutorials you'll know that over the past few weeks I've been demonstrating all the different blending modes available in GIMP and Photoshop. Up until now we've looked at the most common blending modes—Multiply, Divi. . . read more
Blending modes such as Multiply, Overlay, and Screen (just to name a few) are found in both Photoshop and GIMP, and are a way of algorithmically changing the hue, saturation, brightness, transparency, or tone of a layer. If that sounds complicated, don't worry—the important thing to know is th. . . read more
In my last GIMP tutorial I showed you how to make a sepia-tone photo from a color photo. Today we're going to do something similar—follow along to learn how to digitally color a black and white photo in GIMP. Step 1. Find a black and white (or grayscale) image The image I found from the . . . read more
If you're a traditional artist, transferring your skills to a digital format can be both frustrating and rewarding. Luckily, with a Wacom pen and tablet things get a bit easier. In the following paragraphs I'll be going through the process I use to create a digital painting in GIMP with my Wac. . . read more
Stay current.
Subscribe to EmptyEasel's free weekly newsletter for artists. Sign up today!
CanvasFlyer
Art Contests
More art contests. . .
EE Writers
Alyice Edrich Cassie Rief Steff Metal Niki Hilsabeck Brandi Bowman Michelle Morris Lisa Orgler Adriana Guidi Carrie Lewis Aletta de Wal Erin SparlerLuke Montgomery

If you'd like to write for EmptyEasel, let us know!

We love publishing reader-submitted art tutorials, stories, and even reviews.Submit yours here!