Режимы наложения: как работает эта магия смешения цветов

В интерфейсах, иллюстрациях, коллажах и даже презентациях дизайнеры используют режимы наложения — и часто по наитию. Включили Multiply, стало красиво, и пошли дальше. Но если понять, как работает каждый режим, можно не тыкать вслепую, а сознательно добиваться нужного эффекта.

Разбираемся, в чём суть режимов наложения, как они меняют изображение и зачем знать их принципы.

Любое изображение на экране — это набор пикселей. Каждый пиксель — это три значения: R, G, B — красный, зелёный и синий. Каждое число от 0 до 255 (или от 0 до 1, если в процентах). Далее каналы этих цветов смешиваются, как краски и получается какой-либо цвет.

Простой пример: у тебя есть два слоя — один с синей заливкой, другой с жёлтым кругом. В обычном режиме («Normal») верхний слой просто перекрывает нижний. А вот если включить Multiply, каналы цветов начнут умножаться и получится зелёный.

Режим наложения — это способ, с помощью которого каналы пикселя одного слоя взаимодействуют с каналами пикселя другого. Он решает, как два изображения «смешиваются» друг с другом.

Каждый режим — это математическая формула. Да, там внутри цифры: значения яркости, контраст, каналы RGB. Но пугаться не надо — можно запомнить группы режимов и их поведение.

Берётся нижний пиксель и верхний пиксель. К их каналам применяется формула — и получается новый пиксель.

Пример:

В большинстве редакторов, типа Photoshop, Figma, After Effects, режимы делятся на логические группы. Вот самые важные:

Делают картинку темнее. Multiply затемнит светлые участки и оставит чёрное нетронутым. Color Burn — ещё сильнее «выжигает» цвета.

Можно делать эффект, как будто ты наложил цветное стекло на изображение. Используется для теней, глубины, грязи, винтажных эффектов.

Делают картинку светлее. Screen убирает чёрное, оставляет белое и осветляет всё остальное. Color Dodge даёт яркое «вспыхивание» на светлых участках.

Используются для бликов, свечения, сияний. Работают как «отбеливатель» на фото, можно сделать искусственное освещение на фото.

Повышают контраст, усиливают детали. Overlay усиливает средние тона. Soft Light — мягче. Hard Light — резче, как солнечный луч.

Часто используются для текстур, света и теней. Комбинируют умножение и осветление.

Difference инвертирует цвета. Белый инвертирует полностью, чёрный не меняет ничего. Эти режимы используются редко, но могут быть креативным приёмом. Дают эффект негативов, психоделии.

Меняют только один параметр: оттенок, насыщенность, цвет или яркость.

В интерфейсе для создания теней, бликов, эффектов свечения (без перегрузки слоями). Например, в Figma можно сделать мягкую тень через Multiply, а не через drop shadow.

В иллюстрации, чтобы добавлять глубину, фактуру, свет. Не обязательно рисовать всё заново — достаточно подобрать нужный режим.

В графике и коллажах, чтобы органично вписать текстуру в изображение. Например, рваная бумага или шум ложатся естественнее через Overlay или Soft Light.

Режимы наложения — не магия, а инструмент. Если понять, как они работают, ты начинаешь управлять изображением, а не просто украшать его. Это экономит время, упрощает композицию и даёт больше выразительности.

Когда я готовила эту статью, я часто уходила в дебри, как работают режими смешения на уровне математики, но каждый раз одергивала себя — хотелось спрятать с гаражик формулы и не быть технозависимым. Надеюсь, получилось просто объяснить результат каждого режима, сделав его предсказуемым для тебя.

Спасибо за прочтение и подписывайся на наш тг-канал, у нас почти 1к подписоты там набралось, заходи и ты! Жмак*

Также читай статьи моего друга и коллеги Ильи: