REC

Recommended: Video Production, Editing & Gear Maintenance Guide

 WTVID >> WTVID >  >> Video Editing >> Adobe Photoshop

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

The Gradient Maps tool has a serious side in creating custom black and white conversions and a more frivolous one in adding color to an image. I’ll show you how to use it for both purposes.

Before we start a word about how the Gradient Map works. It is an adjustment so you can find it on the Adjustment menu and you can also apply it using an Adjustment Layer. It applies a gradient of color to your image depending on the tones in the image. So, where the image is darker the tones at the left of the gradient are applied and where the image is lighter the tones at the right of the gradient are applied. The midtones are colored with the color in the middle of the gradient. If you want the effect reversed, you can reverse the gradient and the colors are applied in reverse.

The serious side of the Gradient Map tool is its black and white gradient. You can use this to convert an image to black and white. By changing the gradient, you can affect what parts of the image go to black and which parts go to white.

Step 1

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

To see this at work, open an image and add a Gradient Map adjustment layer by choosing Layer > New Adjustment Layer > Gradient Map. From the Gradient list choose the Black, White gradient and click Ok. The image now shows as black and white.

Step 2

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

To adjust the way the gradient is applied, double click the adjustment layer and double click the gradient to open the Gradient editing dialog. You can now add stops below the gradient bar to adjust how the colors are applied. For example, if you add a second black stop to the right of the first one, you can set all the tones that are mapped to this area of the gradient to black rather than them ranging from black to a dark grey.

Step 3

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

By adjusting the midpoint marker between two stops you can control how the gradient transitions from one color to the next. If you drag it to the left you steepen the transition from the left most color to a color that is half way between the colors in the stops either side of the midpoint marker. Of course, here we’re talking about black, grey and white as colors, but in a minute the stops will be applying colors to the image and they work the same way.

Step 4

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

To apply a color gradient to an image to give it a more creative look, repeat step 1 to open an image and to add a Gradient Map adjustment layer to it. This time choose one of the colored gradients. If the gradients aren’t to your liking, click the flyout menu on the Gradient tab and load a second gradient set and use one of those.

Step 5

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

These gradients, like the Black, White gradient can be edited so you can tweak the colors or add new ones until you get exactly the effect you want.

Step 6

Mastering Gradient Maps in Photoshop: Creative B&W Conversions & Color Effects

Like any adjustment layer, you can achieve further creative possibilities by setting the blend mode of the adjustment layer to something other than Normal. You can also reveal some of the underlying color from the image if you reduce the layer opacity.


  1. Photoshop Tutorial: Master Gradient Maps for Pro Color Correction and Creative Effects

  2. Master Professional Image Processing in Photoshop: Expert Tutorial

  3. Transform Dull Photos into Vibrant Masterpieces with Photoshop's LAB Mode

  4. Master Smart Objects in Photoshop: Ultimate Guide to Nondestructive Editing

  5. 13 Expert Tips for Mastering Curves in Photoshop

Adobe Photoshop
  1. How to Fix Underexposed & Overexposed Photos with Photoshop Levels

  2. Master Content-Aware Scale in Photoshop CS4: Intelligent Image Resizing

  3. Revive Underexposed Photos: Master Photoshop Levels for Perfect Exposure

  4. Create Simple Photoshop Composites: Step-by-Step Beginner Tutorial

  5. Master Exposure Fixes: Using Contrast Masks in Photoshop

  6. 5 Expert GIMP Tips to Supercharge Your Image Editing

  7. Master Creative Textures in Photoshop: Pro Step-by-Step Tutorial

  8. Master Multi-Layer Photo Editing in Photoshop: Essential Pro Tips