How to Add a Gradient in Photoshop

How to Add a Gradient in Photoshop

Most people meet gradients as a way to fill a background and never go further. Used properly they are one of the best tools in Photoshop for shaping light — deepening a flat sky, drawing attention to a subject, or building a sun flare that looks like it belongs in the photograph.

The technique in all three cases is the same: a simple gradient, plus the right blend mode. The blend mode is what turns a colored smear into something that reads as light. This tutorial covers three practical uses; for the mechanics of the tool itself, see our guide to using the Gradient Tool in Photoshop.

Deepening a Flat Sky

Skies photograph paler than they look, particularly toward the top of the frame. A gradient restores the depth.

1. Select the sky with Color Range

   Go to Select, then Color Range, and click the sky. Set the Selection Preview to Grayscale so you can see exactly what is being selected against the rest of the image.

2. Tune the Fuzziness slider

   Raise it until the sky is fully white in the preview but the horizon has not started bleeding in. This is the whole accuracy of the technique, so take a moment over it.

3. Press G and drag a blue gradient downward

   Start at the top of the frame and release around the horizon. Because the selection is active, the gradient only lands on the sky.

4. Set the blend mode to Overlay

   This is what stops it looking like paint.

Why Overlay rather than Normal

Normal mode covers the sky with flat color and destroys the cloud detail underneath. Overlay works with the existing tones — it deepens what is already dark and leaves the bright areas comparatively alone, so clouds keep their shape and the sky simply gains density.

Because gradients now stay live, you can double-click a color stop afterward and change the blue, or drag the endpoints to adjust where the deepening starts and stops, without redrawing anything.

Drawing the Eye to Your Subject

This is a more controlled alternative to a standard vignette. Instead of darkening the corners, you brighten around the subject and darken the outer frame separately, which gives you far more say over where attention lands.

1. Set the foreground color to white and choose Foreground to Transparent

   Fading to transparent rather than to a second color is what lets the image show through.

2. Drag a radial gradient outward from your subject

   Start on the subject and pull outward. You get a soft pool of light centered on them.

3. Set the blend mode to Soft Light

   Soft Light brightens gently and keeps texture. Normal would wash the area out flat.

4. Mask the gradient off the subject

   Run Select, then Subject, then fill that selection with black on the gradient layer’s mask. The glow now sits around them rather than over them, which is what makes it read as light in the scene rather than a haze on top of it.

5. Press Ctrl or Cmd + D to deselect

   Then duplicate the layer with Ctrl or Cmd + J if you want the effect stronger.

For the outer frame, add a second gradient — this time dark, radial, running inward from the edges, also on Soft Light at low opacity. Group the whole set with Ctrl or Cmd + G so you can toggle and fade the effect as a unit.

Build it up in layers

Two subtle gradients stacked look considerably better than one strong one. Each pass adds a little, and duplicating a layer you already like is faster and more controllable than trying to get the intensity right in a single drag.

Building a Sun Flare

This is the most fun of the three and the one where the blend mode is doing the most work.

1. Pick warm colors

   Orange and yellow. Sampling them from the existing highlights in your image keeps the flare consistent with the scene.

2. Drag a radial gradient outward from where the light source should sit

   Usually just inside a corner or behind the subject.

3. Set the blend mode to Screen

   Screen treats black as completely transparent, so only the bright parts of your gradient survive. This single property is what makes it the correct mode for anything that emits light.

4. Add color stops along the gradient

   Click anywhere on the gradient line to add a stop, and drag one away to remove it. Several warm stops at different positions produce the banding and color shift that real flares have.

5. Reduce the opacity

   Build it at full strength so you can see what you are doing, then pull it well back. Press Ctrl or Cmd + H to hide the on-canvas controls while judging the result.

Match the direction

A flare has to agree with the light already in the photograph. If the shadows fall to the left, the flare belongs on the right. Getting this wrong is the fastest way to make an otherwise convincing effect look pasted on — and it is worth checking before spending time refining the colors.

The Thread Running Through All Three

Every one of these techniques is an ordinary gradient made convincing by a blend mode:

Overlay deepens and intensifies while preserving detail — for adding density to something that already exists, like a sky.
Soft Light brightens or darkens gently with texture intact — for shaping attention without flattening the image.
Screen only ever lightens and drops black entirely — for anything that emits light.

Set any of these to Normal and you get a colored shape sitting on top of a photograph. That difference, rather than anything about the gradient itself, is what separates work that looks lit from work that looks filtered.

Keeping It Subtle

The common failure with all three is going too far. Gradients are easy to apply and the effect is immediately gratifying, which makes it tempting to push.

Two habits help. Build at full strength so you can judge placement, then reduce opacity until you are not quite sure it is there — that is usually the right level. And toggle the layer or group off and on regularly, because your eye adjusts to an effect within seconds of applying it and stops registering how strong it has become.

Quick Reference: Keys, Menus and Settings

• Gradient ToolG, then Gradient (not Classic gradient) in the options bar
• Select the skySelect > Color Range, Selection Preview: Grayscale, adjust Fuzziness
• Deepen the skyLinear, top to bottom, blend mode Overlay; double-click a color to change it
• Glow behind the subjectBasics > Foreground to Transparent, Radial, white, Soft Light; Edit > Fill, Contents: Black on the mask
• Start a new gradientShift-drag; black plus Reverse in the options bar darkens the edges
• Duplicate and groupCmd/Ctrl + J to duplicate, Cmd/Ctrl + G to group
• Sun flareOranges, Radial, blend mode Screen, outer color black; Cmd/Ctrl + H hides the controls

No generative AI and no generative credits.