Tag: Blend modes

  • Photoshop Blend Modes - Part 2

    Photoshop Blend Modes – Part 2

    I already introduced the blend modes Multiplication, Linear Dodge, Linear Burn and Linear Light in the first part of the series. In this article I’ll add some more that might be interesting for photographers. For one particular blend mode there is a separate third part, beause it is rather complicated and frequently used: Soft Light.

    Throughout the first parts of this series, I’ll deal with the math behind the blend modes only. I plan to use these as a reference in later articles treating more practical aspects and use cases. The retouching method that triggered my research has already been given its own article: Frequency Separation.

    Notation

    Let me introduce a notation for inversion in addition to the ones I already introduced in the first part. Let the inverted image for an image A be \overline{A}. Inversion doesn’t mean anything else but subtraction of the brightness values of each pixel from 1. Thus:

    \overline{a(x,y)} = 1 - a(x,y).

    Or short:

    \overline{a} = 1 - a.

    And now to the blend modes.

    Color Burn

    I am aware that it is slighly strange to explain something called Color Burn with black and white images. But as I said before, the math is what I will focus on first. The formulas are the same regardless or the number of channels. The formula for Color Burn is:

    f(a,b) = \left\{ \begin{array}{lr}\overline{(\frac{\overline{a}}{b})} = 1 - \frac{1- a}{b} & \text{for } b > 0\\0 & \text{for } b =0 \end{array} \right.

    Farbig Nachbelichten
    Color Burn

    You will notice that the whole bottom-left half drowns in black.

    Color Dodge

    The counterpart to Color Burn.

    f(a,b) = \left\{ \begin{array}{lr}\frac{a}{\overline{b}} = \frac{a}{1-b} & \text{for } b < 1\\1 & \text{for } b =1 \end{array} \right.

    Farbig Abwedeln
    Color Dodge

    Here you get white for a > 1-b.

    Screen

    Another rather simple but nice one:

    f(a,b) = \overline{\overline{a}\overline{b}} = 1 - (1-a)(1-b)

    EPS-Screen

    Overlay and Hard Light

    Overlay and Hard Light are siblings. The formulas are for Overlay:

    f(a,b) = \left\{ \begin{array}{lr} 2ab & \text{for } a < 1/2\\\overline{2\overline{a}\overline{b}} = 1 - 2(1-a)(1-b) & \text{for } a \geq 1/2 \end{array} \right.

    and for Hard Light:

    f(a,b) = \left\{ \begin{array}{lr} 2ab & \text{for } b < 1/2\\\overline{2\overline{a}\overline{b}} = 1 - 2(1-a)(1-b) & \text{for } b \geq 1/2 \end{array} \right.

    Both are combinations of slightly modified Multiply and Negative Multiply.

    EPS-Overlay
    Overlay
    EPS-HardLight
    Hard Light

    You may see it in the images, this is not a very smooth function. Plotting the brightness over a for different fixed b one gets the following:

    Gamma-Kurven-Overlay

    Obviously not smooth. Make of it what you like.

    50 % grey is neutral for both Overlay and Hard Light.

    Vivid Light

    Vivid Light can be seen as a combination of Linear Burn and Linear Dodge.

    f(a,b) = \left\{ \begin{array}{lr}\frac{a}{2(1-b)} & \text{for } b > {1/2}\\1- \frac{1-a}{2b} & \text{for } b \leq {1/2}\end{array} \right.

    EPS-VividLight
    Vivid Light

    Other parts of this mini-series

    Blend Modes – Part 1: Multiply, Linear Burn, Linear Dodge and Linear Light

    Blend Modes – Part 3: Soft Light