2.  Layer Modes

Revision History
Revision $Revision: 1658 $ 2007-07-15 romanofski

GIMP has twenty-one layer modes. Layer modes are also sometimes called “blending modes”. Selecting a layer mode changes the appearance of the layer or image, based on the layer or layers beneath it. If there is only one layer, the layer mode has no effect. There must therefore be at least two layers in the image to be able to use layer modes.

You can set the layer mode in the Mode menu in the Layers dialog. GIMP uses the layer mode to determine how to combine each pixel in the top layer with the pixel in the same location in the layer below it.

[Note] Note

There is a drop-down list in the Toolbox options box which contains modes that affect the painting tools in a similar way to the layer modes. You can use all of the same modes for painting that are available for layers, and there are two additional modes just for the painting tools, which are described here at the end of the list of layer modes.

Layer modes permit complex color changes in the image. They are often used with a new layer which acts as a kind of mask. For example, if you put a solid white layer over an image and set the layer mode of the new layer to “Saturation”, the underlying visible layers will appear in shades of gray.

Figure 8.6.  Images (masks) for layer mode examples

Images (masks) for layer mode examples

Mask 1

Images (masks) for layer mode examples

Mask 2


Figure 8.7.  Images (backgrounds) for layer mode examples

Images (backgrounds) for layer mode examples

Key fob

Images (backgrounds) for layer mode examples

Ducks


In the descriptions of the layer modes below, the equations are also shown. This is for those who are curious about the mathematics of the layer modes. You do not need to understand the equations in order to use the layer modes effectively, however.

The equations are in a shorthand notation. For example, the equation

Equation 8.1.  Example


means, “ For each pixel in the upper (Mask)and lower (Image) layer, add each of the corresponding color components together to form the E resulting pixel's. color. ” Pixel color components must always be between 0 and 255. Unless the description below says otherwise, a negative color component is set to 0 and a color component larger than 255 is set to 255.

The examples below show the effects of each of the modes. The image on the left is the normal state and the image on the right shows the results of the layer mode.

Since the results of each mode vary greatly depending upon the colors on the layers, these images can only give you a general idea of how the modes work. You are encouraged to try them out yourself. You might start with two similar layers, where one is a copy of the other, but slightly modified (by being blurred, moved, rotated, scaled, color-inverted, etc.) and seeing what happens with the layer modes.

Normal

Figure 8.8.  Example for layer mode “Normal

Example for layer mode Normal

Both images are blended into eachother with the same intensity.

Example for layer mode Normal

With 100% opacity only the upper layer is shown when blending with “Normal”.


Normal mode is the default layer mode. The layer on top covers the layers below it. If you want to see anything below the top layer when you use this mode, the layer must have some transparent areas.

The equation is:

Equation 8.2.  Equation for layer mode “Normal


Dissolve

Figure 8.9.  Example for layer mode “Dissolve

Example for layer mode Dissolve

Both images are blended into eachother with the same intensity.

Example for layer mode Dissolve

With 100% opacity only the upper layer is shown when blending with “dissolve”.


Dissolve mode dissolves the upper layer into the layer beneath it by drawing a random pattern of pixels in areas of partial transparency. It is useful as a layer mode, but it is also often useful as a painting mode.

This is especially visible along the edges within an image. It is easiest to see in an enlarged screenshot. The image on the left illustrates “Normal” layer mode (enlarged) and the image on the right shows the same two layers in “Dissolve” mode, where it can be clearly seen how the pixels are dispersed.

Multiply

Figure 8.10.  Example for layer mode “Multiply

Example for layer mode Multiply

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Multiply

Mask 2 is used as upper layer with 100% opacity.


Multiply mode multiplies the pixel values of the upper layer with those of the layer below it and then divides the result by 255. The result is usually a darker image. If either layer is white, the resulting image is the same as the other layer (1 * I = I). If either layer is black, the resulting image is completely black (0 * I = 0).

The equation is:

Equation 8.3.  Equation for layer mode “Multiply


The mode is commutative; the order of the two layers doesn't matter.

Divide

Figure 8.11.  Example for layer mode “Divide

Example for layer mode Divide

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Divide

Mask 2 is used as upper layer with 100% opacity.


Divide mode multiplies each pixel value in the lower layer by 256 and then divides that by the corresponding pixel value of the upper layer plus one. (Adding one to the denominator avoids dividing by zero.) The resulting image is often lighter, and sometimes looks “burned out”.

The equation is:

Equation 8.4.  Equation for layer mode “Divide


Screen

Figure 8.12.  Example for layer mode “Screen

Example for layer mode Screen

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Screen

Mask 2 is used as upper layer with 100% opacity.


Screen mode inverts the values of each of the visible pixels in the two layers of the image. (That is, it subtracts each of them from 255.) Then it multiplies them together, inverts this value again and divides by 255. The resulting image is usually brighter, and sometimes “washed out” in appearance. The exceptions to this are a black layer, which does not change the other layer, and a white layer, which results in a white image. Darker colors in the image appear to be more transparent.

The equation is:

Equation 8.5.  Equation for layer mode “Screen


The mode is commutative; the order of the two layers doesn't matter.

Overlay

Figure 8.13.  Example for layer mode “Overlay

Example for layer mode Overlay

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Overlay

Mask 2 is used as upper layer with 100% opacity.


Overlay mode inverts the pixel value of the lower layer, multiplies it by two times the pixel value of the upper layer, adds that to the original pixel value of the lower layer, divides by 255, and then multiplies by the pixel value of the original lower layer and divides by 255 again. It darkens the image, but not as much as with “Multiply” mode.

The equation is: [2]

Equation 8.6.  Equation for layer mode “Overlay


Dodge

Figure 8.14.  Example for layer mode “Dodge

Example for layer mode Dodge

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Dodge

Mask 2 is used as upper layer with 100% opacity.


Dodge mode multiplies the pixel value of the lower layer by 256, then divides that by the inverse of the pixel value of the top layer. The resulting image is usually lighter, but some colors may be inverted.

In photography, dodging is a technique used in a darkroom to increase the exposure in particular areas of the image. This brings out details in the shadows. When used for this purpose, dodge may work best on Grayscale images and with a painting tool, rather than as a layer mode.

The equation is:

Equation 8.7.  Equation for layer mode “Dodge


Burn

Figure 8.15.  Example for layer mode “Burn

Example for layer mode Burn

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Burn

Mask 2 is used as upper layer with 100% opacity.


Burn mode inverts the pixel value of the lower layer, multiplies it by 256, divides that by one plus the pixel value of the upper layer, then inverts the result. It tends to make the image darker, somewhat similar to “Multiply” mode.

In photography, burning is a technique used in a darkroom to decrease the exposure in particular areas of the image. This brings out details in the highlights. When used for this purpose, burn may work best on Grayscale images and with a painting tool, rather than as a layer mode.

The equation is:

Equation 8.8.  Equation for layer mode “Burn


Hard light

Figure 8.16.  Example for layer mode “Hard light

Example for layer mode Hard light

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Hard light

Mask 2 is used as upper layer with 100% opacity.


Hard light mode is rather complicated because the equation consists of two parts, one for darker colors and one for brighter colors. If the pixel color of the upper layer is greater than 128, the layers are combined according to the first formula shown below. Otherwise, the pixel values of the upper and lower layers are multiplied together and multiplied by two, then divided by 256. You might use this mode to combine two photographs and obtain bright colors and sharp edges.

The equation is complex and different according to the value >128 or ≤128 :

Equation 8.9.  Equation for layer mode “Hard light”, M > 128


Equation 8.10.  Equation for layer mode “Hard light”, M ≤ 128


Soft light

Figure 8.17.  Example for layer mode “Soft light

Example for layer mode Soft light

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Soft light

Mask 2 is used as upper layer with 100% opacity.


Soft light is not related to “Hard light” in anything but the name, but it does tend to make the edges softer and the colors not so bright. It is similar to “Overlay” mode. In some versions of GIMP, “Overlay” mode and “Soft light” mode are identical.

The equation is complicated. It needs Rs, the result of Screen mode :

Equation 8.11.  Equation for layer mode “Screen


Equation 8.12.  Equation for layer mode “Soft light


Grain extract

Figure 8.18.  Example for layer mode “Grain extract

Example for layer mode Grain extract

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Grain extract

Mask 2 is used as upper layer with 100% opacity.


Grain extract mode is supposed to extract the “film grain” from a layer to produce a new layer that is pure grain, but it can also be useful for giving images an embossed appearance. It subtracts the pixel value of the upper layer from that of the lower layer and adds 128.

The equation is:

Equation 8.13.  Equation for layer mode “Grain extract


Grain merge

Figure 8.19.  Example for layer mode “Grain merge

Example for layer mode Grain merge

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Grain merge

Mask 2 is used as upper layer with 100% opacity.


Grain merge mode merges a grain layer (possibly one created from the “Grain extract” mode) into the current layer, leaving a grainy version of the original layer. It does just the opposite of “Grain extract”. It adds the pixel values of the upper and lower layers together and subtracts 128.

The equation is:

Equation 8.14.  Equation for layer mode “Grain merge


Difference

Figure 8.20.  Example for layer mode “Difference

Example for layer mode Difference

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Difference

Mask 2 is used as upper layer with 100% opacity.


Difference mode subtracts the pixel value of the upper layer from that of the lower layer and then takes the absolute value of the result. No matter what the original two layers look like, the result looks rather odd. You can use it to invert elements of an image.

The equation is:

Equation 8.15.  Equation for layer mode “Difference


The mode is commutative; the order of the two layers doesn't matter.

Addition

Figure 8.21.  Example for layer mode “Addition

Example for layer mode Addition

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Addition

Mask 2 is used as upper layer with 100% opacity.


Addition mode is very simple. The pixel values of the upper and lower layers are added to each other. The resulting image is usually lighter. The equation can result in color values greater than 255, so some of the light colors may be set to the maximum value of 255.

The equation is:

Equation 8.16.  Equation for layer mode “Addition


The mode is commutative; the order of the two layers doesn't matter.

Subtract

Figure 8.22.  Example for layer mode “Subtract

Example for layer mode Subtract

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Subtract

Mask 2 is used as upper layer with 100% opacity.


Subtract mode subtracts the pixel values of the upper layer from the pixel values of the lower layer. The resulting image is normally darker. You might get a lot of black or near-black in the resulting image. The equation can result in negative color values, so some of the dark colors may be set to the minimum value of 0.

The equation is:

Equation 8.17.  Equation for layer mode “Subtraction


Darken only

Figure 8.23.  Example for layer mode “Darken only

Example for layer mode Darken only

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Darken only

Mask 2 is used as upper layer with 100% opacity.


Darken only mode compares each component of each pixel in the upper layer with the corresponding one in the lower layer and uses the smaller value in the resulting image. Completely white layers have no effect on the final image and completely black layers result in a black image.

The equation is:

Equation 8.18.  Equation for layer mode “Darken only


The mode is commutative; the order of the two layers doesn't matter.

Lighten only

Figure 8.24.  Example for layer mode “Lighten only

Example for layer mode Lighten only

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Lighten only

Mask 2 is used as upper layer with 100% opacity.


Lighten only mode compares each component of each pixel in the upper layer with the corresponding one in the lower layer and uses the larger value in the resulting image. Completely black layers have no effect on the final image and completely white layers result in a white image.

The equation is:

Equation 8.19.  Equation for layer mode “Lighten only


The mode is commutative; the order of the two layers doesn't matter.

Hue

Figure 8.25.  Example for layer mode “Hue

Example for layer mode Hue

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Hue

Mask 2 is used as upper layer with 100% opacity.


Hue mode uses the hue of the upper layer and the saturation and value of the lower layer to form the resulting image. However, if the saturation of the upper layer is zero, the hue is taken from the lower layer, too.

Saturation

Figure 8.26.  Example for layer mode “Saturation

Example for layer mode Saturation

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Saturation

Mask 2 is used as upper layer with 100% opacity.


Saturation mode uses the saturation of the upper layer and the hue and value of the lower layer to form the resulting image.

Color

Figure 8.27.  Example for layer mode “Color

Example for layer mode Color

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Color

Mask 2 is used as upper layer with 100% opacity.


Color mode uses the hue and saturation of the upper layer and the value of the lower layer to form the resulting image.

Value

Figure 8.28.  Example for layer mode “Value

Example for layer mode Value

Mask 1 is used as upper layer with 100% opacity.

Example for layer mode Value

Mask 2 is used as upper layer with 100% opacity.


Value mode uses the value of the upper layer and the saturation and hue of the lower layer to form the resulting image. You can use this mode to reveal details in dark and light areas of an image without changing the saturation.

Each layer in an image can have a different layer mode. (Of course, the layer mode of the bottom layer of an image has no effect.) The effects of these layer modes are cumulative. The image shown below has three layers. The top layer consists of Wilber surrounded by transparency and has a layer mode of “Difference”. The second layer is solid light blue and has a layer mode of “Addition”. The bottom layer is filled with the “Red Cubes” pattern.

Figure 8.29.  Multi layer example

Multi layer example

GIMP also has similar modes which are used for the painting tools. These are the same twenty-one modes as the layer modes, plus an additional two modes which are specific to the painting tools. You can set these modes from the Mode menu in the Tools option dialog. In the equations shown above, the layer you are painting on is the “lower layer” and the pixels painted by the tool are the “upper layer”. Naturally, you do not need more than one layer in the image to use these modes, since they only operate on the current layer and the selected painting tool. The two additional painting modes are described here.

Behind

The Behind mode is only available from the Toolbox options, not as a layer mode from the Layers dialog. When you paint with a tool in “Behind” mode, it paints behind objects that are already painted on the layer. That means that this mode only makes sense when you are painting on a layer that has transparent areas, otherwise you wouldn't be able to see any difference in the resulting image.

In the example image, Wilber is on the top layer, surrounded by transparency. The lower layer is solid light blue. The Bucket Fill tool was used, with an Affect mode of “Selection”, and the entire layer was selected. A pattern was used to paint with the Bucket Fill tool.

Color Erase

The Color Erase mode is only available from the Toolbox options, not as a layer mode from the Layers dialog. When you paint with a tool in “Color Erase” mode, it finds areas in the layer which have the current painting color and erases them, turning those areas transparent. The layer must have an alpha channel (so that transparency is allowed) for an effect to be seen.

In the example image, the color of the Bucket Fill tool was white, so white parts of Wilber were erased and the blue background shows through.



[2] The equation is the *theoretical* equation. Due to Bug #162395 , the actual equation is equivalent to Soft light. It is difficult to fix this bug without changing the appearance of existing images.