In this article, we will be discussing the various blending modes available in raster graphics programs like Figma, Procreate, After Effects, and Photoshop.
Understanding Blending Modes:
Before we dive into the different types of blending modes, it's important to understand how they work. Blending modes manipulate the RGB values of pixels in two layers, a base layer and a top layer. The values range from 0 to 1, with 0 being black and 1 being white.
Normal Blending Modes:
Normal - This is the standard blending mode that doesn't mix colours in the top layer with the colours in the layer beneath it. Dissolve - In this blend mode, random pixels are taken from both layers, without anti-aliasing. This can result in a grainy and harsh final output.
Darken Blending Modes:
3. Darken - This blend mode darkens the image by comparing each RGB value of the pixels in the two layers. The darkest value is selected and a new colour is formed.
4. Multiply - This blend mode multiplies the RGB values of each pixel in the top layer with the values for the corresponding pixel from the bottom layer. If either layer is brighter than black, the composite is darker.
5. Color Burn - This blend mode darkens the top layer, increasing the contrast to reflect the colour of the bottom layer. The darker the bottom layer, the more its colour is used.
6. Linear Burn - This blend mode produces darker images than Multiply but less saturated than Color Burn. It produces the most contrast in the darker colours than any other blending mode in the Darken category.
7. Darker Color - This blend mode is similar to Darken, except it keeps the darkest of the two layers' values.
Lighten Blending Modes:
8. Lighten - This blend mode lightens the image by comparing each RGB value of the pixels in the two layers. The lightest value is selected and a new colour is formed.
9. Screen - In this blend mode, the RGB values of each pixel in the two layers are inverted, multiplied, and inverted again. Wherever either layer was darker than white, the composite is lighter.
10. Color Dodge - This blend mode lightens the bottom layer depending on the value of the top layer. The brighter the top layer, the more its colour affects the bottom layer.
11. Linear Dodge - This blend mode simply sums the RGB values in the two layers and is also called additive blending.
12. Lighter Color - This blend mode is similar to Lighten, except it keeps the lightest of the two layers' values.
Contrast Blending Modes:
13. Overlay - This blend mode combines Multiply and Screen blend modes. When the base layer is light, the top layer becomes lighter, and when the base layer is dark, the top becomes darker. When the base layer is mid-grey, the top is unaffected.
14. Soft Light - Soft Light produces a subtle result and is a softer version of Overlay without the harsh contrast.
15. Hard Light - This blend mode combines Multiply and Screen blend modes, with the top layer deciding if it has to multiply or screen.
16. Vivid Light - This blend mode combines Color Dodge and Color Burn and increases the perceived contrast.
17. Linear Light - This blend mode combines Linear Dodge and Linear Burn and decreases the contrast.
18. Pin Light - This blend mode performs Darken and Lighten simultaneously, resulting in patches and removing all mid-tones.
19. Hard Mix - This blend mode adds the RGB values of the top layer to the bottom layer, resulting in an image that can have only red, green, blue, black, white.
In conclusion, knowing the different
Comentarios