Дизайн и стилизация
Эффекты
Режим смешивания
1min
Настройка Режим смешивания (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.
Вот как режимы смешивания выглядят на примере — здесь разные параметры применены для картинки, находящейся в блоке с фоном:
