HTML & CSS
Article

Color Dodge Blend Mode

By Corrie Haffly

You may have caught on by now that Photoshop has “opposite” blend modes: Darken vs. Lighten, Multiply vs. Screen, and Color or Linear Burn vs. Color or Linear Dodge. So the definition in Photoshop Help for Color Dodge may sound eerily familiar:

Color Dodge: Looks at the color information in each channel and brightens the base color to reflect the blend color by decreasing the contrast. Blending with black produces no change.

Similar to Screen, Color Dodge will always result in a lighter image — except the contrast will be turned waaaay up. Here’s what it looks like:

I’ll start with my standard rose picture:

Then I’ll add my semi-standard pawprint layer and set it to Color Dodge:

The pure black area of the pawprint layer results in no change, but all other areas dramatically lighten the image underneath.

(Download sample .psd file)

So I have to admit that Color Dodge mode is one that I’ve never used in an actual application before. But apparently a few other people in Google-world have used Color Dodge mode for lots of different purposes. A lot of people will use Color Dodge layers when making high-tech or grunge-style abstract images. But there were two other suggestions that I found interesting…

Fire up your text. Following most of the steps of this tutorial, here’s what I got:

Transform a photo into a light pencil drawing. You can see my attempt at taking this photo:

… and ending up with this…

Please feel free to share your own experiments with the Color Dodge tool, as I’d like to learn more myself!

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • michel

    Just a quick tip: for a ‘photo to pencil drawing’ you can also use the High Pass filter (Filter > Other > High Pass). An action which illustrates this can be downloaded at here.

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in Front-end, once a week, for free.