How To Use Gradient Maps In Photoshop

Gradient maps change the colors of images in various creative ways. In this article, you will learn how gradient maps work and how to use gradient maps in Photoshop correctly. The key to creating a good gradient map is blending the colors into the image using opacity and blend modes. Luckily it’s all very simple to do!

What Are Gradient Maps For In Photoshop?

In simple terms, a gradient map is composed of two or more colors that replace an image’s original colors. The gradient map tracks the luminance values of an image and determines what gradient color each area will receive. For example, color A fills shadows, whereas color B fills highlights.

For example, the darker shade of blue filled the shadows in the image below, while the lighter blue filled the highlights. 

You can’t achieve such effects using the Gradient Fill Tool since it doesn’t consider an image’s luminance values. Instead, it just applies gradients in a linear or radial direction.

Here are some things you can do with gradient maps:

1. Create black and white images: gradient maps allow you to create high-quality black and white photos because you can precisely control where the whites, blacks, and grays go.

2. Creatively color-grade photos: you can use gradient maps to create various color effects, including cinematic effects.

3. Change the mood of your photos: you can completely change the vibe of your image using gradient maps. For example, you can turn a lively photo with warmer tones into an image with a more gloomy feel. 

4. Make the existing colors of an image stand out: If your photo has a sunset, for example, you can enhance its yellow and orange tones using gradient maps.

How To Access The Gradient Map Tool

You can find the Gradient Map Tool within the Adjustment Layer options at the bottom of the Layers panel.

 Gradient maps also appear in the Adjustments panel, represented by a gradient icon.

 Alternatively, activate the Gradient Map Tool via Layer > New Adjustment Layer > Gradient Map.

How To Use Gradient Maps In Photoshop

Once you enable the Gradient Map Tool, your image colors will turn black and white, which are the default gradient map colors.

Simultaneously, the Properties panel pops up, containing a gradient map bar.

Click the gradient map bar twice to select colors other than black and white. You can find several gradient map presets within the Gradient Editor panel.

You can also create your own gradients using the gradient map bar. 

The little boxes at the bottom of the gradient bar represent the gradient colors. You can change any color by clicking its corresponding box (color stop).

Once you click the color stop, the color swatch is enabled. You can click the swatch to open the color picker and choose any color you want for the color stop.

When choosing colors for the gradient map, opt for colors that go well together, such as complementary colors. If you can’t think of good color combinations, use an online color palette generator, such as Adobe Color.

To add more colors to your gradient, click the part of the gradient to which you want to add colors. This will create a new stop.

You can add as many colors as you want to your gradient map. 

To delete a stop, select it and then click Delete at the bottom of the Gradient Editor panel.

The Importance Of Blend Modes And Layer Opacity For Gradient Maps

Changing blend modes and adjusting layer opacity make gradient colors blend nicely with your image.

Blending modes blend pixels of two layers, controlling where there is more or less light. Thus, your image can look brighter or darker, depending on your selected blend mode. This allows you to bring attention to different areas of your image.

Some blend modes usually work well with gradient maps.

For instance, choose the Color blend mode to preserve your image’s original luminance values. 

To let the gradient map determine your gradient’s luminance values, choose Normal

Although the gradient map uses your image as a reference for luminance, the outcome is usually slightly different from the original luminance values of your image. 

For an image with more contrast, use Overlay. This blend mode lightens bright areas and darkens dark areas. 

These are some blend modes that work well with gradient maps. You can experiment with other blend modes for different effects. 

Changing the opacity of layers is also essential when applying gradient maps. This is because you can soften the effect by decreasing the opacity of the gradient map layer. 

The Opacity slider is located in the top right corner of the Layers panel. To decrease a layer opacity, drag the opacity slider to the left.

Half of the original layer colors are kept by lowering the opacity to 50%, and 50% of the gradient map colors appear.

How To Color Grade A Photo Using Gradient Maps

Now that you know how a gradient map works and what to consider when applying such an effect, I will show you how to color grade your photos in three simple steps.

When adding a gradient map, the first step is to choose the gradient map colors. To do this, click the Gradient Map icon in the Adjustments panel.

Then, double-click the Gradient Map bar.

Now, add colors to your gradient. In my case, I filled the gradient bar with three colors. 

In the shadows (left side), I put a darker blue tone (#122640). In the mid-tones, I put a grayish blue (#234459), and in the highlights, I put a light shade of blue (#95b8bf). I chose such colors because I wanted to give my image colder tones since its original warm tones didn’t fit its mood.

You can learn how to change the colors of the stops or add additional stops in the previous section of this tutorial. When you are done choosing your gradient colors, click OK.

Now, choose a blend mode for your gradient map. To do this, select one of the options available in the Blend mode drop-down menu. In my case, I chose Overlay.

Finally, adjust the opacity of the gradient map layer. Remember that the lower the opacity, the more the original layer colors appear, and the gradient will be more integrated with the image environment. I set mine to 50%.

How To Save Gradient Map Presets 

After creating your gradient map, it’s a good idea to save it for later use. To do this, keep the Gradient Editor panel open after creating your gradient. Then click on New.

Your new gradient preset will be saved successfully and appear at the bottom of the gradient map presets. The new preset will be there when you open the Gradient Editor panel.

Ultimately gradient maps are a great way to color grade images in Photoshop with extreme control over the color. Then with the help of blending modes and opacity settings, you can refine your gradient maps to blend more realistically into your photos!

Happy Editing!

Article By

Brendan Williams

Hey, I'm Brendan! I'm a professional photographer and photo retoucher who has spent the majority of his career shooting or retouching outdoor lifestyle and social media campaigns for brands like G-Adventures, xoxo Bella, P&G, Fitbit, Chevy, Tourism California, and more. These days I primarily focus my efforts on this site, creating guides and tutorials that I wish I had earlier in my career. Each week I publish new tutorials on Photography, Photoshop, Lightroom, and Canva to help you unlock new skills and bring your creativity to new levels! Everything you learn here is backed by real experience, so you can finally skip the fluff and focus only on what matters.

Continue Reading:

How To Invert Colors In Photoshop

Learn how to quickly invert the colors of an image or a layer mask in Photoshop along with tips to selectively invert your colors instead!

How To Invert A Selection In Photoshop

Learn the importance of learning to invert a selection in Photoshop with the help of simple keyboard shortcuts and several other methods.

How To Use The Gradient Tool In Photoshop

Learn the ins and outs of how to use the gradient tool in Photoshop with useful tips to help make the most of this impressive tool!

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Use Dehaze In Lightroom

Learn how to use dehaze in Lightroom along with five different ways you can use the dehaze tool to improve your images in Lightroom.

35+ Best Fonts For Logos In Canva

Here's a list of the best fonts for logos in Canva to help give you inspiration in your next logo design!

How To Create Curved Text In Canva

Learn how to quickly create curved text in Canva desktop and mobile with just a few clicks to spruce up any design!

35 Best Fonts For Teachers In Canva

Discover the best fonts for teachers in Canva to help with your next worksheet or presentation for your class!

The 9 Best SD Cards For Sony

Discover the best SD cards for Sony to find the most reliable and best valued memory cards for your photo and video needs.

The Best Canon Lens For Low Light (10 Top Picks)

Get a complete view of the best Canon lenses for low light photography and video along with tips to make the right buying decision.

Affinity Photo VS Photoshop – Which Should You Choose?

Let's take a deep look at the similarities and differences between Affinity Photo and Photoshop to see which program you should pick.