Режим смешивания

Настройка Режим смешивания (Blend mode) позволяет смешивать цвета элемента и расположенных ниже слоев. С ее помощью можно создавать различные цветовые эффекты.

Добавить опцию: панель Дизайн → раздел Внешний вид → нажмите«+» справа от параметра Режим смешивания. По умолчанию будет установлен режим смешивания Обычный (Normal).

Вы можете выбрать следующие режимы отображения:

Обычный (Normal) — Цвета не смешиваются.

Умножение (Multiply) — Цвета элементов умножаются. Эффект — нанесение изображений на прозрачную пленку.

Экран (Screen) — Цвета элементов умножаются, а затем результат инвертируется. Эффект — сияние изображений на экране проекции.

Перекрытие (Overlay) — Умножает или осветляет цвет элемента в зависимости от цвета нижнего элемента. Если нижний цвет темнее — результат как у Multiply, если нижний цвет светлее — результат как у Screen.

Затемнение (Darken) — Цвет нижнего элемента заменяется цветом верхнего в тех областях, где верхний элемент темнее.

Осветление (Lighten) — Цвет нижнего элемента заменяется цветом верхнего в тех областях, где верхний элемент светлее.

Осветление основы (Color-dodge) — Цвет нижнего элемента осветляется так, чтобы отразить цвет верхнего элемента.

Затемнение основы (Color-burn) — Цвет нижнего элемента затемняется так, чтобы отразить цвет верхнего элемента.

Жесткий свет (Hard-light) — Умножает или осветляет цвет элемента в зависимости от цвета нижнего элемента. Если нижний цвет светлее — результат как у Multiply, если нижний цвет темнее — результат как у Screen. Эффект — сияние сильного прожектора на заднем плане.

Мягкий свет (Soft-light) — Режим аналогичен Hard-light, но результат мягче. Эффект — сияние рассеянного прожектора на заднем плане.

Разница (Difference) — Вычитает более темный цвет из более светлого.

Исключение (Exclusion) — похож на Difference, но с меньшим контрастом.

Цветовой тон (Hue) — Создает цвет, который имеет оттенок верхнего цвета, а насыщенность и яркость нижнего цвета.

Насыщенность (Saturation) — Создает цвет, который имеет насыщенность верхнего цвета, а оттенок и яркость нижнего цвета.

Цвет (Color) — Создает цвет, который имеет оттенок и насыщенность верхнего цвета, а яркость нижнего цвета.

Яркость (Luminosity) — Создает цвет, который имеет яркость верхнего цвета, а оттенок и насыщенность нижнего цвета. Результат противоположен Color.

Вот как режимы смешивания выглядят на примере — здесь разные параметры применены для картинки, находящейся в блоке с фоном: