Explanation of Photoshop Blend Modes

The definitions used here are from the Photoshop help files, with a few bits of added explanation where I saw fit to add them.

The Blend Modes specified in the options bar control how pixels in two separate layers interact with and effect each other. It’s helpful to think in terms of the following colors when visualizing a blending mode’s effect:

  • The base color is the original color in the bottom layer.
  • The blend color is the color being applied by the upper layer.
  • The result color is the color resulting from the blend.

Explanation of Photoshop Blend Modes - menu

I decided to use two different examples for this demonstration. The first gives you an example of a simple photo with a complex and colorful texture while the second gives you a complex photo with a simple texture. This should give you a better visual of exactly what each mode does.

Remember that to get better results you can also adjust the opacity of the upper layer.

Explanation of Photoshop Blend Modes - sidebyside

Download Texture | Download Image

Explanation of Photoshop Blend Modes - sidebyside2

Download Texture | Download Image

Basic Modes

Normal

Normal edits or paints each pixel to make it the result color. Basically, we aren’t getting any kind of effect here since both of our images are fully opaque. We’re just seeing the image on the upper layer. This is the default mode for every new layer.

Explanation of Photoshop Blend Modes - normal

Explanation of Photoshop Blend Modes - normal2

Dissolve

Dissolve edits or paints each pixel to make it the result color. However, the result color is a random replacement of the pixels with the base color or the blend color, depending on the opacity at any pixel location. Dissolve only effects images with semi-transparent pixels, if the entire layer is opaque (as our images are) it will have no effect. This isn’t an option I ever use and figure most other designers are the same.

Darken Modes

Each of these blend modes gives the effect of darkening the image. You’ll notice that the darken modes tend to work better for the simple photo / complex texture combination.

Darken

Darken looks at the color information in each channel and selects the base or blend color – whichever is darker – as the result color. Pixels lighter than the blend color are replaced, and pixels darker than the blend color do not change.

Explanation of Photoshop Blend Modes - darken

Explanation of Photoshop Blend Modes - darken2

Multiply

Multiply looks at the color information in each channel and multiplies the base color by the blend color. The result color is always a darker color. Multiplying any color with black produces black. Multiplying any color with white leaves the color unchanged.

Explanation of Photoshop Blend Modes - multiply

Explanation of Photoshop Blend Modes - multiply2

Color Burn

Color Burn looks at the color information in each channel and darkens the base color to reflect the blend color by increasing the contrast. Blending with white produces no change.

Explanation of Photoshop Blend Modes - colorburn

Explanation of Photoshop Blend Modes - colorburn2

Linear Burn

Linear Burn looks at the color information in each channel and darkens the base color to reflect the blend color by decreasing the brightness. Blending with white produces no change.

Explanation of Photoshop Blend Modes - linearburn

Explanation of Photoshop Blend Modes - linearburn2

Lighten Modes

Each of these blend modes gives the effect of lightening the image. You’ll notice that the lighten modes tend to work better for the complex photo / simple texture combination.

Lighten

Lighten looks at the color information in each channel and selects the base or blend color – whichever is lighter – as the result color. Pixels darker than the blend color are replaced, and pixels lighter than the blend color do not change.

Explanation of Photoshop Blend Modes - lighten

Explanation of Photoshop Blend Modes - lighten2

Screen

Screen looks at each channel’s color information and multiplies the inverse of the blend and base colors. The result color is always a lighter color. Screening with black leaves the color unchanged. Screening with white produces white. The effect is similar to projecting multiple photographic slides on top of each other.

Explanation of Photoshop Blend Modes - screen

Explanation of Photoshop Blend Modes - screen2

Color Dodge

Color Dodge looks at the color information in each channel and brightens the base color to reflect the blend color by decreasing the contrast. Blending with black produces no change.

Explanation of Photoshop Blend Modes - colordodge

Explanation of Photoshop Blend Modes - colordodge2

Linear Dodge (Add)

Linear Dodge (Add) looks at the color information in each channel and brightens the base color to reflect the blend color by increasing the brightness. Blending with black produces no change.

Explanation of Photoshop Blend Modes - lineardodgeadd

Explanation of Photoshop Blend Modes - lineardodgeadd2

Contrast Modes

Each of these blend modes both darken and lighten aspects of the image, boosting the contrast.

Overlay

Overlay multiplies or screens the colors, depending on the base color. Patterns or colors overlay the existing pixels while preserving the highlights and shadows of the base color. The base color is not replaced, but mixed with the blend color to reflect the lightness or darkness of the original color.

