Introducing Blending Modes to the Ceros Studio. Blending Modes change the way a blend layer reacts with a base layer beneath it.
How it works:
Blending Modes work with JPG, PNG, and GIF files. They do not currently work with SVGs and shapes and are not supported by IE11. The “Blending Mode” dropdown is in the inspector panel above the image effects and has the following options:
- Darken: Checks the luminance values in each RGB channel and selects either the blend or base color (whichever is darker) as the output color. Pixels that are darker than the blend color are unchanged, while lighter pixels are replaced.
- Multiply: Checks the color information for each RGB channel and multiplies the base color by the blend color, always resulting in a darker color.
- Color Burn: Checks the color information for each RGB channel, darkening the base color by increasing the contrast between the base and blend color.
- Lighten: Checks the color information for each RGB channel and selects either the blend or base color, whichever is lighter, as the output color. Pixels that are lighter than the blend color are unchanged, while darker pixels are replaced.
- Screen: Checks the color information for each RGB channel and multiplies the inverse of the blend and base colors, always resulting in a lighter color.
- Color Dodge: Checks the color information for each RGB channel and brightens the base color to reflect the blend color by decreasing contrast between the two.
- Overlay: Screens or multiplies the color, depending on the base color. Colors will overlay existing pixels and preserve the highlights and shadows of the image’s base color. Overlay does not replace the base color, but instead mixes the base with the blend color to reflect the lightness or darkness of the base color.
- Soft Light: Darkens or lightens the base layer’s colors, depending on the selected blend color, similar to applying a diffused spotlight on the asset.
- Hard Light: Screens or multiplies the base layer’s colors, depending on the selected blend color, similar to applying a direct spotlight on the asset.
- Difference: Checks the color information in each RGB channel and will subtract either the base color from the blend color or the blend color from the base color, depending on which color’s brightness is higher; Difference cannot result in negative values.
- Exclusion: Similar to Difference mode, but with a lower contrast. Lighter blending inverts the base color values whereas darker blending produces no change.