The Ultimate Visual Guide to Understanding Blend Modes – Photoshop Paper Texture Collection

January 2014 5:41 PM 7 Comments

Before You Get Started

You can think of texturing as a simple type of compositing, and the first thing you need to understand when creating composite images is Blend Modes. If you google “Blend Modes in Photoshop” you’re going to get a lot of technical tutorials that may be hard to understand. To simplify things, we made what we are calling “the Ultimate Visual Guide” to help you understand the basics of Blend Modes so you can quickly be on your way to creating great composite images with textures.

Introduction to the Texture Pack

The Photoshop Paper Texture Pack includes 230 handmade high resolution textures designed to take your photography to the next level. To create the Photoshop textures we started with basic craft papers and physically crumpled them, scratched them, tore them, and even lit them on fire them to create unique and interesting textures which we then digitized into 20+ megapixel high resolution files. Watch the video or read the article below to see what’s included in the Texture Pack Collection.

Watch The Ultimate Visual Guide to Understanding Blend Modes Video

Understand Composite Images and Blend Modes

Texturing is a simple composite where we take a texture image, place it over a photo and blend them together to make a composite image. To demonstrate, we have a WtB (White to Black) test image with White, 25% Grey, 50% Grey, 75% Grey, and Black which we will layer over our photo so we can show you exactly how the different Photoshop Blend Modes work in practice.

overlay

When we choose a Photoshop Blend Mode, we are essentially asking Photoshop to blend our selected layer with the layer below based on whatever Blend Mode is selected. So essentially, depending on the mode, pixels from the top layer are going to alter the color and luminosity of those on underlying layers. This will make more sense as we continue with our demonstrations.

Right now, lets take a look at the available Photoshop Blend Modes, which are located in the “Layers” tab in Photoshop as you can see in the image below. When you first look at the blend options you might be overwhelmed by the choices, but they’re actually split up into 6 easy groups. Each of these groups have Blend Modes that operate similarly in function which we will discuss in depth below. If you want to alternate between the different Blend Modes you can press “Shift +” or “Shift -” to cycle through them quickly.

6 Blend modes

1. Normal Blend Modes

Normal Blend Mode

At 100% Opacity the default “Normal” Blend Mode simply shows the image on top, and we can’t see anything underneath it. When we drag the Opacity down to 50% it makes the selected layer more transparent and this allows us to see the image below it as you can see below.

normalopacity50

However, the Normal Blend Mode isn’t actually “blending” the two layers together, it’s simply making the selected layer more transparent which in turn reveals the layers below. But, even though it isn’t technically “blending” pixels, it is still a very effective tool when making composite images. So, when we drop our opacity on the White to Black layer down to 50%, we can still see all of the tones, we simply see them at 50% opacity.

Dissolve Blend Mode

When we choose the Dissolve blend option, the pixels will dissolve or granulate when we lower the Opacity of the top layer image. You may wonder why it is considered a “normal” Blend Mode when the effect is quite strange. But once again, the Dissolve Blend Mode isn’t actually “blending” pixels it is again simply selecting areas to reveal versus areas to conceal. This is why it is also in the Normal Blend Mode grouping.

disolveopacity50

At a low Opacity the Dissolve Blend Mode is useful when you want to create granulated or grainy effects over an image or layer.

2. Darken Blend Modes

In the Darken Blend Modes white is our neutral point. This means that anything that is darker than pure white is going to darken the image below to varying degrees all the way to full black. In all of the sample images below, you will see that white area in the White to Black (WtB) layer isn’t affecting the image layer below.

Darken Blend Mode

All of the Blend Modes in the Darken grouping are going to darken the layer below with varying degrees of contrast/tonality. In the Darken grouping, white is your neutral color. So basically, if the selected layer has white, this will not affect or darken the layers beneath. This makes sense because how would you darken with white after all? Anything though that is a darker tone than pure white on your selected layer will begin to darken the layer below.

Darken10065

Using the standard “Darken” blend mode in the Darken Grouping, we can see that at 100% opacity, anything that isn’t white is pulling down the tones of the underlying image in a very linear fashion. Because it is so linear, we generally don’t use the Darken Blend Mode at a high opacity because it is simply too overpowering. But, when backed off to 65%, you can see that it has a much more gradual affect over the underlying image, and it can actually be quite useful in creating sort of a darkened and faded look as you can see in the image above.

Multiply Blend Mode

The Multiply Blend Mode combines the contrast and the luminosity of the top and bottom layer together, which makes it a very useful Blend Mode that we use frequently in compositing. With the WtB layer shown below at 100% Opacity, we can see the image layer clearly up until we see the full black tone darkening the image completely.

multiply100

We can also see that the Multiply Blend Mode creates far more image contrast most noticeable in the 25-75% range when compared to the standard Darken Blend Mode. Look to the Multiply Blend Mode when you want to darken AND add contrast to your underlying layer.

Color Burn Blend Mode

The Color Burn Blend Mode is darkening the image below, and it does that by essentially adding contrast and burning the colors down. This gives our image a very high contrast burned look. At 100% Opacity the Black is completely dark, but when you lower the Opacity of the WtB layer to 50% it blends much nicer.

colorburn10050

In looking at the 50% opacity example above, you can see over the 50% grey area just how much more saturation and contrast is boosted with this Blend Mode than with the other Darken Blend Modes.

Linear Burn Blend Mode

The Linear Burn Blend Mode is another great darkening effect that washes out the image, and one that we frequently use. It is similar to that “linear” style of burning that we saw in the standard Darken Blend Mode. But, it is a little more subtle throughout which makes it an awesome blend mode for creating dark vintage fades. Particularly, look at the 75-100% black area in the image below. You can see how it has a very pleasing darkened and faded look over the underlying layer while it still retains more contrast than the standard Darken Blend Mode.

linearburn50

Darker Color Blend Mode

This is a Blend Mode that simply blends the darker colors of the selected layer, and it’s one that I don’t use too often. When this Blend Mode is at 100% Opacity we see the darker Greys and Blacks being added to the image. While we can of course adjust the opacity, I am not typically using this blend mode often.

darkercolor100

3. Lighten Blend Modes

The Darken Blend Modes and Lighten Blend Modes are exact mirror opposites of each other, so you can expect them to blend exactly the same way, but simply be inverted.

mirror opposites

Lighten Blend Mode

In the Lighten Blend Mode grouping the Black becomes our neutral point, and it’s not effecting anything in the layer below. Again, if we are “lightening” an image, then you need brighter colors in order to do that. So black is neutral, and anything brighter than black will affect the layer below.

lighten100

At 100% Opacity we see the White adds 100% brightness, which will simply cause the underlying layer to go white. Remember, with the Lighten Blend Mode in particular, that if the underlying layer is already bright to begin with, you will need brighter tones to actually “Lighten” the underlying layer. For this reason, we can see the 25% Grey fairly clearly and we can barely see the edge on the 50% grey, but anything darker than that is almost completely transparent. This is because the majority of the underlying image is brighter than 50% Grey.

Screen Blend Mode

With the Screen Blend Mode we can see more of the different tones at 100% Opacity. The Black is again neutral, but we can see the 25%, 50%, and 75% Greys making the image brighter and adding some fade to the image. This is a great Blend Mode for when you want to create a brightened and faded look to an image or texture.

screen100

Color Dodge Blend Mode

The Color Dodge Blend Mode is the exact opposite of the Color Burn Blend Mode. This Blend Mode is brightening the image and adding colors. These are powerful blend effects so you want to lower the Opacity to get a more subtle look.

colordodge10035

Linear Dodge Blend Mode

Linear Dodge is like a toned down version of the Color Dodge Blend mode. The Color Dodge has more contrast as opposed to the flatter look of Linear Dodge. If you feel like the Color Dodge is adding too much contrast then try Linear Dodge. Again, Linear Dodge is another great blend mode that we are frequently using to create a bright and flat fade.

Color Dodge Left | Linear Dodge Right

Color Dodge Left | Linear Dodge Right

Lighter Color Blend Mode

The Lighter Color Blend mode is a little more aggressive in terms of applying the White areas of the top layer to the bottom layer. At 100% Opacity we see the 25% Grey being blended heavily into the underlying layer, while every darker than 25% Grey is basically transparent because of the bright exposure of the underlying layer. Again, this isn’t a blend mode that we are frequently using.

lightercolor100

4. Contrast Blend Modes

In the Darken Blend Modes, White was the neutral point. In the Lighten Blend Modes, Black was the neutral point. In the Overlay Blend Modes the 50% Grey is the neutral point and anything that isn’t 50% grey will be adding contrast and brightening, or adding contrast and darkening the layers below. Contrast Blend Modes are very effective and frequently used.

Overlay Blend Mode

When using the Overlay Blend Modes anything darker than 50% Grey will darken and add contrast to the underlying image and anything brighter than 50% Grey will brighten and add contrast to the underlying image. This is one of our most frequently used Blend Modes

overlayblend100

Soft Light Blend Mode

The Soft Light Blend Mode works similarly to the Overlay Blend Mode, however it does it in a slightly softer and more subtle way. The left side of the image below has a nice bright fade being applied to the image while still retaining decent contrast, and on the right side there are some nice colors and contrast being added. You can essentially look at this as a softer Overlay Blend Mode and that makes it extremely effective.

softlight100

Hard Light Blend Mode

The Hard Light Blend Mode is an aggressive Blend Mode and you’ll want to lower the Opacity on it for the best results. At 100% Opacity the Hard Light Blend Mode keeps the Whites completely white and the Blacks completely black. In addition, the blend isn’t as subtle and rich in showing underlying tones when compared to the Soft Light Blend Mode which makes it a little less useful, particularly at high opacities.

hardlight100

Vivid Light Blend Mode & Linear Light Blend Mode

The Vivid Light and Linear Light Blend Modes add a lot more contrast than you would get in the Soft or Hard Light Blending Modes. While we use these blend modes (Linear Light) frequently in retouch, we aren’t using them too often in compositing and texturing unless we really need to add a lot of “punch” as they are very strong effects.

Vivid Light Blend Mode Left | Linear Light Blend Mode Right

Vivid Light Blend Mode Left | Linear Light Blend Mode Right

Pin Light Blend Mode & Hard Mix Blend Mode

The Pin Light and Hard Mix Blend Modes are quite extreme in their effect. Each essentially posterizing the color below it by destroying color graduation. These blend modes can be effective when you need to create a posterized effect, but again we are generally not going to be using these blend modes in texturing and composites as they are a bit too extreme.

Pin Light Blend Mode Left | Hard Mix Blend Mode Right

Pin Light Blend Mode Left | Hard Mix Blend Mode Right

5. Inversion Blend Modes

These Blend Modes are inversion or cancellation blends, because depending on the underlying layer, it’s either going to invert or cancel out the colors. We’re typically not using these for our texture pack, but we want to show what they look like compared to all the other Blend Modes.

Difference Blend Mode and Exclusion Blend Mode

Both Images at 100% Opacity

Both Images at 100% Opacity

Subtract Blend Mode and Divide Blend Mode

Both Images at 100% Opacity

Both Images at 100% Opacity

6. Component Blend Modes

For the Hue, Saturation, and Color Blend Modes we’re going to get a black and white image because the overlying image has no color on it. With these “Component” Blend Modes, you are getting exactly that, the component of the selected layer blended to the layer below. The first 3 Blend Modes in this grouping are “color component” blend modes and since our WtB layer has no color, it simply turns the layer below to black and white as you can see below.

Hue Blend Mode | Saturation Blend Mode | Color Blend Mode

uncolored

Luminosity Blend Mode

When we flip to the Luminosity Blend Mode we see the Luminosity levels being affected on the layer below. This Blend Mode is affecting the layer and pixels below simply based on brightness levels, so it’s basically changing the brightness levels on the layer below to these even tones.

luminosity

These Component Blend Modes are useful when you want to add simply the color or the brightness from a texture onto an image.

Conclusion & More Info

We hope you all enjoyed this article. These handmade Photoshop Paper Textures are for photographers and creative professionals of all levels. The Photoshop Paper Texture pack also includes step-by-step video tutorials to guide you along the way. We designed the Photoshop Paper Texture pack to be intuitive, and to be useful for all types of photography including: wedding photography, fine-art photography, newborn photography, landscape photography and much more. Learn more about the Photoshop Paper Texture Collection by clicking any of the links in this article.

Pye

About

Pye (AKA Post Production Pye) is a founder and the Managing Editor for SLR Lounge. Pye is also a Partner of Lin and Jirsa Photography, an Orange County based wedding, engagement and portrait photography studio. Connect with him on Google Plus

7 Comments

  1. frankdaniels

    Thats very usefull. Thx. Now i have to translate it into german blendmodes :D

    vg

    6
  2. J Convey

    Thanks – so helpful, especially seeing how the different luminosity levels play out.

    3
  3. Todd Bailey

    Great stuff, I always love how practical & useful your content is. There is a great balance between the basics and some of the more advanced techniques. Also, love the preset system, kudos!

    3
  4. Tim L

    This is a very useful primer on the blend modes. Very useful. Thanks!

    2
  5. Valentin Zwick

    that was exactly what i was looking for ever since! thanks pye

    0

Leave a reply