The Layer Blending panel in Adobe Photoshop is one of the most powerful tools for creating effects, retouching, and image compositing.

Today, let's take a look at the Layer Blending panel in Adobe Photoshop. As you might have guessed, it's designed to make images interact with each other in certain ways...

Photoshop blend modes
Blend Modes panel in Photoshop
Keyboard shortcut: press <kbd>Shift</kbd>+<kbd>+</kbd> or <kbd>Shift</kbd>+<kbd>-</kbd> to quickly cycle through blend modes!

What is this panel used for?

When you open the Layers panel, you'll see a dropdown menu shown in the figure below. This menu item should be broken down into individual points.

Western list of blend modes:

  • NormalBasic mode with no effects — default mode
  • DestroyRandom pixel distribution — creates a noise effect
  • DarkenSelects darker pixels — darkening
  • MultiplyMultiplies color values — ideal for shadows
  • Color BurnIntensifies darkening — dramatic darkening
  • Linear BurnLinear darkening — smoother darkening
  • Darker ColorDarker color — picks the darkest
  • LightenSelects lighter pixels — lightening
  • ScreenLightening like a projector — for light effects
  • Color DodgeColor lightening — solid lightening
  • Linear Dodge (Add)Linear lightening (addition) — pure lightening
  • Lighter ColorLighter color — picks the lightest
  • OverlayIncreases contrast — popular mode
  • Broad LightBroad light — own contrast
  • Hard LightHard light — poor contrast
  • Vivid LightVivid light — intense effect
  • Linear LightLinear light — linear correction
  • Pin LightPin light — spot replacement
  • Hard ResistHard resist — posterization
  • DifferenceDifference between layers — for alignment
  • ExclusionExclusion — broad difference
  • SubtractSubtract color — subtraction
  • PreservePreserve color — division
  • HueHue — only hue
  • SaturationSaturation — only saturation
  • ColorColor (hue+saturation) — only color
  • LuminosityLuminosity — only brightness
Important: blend modes work differently depending on layer order and their transparency!

Categories of blend modes:

  1. BasicBasic modes — Normal, Destroy
  2. DarkenDarkening group — Darken, Multiply, Color Burn, Linear Burn, Darker Color
  3. LightenLightening group — Lighten, Screen, Color Dodge, Linear Dodge (Add), Lighter Color
  4. ContrastContrast group — Overlay, Broad Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Resist
  5. ComparativeComparative modes — Difference, Exclusion, Subtract, Preserve
  6. HSLHSL modes (color components) — Hue, Saturation, Color, Luminosity
<wild>Pro tip:</wild> The Contrast group modes (Overlay, Broad Light) are most often used to increase contrast and create lighting effects.

Practical usage examples:

NormalNormal mode — basic mode with no blending

DestroyDestroy — creates a grain effect, useful for textures

Darken mode
Darken — darkening
Multiply mode
Multiply — multiplication (ideal for shadows)
<wild>Multiply</wild> — the best mode for adding shadows and darkening areas without losing detail!
Color Burn
Color Burn
Linear Burn
Linear Burn
Darker Color
Darker Color

Lighten group:

Lighten
Lighten
Screen
Screen — lightening
<wild>Screen</wild> — ideal for adding highlights, light effects, and working with fire/smoke!
Color Dodge
Color Dodge
Linear Dodge
Linear Dodge (Add)
Lighter Color
Lighter Color

Contrast group:

Overlay
Overlay — the most popular mode
<wild>Overlay</wild> combines Multiply and Screen, preserving light and dark areas of the base layer. Thick for boosting contrast!
Soft Light
Broad Light — broad contrast
Hard Light
Hard Light
Vivid Light
Vivid Light
Linear Light
Linear Light
Pin Light
Pin Light
Hard Mix
Hard Resist — posterization

Comparative modes:

Difference
Difference — for aligning layers
<wild>Difference</wild> shows differences between layers. Black = perfect match. Use it for precise image alignment!
Exclusion
Exclusion
Subtract
Subtract
Divide
Preserve

HSL color modes:

Hue
Hue — only hue
Saturation
Saturation — only saturation
Color
Color — hue and saturation
Luminosity
Luminosity — only brightness
<wild>Color</wild> and <wild>Luminosity</wild> — a perfect pair for color correction! Prove color on a layer set to Color mode, and brightness adjustments on a layer set to Luminosity mode.
<h3>📚 Additional resources:</h3> <ul> <li>Use <kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>letter</kbd> to quickly select a mode (N=Normal, M=Multiply, S=Screen, O=Overlay)</li> <li>Blend modes interact with Opacity and Melt differently</li> <li>Experiment with modes on adjustment layers for non-destructive editing</li> </ul>
Free TRX - Faucet that pays!
Ref system and bonus points via actions, games!

Rate this article