PS Lesson 35 — Adjustment: Gradient Map

Photoshop · Lesson 35

Map Your Shadows to Midnight Blue.
Map Your Highlights to Gold.

Gradient Map replaces the luminosity values of your image with colors from a gradient — the darkest shadows become the leftmost gradient color, the brightest highlights become the rightmost. Everything in between is interpolated across the gradient. It's the tool for duotones, cinematic split-toning, and creative colorization.

🎨

Tone Replacement

Maps luminosity to color. Shadows get the left gradient color. Highlights get the right. Midtones get everything between.

🎬

Duotones

Black-to-color gradient = true duotone effect. Dark tones black, highlights any warm color. Classic darkroom look in seconds.

🌙

Split-Tone

Cool color left → warm color right = cinematic split-tone. Midnight blue shadows, gold highlights. The blockbuster film look.

🎨 Gradient Map doesn't adjust existing colors — it replaces them based on luminosity. It's a fundamentally different kind of tool from everything else in the adjustment layer set.

Foundations

What Gradient Map Does

Gradient Map reads the luminosity value of every pixel and replaces it with the corresponding color from a gradient. The darkest pixels (luminosity 0) get the leftmost color. The brightest pixels (luminosity 255) get the rightmost color. Midtones map to the gradient's middle.

⬛

Shadows → Left Color

The darkest pixels in your image receive the color on the left end of the gradient. For a classic duotone: left = black or very dark color.

→

⬜

Highlights → Right Color

The brightest pixels receive the color on the right end. For a warm duotone: right = gold, amber, sepia. For split-tone: right = warm orange or cream.

🎨

Luminosity, Not Color

Gradient Map reads luminosity — the brightness of each pixel — not its color. A bright red and a bright blue at the same luminosity value get the same gradient color. A dark green and a dark orange at the same luminosity get the same gradient color. The map is driven entirely by tone, not hue. This is why it works on both color and B&W images.

🧠 Gradient Map is a luminosity-to-color mapping. Shadows = left gradient. Highlights = right gradient. The smoothness of the mapping depends on the smoothness of the gradient — a gradient with many color stops creates a complex, multi-toned result.

Workflow

How to Create a Gradient Map Adjustment Layer

A

Layer Menu → New Adjustment Layer → Gradient Map

Layer → New Adjustment Layer → Gradient Map. Press OK. Properties panel opens showing the gradient swatch, the Dither checkbox, and the Reverse checkbox. The image immediately applies the current foreground-to-background gradient.

B

Adjustments Panel → Gradient Map Icon

Window → Adjustments. Click the Gradient Map icon (a gradient bar). Creates the layer instantly with Properties open. The default gradient is typically Foreground to Background based on your current color swatches.

C

Layers Panel → Half-Moon → Gradient Map

Half-moon icon at the bottom of the Layers panel → Gradient Map. Same result. Double-click the adjustment layer icon at any time to reopen Properties and change the gradient or settings.

💡

Set Black/White Swatches First

Before creating a Gradient Map, press D to reset your foreground/background swatches to black and white. The default Foreground to Background gradient will then be Black to White — the most useful starting point. Click the gradient swatch in Properties to open the Gradient Editor and change it.

✅ Create a Gradient Map with default Black to White — then click the gradient swatch to open the Gradient Editor and customize. That's the complete workflow for any Gradient Map effect.

Core Controls

The Properties Panel

The Gradient Map Properties panel is minimal — just a gradient swatch and two checkboxes. But each element matters.

▬

The Gradient Swatch

The horizontal gradient bar shows the current gradient mapped to your image. Left = shadows, right = highlights. Click the swatch itself (not the dropdown arrow) to open the Gradient Editor where you customize colors and color stops. Click the dropdown arrow to choose from preset libraries.

≈

Dither Checkbox

Dither adds very slight noise to smooth out gradient transitions, reducing visible banding where colors transition. Leave it checked. It slightly roughens gradient edges in an invisible way that prevents posterization-style banding in smooth tonal gradients — especially visible in large sky areas.

⇄

Reverse Checkbox

Flips the gradient direction — the left color now maps to highlights, the right color to shadows. For a Black to Gold gradient: normal = black shadows, gold highlights. Reversed = gold shadows, black highlights. Useful for quick inversion without rebuilding the gradient.

💡 Dither: leave checked. Reverse: use to flip the effect instantly. The gradient swatch is where 90% of your creative work happens — click it to open the Gradient Editor and change colors, add stops, move stops.

Quick Start

Using Existing Gradients

Photoshop ships with gradient presets — some are immediately useful for photography work. Click the dropdown arrow next to the gradient swatch to browse them.

⬛

Black to White — The Default Foundation

The most important starting gradient. Maps shadows to black and highlights to white — essentially converts the image to grayscale based on luminosity. From here you can edit the gradient: change the right stop from white to any warm color and you instantly have a duotone.

🌅

Photographic Toning Presets

Photoshop includes a "Photographic Toning" gradient preset pack. Load it via the gradient picker menu (gear icon → Photographic Toning). It contains sepia, cyanotype, gold toning, platinum, and other classic darkroom toning looks — immediately usable as Gradient Map gradients.

⚡

Foreground to Transparent

With your foreground color set to a warm or cool color, Foreground to Transparent gradient creates a tinted shadow effect — the color applies to shadows and fades to the original image in the highlights. A quick way to add shadow toning without touching the highlights.

🎨 The Photographic Toning preset pack contains 37 gradients designed specifically for photographic toning effects. It's worth loading immediately — these presets alone cover sepia, selenium, cyanotype, gold, platinum, and dozens of combinations.

Core Skill

Editing the Gradient — The Gradient Editor

Clicking the gradient swatch opens the Gradient Editor — the control center for creating custom Gradient Map effects. Understanding the Editor unlocks the full creative potential of the tool.

▼

Color Stops — Below the Gradient Bar

Small squares below the gradient bar are color stops — they define the colors in the gradient. Click a stop to select it. Double-click to open the color picker and change its color. Drag a stop left or right to move it (changing where that color appears in the luminosity range).

+

Adding Color Stops — Click Below the Bar

Click anywhere below the gradient bar to add a new color stop at that position. A new stop appears with the color at that gradient point. Double-click to change its color. This is how you go from a two-color gradient to a complex multi-color toning effect.

−

Deleting Stops — Drag Away from the Bar

To delete a color stop: select it, then drag it away from the gradient bar and release. It disappears. Or select the stop and press Delete. The gradient smoothly interpolates between the remaining stops.

💾

Save Custom Gradients

Once you've built a gradient you like, click New in the Gradient Editor to save it as a preset. Give it a name. It appears in your gradient library for future use. Build a personal library of toning gradients you return to regularly.

🧠 The Gradient Editor is the heart of Gradient Map. Understanding how to add, move, delete, and color stops gives you complete creative control — any toning effect, duotone, or split-tone is achievable by building the right gradient.

Recipe

Classic Duotone Recipe

A duotone uses exactly two colors — one for the shadow zone, one for the highlight zone. In traditional darkroom printing, duotones were created with two-color printing plates. Gradient Map recreates this effect non-destructively in seconds.

1

Create a Gradient Map Layer

Add the adjustment layer. The default Black to White gradient is already your starting point — it maps shadows to black and highlights to white, which is essentially a B&W conversion.

2

Open the Gradient Editor — Change the Right Stop

Click the gradient swatch. In the Gradient Editor, double-click the right color stop (the highlights end). Change it from white to your warm duotone color: golden amber (#D4A045), sepia (#A0704A), warm cream (#F0E8CC), or burnt orange (#CC6020). Click OK.

3

The Result — Dark Tones Black, Highlights Warm

The image now shows deep blacks in the shadow areas and your warm color in the highlights, with a smooth tonal graduation between them. This is a true duotone. The dark structural areas anchor the image in black, while the warm tone provides the artistic coloration in the lights.

4

Optional — Change the Left Stop Too

For a richer duotone character, change the left stop from pure black to a very dark version of your warm color (#1A0800 for dark brown-black, or #050515 for dark navy-black). The shadow areas pick up a slight color cast, making the duotone feel less digital and more organic.

🎨 Black-to-Gold, Black-to-Sepia, Black-to-Amber — these are all duotone looks achievable in under 30 seconds with a Gradient Map. Change the right stop color and the entire character of the image transforms.

Recipe

Split-Tone Recipe — The Cinematic Look

A split-tone places a cool color in the shadows and a warm color in the highlights — or vice versa. It's the signature look of cinematic color grading, music video photography, and editorial fashion work.

1

Create a Gradient Map — Open Gradient Editor

Add a Gradient Map adjustment layer. Click the gradient swatch to open the Gradient Editor. You'll build a two-stop gradient from scratch for maximum control over the split-tone.

2

Left Stop — Cool Shadow Color

Double-click the left color stop. Set it to a cool, dark color: midnight blue (#0D1B2A), deep teal (#0A2030), dark navy (#080820), or steel blue-black (#101820). This is the color your deepest shadows will become.

3

Right Stop — Warm Highlight Color

Double-click the right color stop. Set it to a warm, bright color: gold (#F0C060), warm cream (#F8ECC8), amber (#E8A040), or burnt sienna (#D07840). This is the color your brightest highlights will become. The gradation between the two is your midtone transition.

4

Apply at Luminosity Mode — Then Adjust Opacity

Change the Gradient Map layer blending mode to Luminosity. Now the gradient applies the luminosity structure of its colors without replacing the original image hues — a more nuanced effect. Or try Soft Light mode for a different character. Reduce opacity to 50–80% to blend the effect with the original image.

🎬 Midnight blue shadows + gold highlights at Soft Light mode, 60% opacity = the cinematic look used in blockbuster films, music videos, and fashion editorial. Two gradient stops, one blending mode, one opacity slider.

Advanced Technique

Controlling Blending Mode

Gradient Map in Normal mode at 100% opacity fully replaces the image with the gradient colors. But changing the blending mode changes the relationship between the Gradient Map and the original image — producing dramatically different and often more useful results.

💡

Luminosity Mode

Applies the luminosity of the gradient colors — not the hue or saturation. Result: the gradient affects only brightness, leaving the original image's color and saturation in place. Great for tonal contrast enhancement without color replacement.

vs

🎨

Color Mode

Applies the hue and saturation of the gradient colors — not the luminosity. Result: the gradient colors tint the image while the original luminosity structure is preserved. Great for colorization and toning without altering tonal contrast.

🎭

Soft Light / Overlay Mode

These blending modes blend the Gradient Map with the original image in a contrast-enhancing way. Soft Light at 50–70% creates a subtler, more integrated color grade — the original image shows through clearly while the gradient tones the image gently. Overlay is stronger and more contrasty.

💡 Try every blending mode on your Gradient Map layer before settling. Normal, Luminosity, Color, Soft Light, and Overlay each produce a completely different creative result from the same gradient. The blending mode is the second creative variable after the gradient itself.

Control

Gradient Map Opacity for Subtlety

A Gradient Map at 100% opacity completely replaces the image tonality with the gradient colors. Reducing layer opacity blends the gradient effect with the original image — creating a color grade that can be as subtle or as bold as you want.

100%

Full Replacement — Duotone or Toned B&W

At 100% opacity, the Gradient Map completely controls the image's color. The original photograph's color information is entirely replaced by the gradient. Used for true duotones, full tonal conversions, or heavy stylized color treatments where the original hues are intentionally discarded.

50%

Blended Color Grade — Film Look

At 30–60% opacity, the gradient tones the image while the original colors show through. This produces the look of a color grade rather than a complete replacement — the original sky is still blue, the skin is still skin-toned, but a warm-shadows/cool-highlights gradient is shaping the overall feel.

15%

Invisible Tinting — Mood Without Obvious Color

At 10–20% opacity, the Gradient Map effect is barely visible — a very subtle warmth in the highlights, a slight cool in the shadows. The image feels like it has a certain mood without any obvious color manipulation. Perfect for photographers who want 'invisible' processing.

🎚️ 100% opacity = full tonal replacement. 50% = obvious color grade. 15–20% = invisible mood tinting. The same gradient can serve three completely different creative purposes depending solely on the opacity setting.

Comparison

Gradient Map vs. Color Lookup vs. Photo Filter

GM

Gradient Map — Luminosity-to-color mapping

Maps luminosity values to gradient colors. Complete tonal replacement at 100%. Fully customizable gradient — any colors, any stops. Blending mode + opacity control the integration. Best for: duotones, cinematic split-tones, tonal colorization, film stock emulation.

CL

Color Lookup (3D LUT) — Complex color transformation

Applies a 3D color lookup table — transforms every pixel's RGB value according to a complex mathematical mapping. Not limited to luminosity — each specific input color maps to a specific output color. Best for: applying film stock emulations, professional color grade presets, complex simultaneous hue+tone+saturation transformations.

PF

Photo Filter — Global tint, one color

Applies a single color tint uniformly across the entire image at an adjustable density. Simpler than Gradient Map — no luminosity mapping, no gradient. Best for: fast global warming/cooling, color matching across a series, single-color mood shifts.

🧭

Which to Reach For

Build a duotone or custom split-tone → Gradient Map. Apply a film stock preset or complex color transformation → Color Lookup. Quickly warm or cool the whole image with one color → Photo Filter. Gradient Map is the most customizable; Color Lookup is the most powerful for presets; Photo Filter is the fastest for single-color tinting.

🧠 Gradient Map sits between Photo Filter (simplest) and Color Lookup (most complex). Use it when you want luminosity-based toning that you can design yourself — not a preset, not a single color, but a custom gradient applied to tonal zones.

Challenge

Practice — Split-Tone and Blending Modes

1

Open a B&W or Desaturated Image

Use a black and white image, or desaturate a color photograph first (add a Hue/Saturation layer, Saturation −100). A desaturated image shows Gradient Map's effect most clearly — without competing hues, you see exactly how the gradient maps to tonal zones.

2

Build a Split-Tone Gradient Map

Add a Gradient Map. Open the Gradient Editor. Left stop: deep midnight blue (#0D1B2A). Right stop: warm gold (#F0C060). Watch the image transform — dark areas go cool, bright areas go warm. This is the cinematic split-tone. Toggle it on/off to compare.

3

Try Luminosity Mode at 70% Opacity

Change the Gradient Map layer blending mode to Luminosity. Reduce opacity to 70%. The split-tone effect becomes more subtle — the gradient's luminosity relationship is applied without fully replacing the image hues. Compare this to the full Normal mode 100% effect.

4

Switch to Soft Light Mode — Compare the Characters

Change blending mode to Soft Light. Keep opacity at 70% or try 50–60%. The Soft Light mode blends the gradient into the image in a more integrated, contrast-enhancing way — different from Luminosity. Which character suits your image better? Be ready to share your choice and why.

💡 Bonus: after the exercise, apply the same gradient to a full-color image (not desaturated). The split-tone effect interacts with the existing hues in surprising ways — the original colors show through under the gradient toning.

Lesson 35 Complete

Seven Things to Know About Gradient Map

🎨

What It Does

Maps luminosity to gradient colors. Shadows = left stop. Highlights = right stop. Midtones = in between.

🖋️

Gradient Editor

Click swatch to open. Add/move/delete color stops. Double-click a stop to change its color.

⇄

Dither + Reverse

Dither: leave checked. Reverse: flips shadow/highlight mapping for instant inversion.

🎬

Duotone Recipe

Left = black. Right = warm color (gold, sepia, amber). Clean duotone in under 30 seconds.

🌙✨

Split-Tone Recipe

Left = midnight blue. Right = gold. Soft Light mode, 60–70% opacity = cinematic look.

%

Opacity Ranges

100% = full replacement. 30–60% = color grade. 10–20% = invisible tinting.

Up Next

Lesson 36 Coming Soon — Stay Tuned

The adjustment layer series continues. Lesson 36 is on its way — check back for the next installment. In the meantime, practice what you've learned in Lessons 33–35: Threshold, Selective Color, and Gradient Map form a powerful creative toolkit together.