Explanation of Photoshop Blend Modes - overlay

Explanation of Photoshop Blend Modes - overlay2

Soft Light

Soft Light darkens or lightens the colors, depending on the blend color. The effect is similar to shining a diffused spotlight on the image. If the blend color (light source) is lighter than 50% gray, the image is lightened as if it were dodged. If the blend color is darker than 50% gray, the image is darkened as if it were burned in. Pure black or white produces a distinctly darker or lighter area, but does not result in pure black or white.

Explanation of Photoshop Blend Modes - softlight

Explanation of Photoshop Blend Modes - softlight2

Hard Light

Hard Light multiplies or screens the colors, depending on the blend color. The effect is similar to shining a harsh spotlight on the image. If the blend color (light source) is lighter than 50% gray, the image is lightened, as if it were screened. This is useful for adding highlights to an image. If the blend color is darker than 50% gray, the image is darkened, as if it were multiplied. This is useful for adding shadows to an image. Pure black or white results in pure black or white.

Explanation of Photoshop Blend Modes - hardlight

Explanation of Photoshop Blend Modes - hardlight2

Vivid Light

Vivid Light burns or dodges the colors by increasing or decreasing the contrast, depending on the blend color. If the blend color (light source) is lighter than 50% gray, the image is lightened by decreasing the contrast. If the blend color is darker than 50% gray, the image is darkened by increasing the contrast.

Explanation of Photoshop Blend Modes - vividlight

Explanation of Photoshop Blend Modes - vividlight2

Linear Light

Linear Light burns or dodges the colors by decreasing or increasing the brightness, depending on the blend color. If the blend color (light source) is lighter than 50% gray, the image is lightened by increasing the brightness. If the blend color is darker than 50% gray, the image is darkened by decreasing the brightness.

Explanation of Photoshop Blend Modes - linearlight

Explanation of Photoshop Blend Modes - linearlight2

Pin Light

Pin Light replaces the colors, depending on the blend color. If the blend color (light source) is lighter than 50% gray, pixels darker than the blend color are replaced, and pixels lighter than the blend color do not change. If the blend color is darker than 50% gray, pixels lighter than the blend color are replaced, and pixels darker than the blend color do not change. This is useful for adding special effects to an image.

Explanation of Photoshop Blend Modes - pinlight

Explanation of Photoshop Blend Modes - pinlight2

Hard Mix

Hard Mix adds the red, green and blue channel values of the blend color to the RGB values of the base color. If the resulting sum for a channel is 255 or greater, it receives a value of 255; if less than 255, a value of 0. Therefore, all blended pixels have red, green, and blue channel values of either 0 or 255. This changes all pixels to primary colors: red, green, blue, cyan, yellow, magenta, white, or black.

Explanation of Photoshop Blend Modes - hardmix

Explanation of Photoshop Blend Modes - hardmix2

Comparative Modes

Each of these blend modes compare the two layers looking for areas that are identical in both.

Difference

Difference looks at the color information in each channel and subtracts either the blend color from the base color or the base color from the blend color, depending on which has the greater brightness value. Blending with white inverts the base color values; blending with black produces no change.

Explanation of Photoshop Blend Modes - difference

Explanation of Photoshop Blend Modes - difference2

Exclusion

Exclusion creates an effect similar to but lower in contrast than the Difference mode. Blending with white inverts the base color values. Blending with black produces no change.

Explanation of Photoshop Blend Modes - exclusion

Explanation of Photoshop Blend Modes - exclusion2

Composite Modes

Each of these blend modes will effect either the color or luminosity of the image

Hue

Hue creates a result color with the luminance and saturation of the base color and the hue of the blend color.

Explanation of Photoshop Blend Modes - hue

Explanation of Photoshop Blend Modes - hue2

Saturation

Saturation creates a result color with the luminance and hue of the base color and the saturation of the blend color.

Explanation of Photoshop Blend Modes - saturation

Explanation of Photoshop Blend Modes - saturation2

Color

Color creates a result color with the luminance of the base color and the hue and saturation of the blend color. This preserves the gray levels in the image and is useful for coloring monochrome images and for tinting color images.

Explanation of Photoshop Blend Modes - color

Explanation of Photoshop Blend Modes - color2

Luminosity

Luminosity creates a result color with the hue and saturation of the base color and the luminance of the blend color. This mode creates the inverse effect of Color mode.

Explanation of Photoshop Blend Modes - luminosity

Explanation of Photoshop Blend Modes - luminosity2

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here