Уроки фотошопа наложение слоев. Режимы смешивания в фотошопе

Режимы наложения в Фотошопе, на первый взгляд, не простая тема. В действительности нет ничего проще чем режимы наложения в Фотошопе. Все что нужно сделать — правильно объяснить их. И вы убедитесь в этом сами. Режимы наложения Blending modes, раскиданы по всему Фотошопу. Они находятся на панелях настроек инструментов, они находятся в слоях, они находятся в стилях. Мы поговорим о режимах наложения в панели слоев Layers, хотя роль режимов одинаковая, где бы они не находились. Как обычно освещают Blending modes наши маститые фотошоперы с других сайтов?

Я прошелся по самым топовым урокам и статьям, которые нашел в Гугле и Яндексе . В лучшем случае профи берут 1-2 фотографии. И применяют к ним по очереди все режимы наложения, прямо по списку, сверху вниз. Конечно, в паре вариантов «эффект» получается интересным, в остальных вариантах получается мрак и ужас. В части примеров невозможно разобраться, несмотря на описание. Так как на картинке какая-то ерунда, и не понятно вообще зачем и для чего этот конкретный режим.

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

Когда я начинал работать в Фотошопе я тоже читал эти статьи и не мог понять ничего. Режимы наложения представлялись мне некими хаотичными эффектами, которые не пойми как создают не пойми какие эффекты при наложении слоев друг на друга, и нет никакой возможности понимать, что же они делают и для чего предназначены. Простой, тупой перебор режимов, о вот это смотрится неплохо, оставлю. В реальности, вам не нужно понимать весь список из 25 режимов. Достаточно понимать всего три из них.

Все верно, три режима наложения и вы превращаетесь в маститого по режимам наложений. Более никогда вы не перещелкиваете все 25 режимов подряд, так как теперь, вы точно знаете какой эффект хотите получить и чего добиться. И эти три режима наложения, конечно, Multiply , Screen и Overlay .

Как работают режимы наложения Blending Modes?

Достаточно одного взгляда на меню с режимами наложений чтобы понять — они располагаются не хаотично. Все режимы Blending mode сгруппированы. Мы разберем 3 самые обширные группы этих режимов. Группы затемнения, осветления и контраста. В каждой группе есть свой приоритетный режим. В группе затемнения это Multiply , в группе осветления это Screen , в группе контраста Overlay . Все остальные режимы в каждой группе являются лишь разновидностями и вариациями этих трех. Поэтому поняв как устроены Multiply , Screen и Overlay вы сразу поймете 17 из 25 режимов наложения.

При смешивании слоев Фотошоп руководствуется тоном слоя Hue и степенью светлоты слоя Lightnes . Как это происходит? Например я выберу 3 варианта красного цвета.

Первый образец — чистый красный R255 G0 B0
Второй вариант — чистый светло-красный, с высокой степенью белого Lightnes R255 G130 B130
Третий вариант — недостаточно насыщенный красный R180 G76 B76

Кроме прочего половина каждого прямоугольника содержит не цветную область, к которой я применил Desaturate . Они являются черно-белым зеркалом своих цветных собратьев, наглядно демонстрируя на сколько цветные прямоугольники светлые, если рассматривать лишь этот параметр.

Фотошоп оценивает верхние и нижние слои. В случае с режимами Multiply, Screen и Overlay для Фотошопа важнее всего уровень светлоты и темноты. В каждом из режимов фотошоп либо убирает темные пиксели, либо убирает светлые либо и то и другое. Далее Фотошоп добавляет цветовой тон. Для примера я выбрал режим Multyply и вот что происходит.

Фотошоп подсчитывает уровень светлоты объектов. В случае режима Multipy Фотошоп убивает все светлые пиксели делая графику темнее. Фактически Multiply делает тоже самое, что делает принтер, когда распрыскивает одну краску поверх другой. Пересекающиеся цвета становятся темнее. В тех местах где градиент становится серым, прямоугольники появляются на свет. Однако об этом ниже.

Режим наложения Multiply

Режим Multiply является режимом затемнения. Когда мы присваиваем слою режим Multiply , Фотошоп анализирует слой, находящийся ниже и убивает все светлые участки слоя с Multiply . Белые участки пропадают совсем. Светло-серые становятся полупрозрачными. А черные остаются. В режиме Multiply темные пиксели всегда выигрывают.

На картинке ниже у меня черно-белый градиент на заднем фоне. И четыре прямоугольника с градиентами черного и чистых цветов.

После применения режима Multiply светлые области прямоугольников отпадают. И так работает режим Multiply . Остальные режимы наложения из группы затемнения работают точно так же, с разной степенью растворения белых областей и контраста.

Пример применения Multiply

Для своего примера я выберу и изображение, нарисованное Shillien Black . Вначале я поместил Адриану Лиму на рабочую область. Далее я задний фон, он нам не нужен.

Под слой с Адрианой я помещаю другой слой текстуры бумаги. К Адриане применяю режим наложения Multiply .

Чтобы доработать результат я прицепляю к Адриане два цвето-корректирующих слоя Levels и Hue Saturation .

Фаил исходник со всеми слоями вы сможете скачать в конце статьи. И это один из способов работы с режимом наложения Multiply .

Режим наложения Screen

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

В нашем случае Screen полностью растворяет черные пиксели последнего прямоугольника, но оставляет тональные цвета остальных, лишь немного осветляя их. Остальные режимы наложения в группе осветления работают точно так. Вариации иные, принцип тот же. Черные пиксели уходят, белые остаются и усиливают свое значение.

Пример применения Screen

Я использую ту же текстуру, но в этот раз немного затемняю её и снижаю насыщенность, чтобы эффект получился более явным.

Поверх текстуры я накладываю фотографию с облаками.

А теперь использую режим наложения Screen .

И для сравнения, режим Screen и режим Multiply в одном флаконе. В первом случае выигрывают светлые пиксели. Во втором выигрывают черные.

Режим наложения Overlay

В отличие от режимов затемнения и осветления Multiply и Screen , Overlay является режимом контраста. Что это значит? Это значит что Overlay убивает близкие к 50% Grey пиксели, оставляя только ярко выраженные темные и ярко выраженные светлые. Эти области он накладывает на изображение усиливая контрастность картинки. На изображении ниже показано, как средняя часть градиента растворилась.

Остальные режимы наложения из группы контраста работают точно так же, с небольшими вариациями. С приближенным к реальности примером режим Overlay взаимодействует следующим образом.

Пример применения Overlay

Несомненно этот режим стоит использовать в тех случаях, когда мы хотим повысить контрастность изображения + получить некоторые интересные взаимодействия. Я опять выбираю Адриану Лиму, но на этот раз не маскирую задний фон. К самой Лиме я применю Hue Saturation и понижу насыщенность тона, чтобы цвет кожи, при повышении контрастности, не «перегорел».

Теперь я помещу текстуру поверх Лимы и применю к ней режим наложения Overlay . Что бы эффект получился выразительнее я немного затемню текстуру при помощи слоя цветокоррекции. Тогда темные пиксели будут выражены значительно сильнее. Следовательно усилится и контраст.

Если вы дочитали эту статью до конца, то уверен, теперь вы не будете работать с режимами наложения Blending Mode , как слепой котенок, перекликивая режимы в пустую на авось. Теперь вы точно знаете что делают различные группы режимов наложения и в каких ситуациях их стоит использовать. Об остальных режимах наложения я расскажу в следующих статьях и уроках.

Работа со слоями - одна из мощнейших возможностей фотошопа. Ни одна серьезная ретушь не обходится без работы со слоями.

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

Для начала разберем панель слоев.

Над слоями меню выбора режима наложения, непрозрачность (Opacity) и заполнение (Fill).

Примечание. Мне часто задают вопрос - чем Opacity отличается от Fill. Ответ такой - Fill влияет на прозрачность только пикселей слоя, а вот Opacity влияет на непрозрачность пикселей и эффектов слоя.

Заблокировать прозрачные участки - вы сможете изменять только участки заполненные пикселями.
Заблокировать пиксели изображений - предотвращает изменение пикселей с помощью инструментов рисования.
Заблокировать позицию - предотвращает перемещение пикселей.
Заблокировать слой целиком.

Нижняя часть панели:

Создание связи между слоями - вы можете связать два и больше слоев или групп друг с другом. В отличии от выбора нескольких слоев, связанные слои сохраняют свою связь пока вы её не отмените.
Применение эффектов к слоям - открывает выбор эффектов и их контролироль.
Добавление маски к слою - создается обычная, белая маска, а если зажать Alt и нажать на кнопку, создается непрозрачная маска.
Создание корректирующего слоя - в отличии от обычной коррекции, скажем Curves - корректирующий слой можно изменить в любой момент.
Создание папки для слоев - очень удобно когда работаете с большим количеством слоев, группировать их.
Создание нового слоя.
Удаление слоя.

Теперь перейдем непосредственно к режимам наложения слоев.

Режимы наложения слоев

Изначально мы имеем такую пейзажную картинку. Вверху у нас слой с 50% непрозрачностью, ниже два слоя с 100% непрозрачностью. Два непрозрачных для того, чтобы можно было видеть разницу на фоне неба и на фоне травы.

Basic - Основная группа

Normal - Пиксели верхнего слоя непрозрачны и потому закрывают нижний слой. Изменение прозрачности верхнего слоя сделает его полупрозрачным и заставит смешаться с другим слоем.

Dissolve - Комбинирует верхний слой с нижним используя пиксельный узор. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Уменьшите прозрачность для проявления эффекта.

Darken - Группа затемнения

Darken - Сравнивает два источника и заменяет значения светлых пикселей значениями темных.

Multiply - Затемняет все изображение. Полезен при необходимости увеличить плотность светов и средних тонов. Multiply похож на просмотр напросвет двух наложенных друг на друга слайдов. Если верхний слой белый - изменений не произойдет.

Color Burn - Позволяет получить более темное изображение с увеличенной контрастностью. Если верхний слой белый - изменений не произойдет.

Linear Burn - Более “сильная” комбинация режимов наложения Multiply и Color Burn, темные пиксели преобразуюся в черные. Если верхний слой белый - изменений не произойдет.

Darker color - Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.

Lighten - Группа осветления

Lighten - Режим противоположный режиму Darken, затемняет темные пиксели более светлыми.

Screen - Осветляет все изображение. Используйте его для осветления темных областей изображения, а так же для проявления деталей в недодержанных изображениях.

Color Dodge - Действие режима Color Dodge похоже на Screen, но заметно сильнее в светлых областях за счет проявления более насыщенных и контрастных цветов нижнего слоя. Основан на работе инструмента Dodge, который имитирует недодержку в фотографическом процессе.

Linear Dodge (Add) - Комбинация режимов Screen и Color Dodge; светлые значения преобразуются в белые. Если верхний слой черный - эффекта не будет.

Lighter Color - Сравнивает значения всех каналов обоих слоев и отображает более светлые пиксели.

Contrast - Группа увеличения констрастности

Overlay - Затемняет темные пиксели (Multiply) и осветляет (Screen) светлые, что приводит к увеличению контрастности без усечения теней и светов. Если верхний слой 50% серый - эффекта не будет.

Soft Light - Комбинация режима Dodge, который осветляет светлые пиксели, и режима Burn, который затемняет темные пиксели. Увеличивает контрастность чуть меньше чем режимы Overlay и Hard Light. Если верхний слой на 50% серый - эффекта не будет.

Hard Light - Использует тот же метод, что и режим Overlay, но эффект более сильный. Если верхний слой светлее 50% серого, то верхний слой осветяется через Screen, а если темнее - то затемяется через Multiply. Если верхний слой на 50% серый - эффекта не будет.

Vivid Light - Если верхний слой светлее 50% серого, то верхний слой осветяется через уменьшение контраста (Color Burn), а если темнее - то затемняется через увеличение контраста (Color Dodge) . Если верхний слой на 50% серый - эффекта не будет.

Linear Light - Похож на режим Vivid Light. Если верхний слой светлее 50% серого, то верхний слой осветяется через увеличение яркости (Linear Burn), а если темнее - то затемняется через уменьшение ярокости (Linear Dodge). Если верхний слой на 50% серый - эффекта не будет.

Pin Light - Комбинирует режимы Darken и Lighten для замены значений пикселей. Если верхний слой светлее чем 50% серый, пиксели осветляются через режим Lighten, а если темнее 50% серого - затемняются режим Darken. Если верхний слой на 50% серый - эффекта не будет.

Hard Mix - Осветляет светлые пиксели и затемняет темные пиксели до пороговых значений. Это приводит к чрезвычайной постеризации. Свечение верхнего слоя смешивается с цветом нижнего.

Comparative - группа сравнения

Difference - Представляет идентичные пиксели как черные, похожие - как темно-серые, а противоположные - как инвертированные. Если верхний слой черный - изменений не будет. Практическое применение этого режима можно увидеть в статье .

Exclusion - Похоже на режим Difference, однако обеспечивает меньшую контрастность. Наложение на черный цвет не приводит к каким-либо изменениям, а наложение на белые пиксели - к инверсии сравниваемых значений, что приводит к их отображении серым цветом.

HSL - Группа компонентов изображения

Hue - Комбинирует свечение (Luminance) и насыщенность (Saturation) нижнего слоя с цветовым тоном (Hue) верхнего.

Saturation - Комбинирует свечение (Luminance) и цветовой тон (Hue) нижнего слоя с насыщенностью (Saturation) верхнего слоя.

Color - Комбинирует тон (Hue) и насыщенность (Saturation) верхнего слоя и свечение (Luminance) нижнего слоя.

Luminosity - Противоположный режиму Color. Комбинирует Luminance (cвечение) верхнего слоя и Hue (цвета) и Saturation (колебание цвета) нижнего слоя.

Режимы наложения или смешивания слоёв в Adobe Photoshop определяют то, каким образом каждый из слоёв в многослойном изображении будет взаимодействовать с нижележащими слоями. Иными словами, от режима наложения зависит математический алгоритм смешивания значений взаимоперекрывающихся пикселей двух и более слоёв.

Режимом наложения по умолчанию для любого слоя является Normal. Чтобы изменить режим наложения, следует воспользоваться выпадающим меню Blending Mode, расположенном в палитре слоёв (Layers), и выбрать нужный режим из списка.

Классификация режимов наложения

В Adobe Photoshop имеется 27 режимов наложения или смешивания слоёв, каждый из которых может быть отнесён к одной из шести групп в зависимости от типа взаимодействия между слоями. В меню Blending Mode группы режимов визуально разделены при помощи горизонтальных линий, но не подписаны. Если вам неинтересно читать про группы, вы можете сразу перейти к практическим примерам .

Нормальные режимы : Normal (Нормальный) и Dissolve (Растворение). При непрозрачности 100% пиксели верхнего слоя просто замещают собой пиксели нижнего, не испытывая на себе никакого влияния последних. При уменьшении непрозрачности пиксели нижнего слоя либо проступают сквозь пиксели верхнего (Normal), либо частично замещают их (Dissolve).
Субтрактивные режимы : Darken (Замена тёмным), Multiply (Умножение), Color Burn (Затемнение основы), Linear Burn (Линейный затемнитель), Darker Color (Темнее). Эти режимы, так или иначе, приводят к затемнению изображения. Их действие можно сравнить со смешением красок на бумаге, т.е. с субтрактивным синтезом цвета.
Аддитивные режимы : Lighten (Замена светлым), Screen (Осветление), Color Dodge (Осветление основы), Linear Dodge (Линейный осветлитель), Lighter Color (Светлее). В противовес субтрактивным режимам аддитивные режимы служат для осветления изображения по принципу смешения цветового излучения (аддитивный синтез цвета).
Комплексные режимы : Overlay (Перекрытие), Soft Light (Мягкий свет), Hard Light (Жёсткий свет), Vivid Light (Яркий свет), Linear Light (Линейный свет), Pin Light (Точечный свет), Hard Mix (Жёсткое смешение). Эти режимы воздействуют на яркость и контраст конечного изображения, делая тени темнее, а света – светлее.
Разностные режимы : Difference (Разница), Exclusion (Исключение), Subtract (Вычитание), Divide (Разделение). Формирование результирующего цвета осуществляется на основании разницы между цветами верхнего и нижнего слоёв.
HSL режимы : Hue (Цветовой тон), Saturation (Насыщенность) Color (Цвет), Luminosity (Яркость). HSL означает Hue, Saturation, Lightness, т.е. тон, насыщенность и светлота. Таким образом, HSL режимы осуществляют перенос одного или двух компонентов цветовой схемы HSL с верхнего слоя на нижний.

Практика

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

В качестве нижнего слоя будет использован один из моих карельских пейзажей.

В качестве верхнего слоя я возьму текстуру песка.

Далее мы последовательно переберём для верхнего слоя все возможные режимы наложения и посмотрим, что из этого получится. В данных примерах я не преследую никаких художественных целей, а просто пытаюсь продемонстрировать механику смешивания слоёв в различных режимах. Для большей наглядности непрозрачность верхнего слоя будет составлять 100% для всех режимов, кроме Normal и Dissolve, для которых я поставлю 50%. При 100% непрозрачности эффект смешивания в этих режимах был бы незаметен, поскольку верхний слой полностью замещает нижний. Разумеется, в реальной жизни очень часто приходится использовать намного более скромные значения непрозрачности, чтобы эффект смешения не выглядел слишком кричащим.

Напомню, что непрозрачностью слоя можно управлять, используя два параметра: Opacity (Плотность) и Fill (Заливка). При этом для большинства режимов наложения Opacity и Fill действуют абсолютно одинаково с той лишь разницей, что Opacity воздействует как на сам слой, так и на применённые к нему стили, а Fill стили игнорирует. Однако восемь режимов (Color Burn, Linear Burn, Color Dodge, Linear Dodge, Vivid Light, Linear Light, Hard Mix, и Difference) реагируют на уменьшение параметров Opacity и Fill немного по-разному, и об этом не стоит забывать.

Во всех случаях, когда я привожу формулы, используемые Фотошопом для расчёта результирующего цвета, буква a будет обозначать значение яркости верхнего слоя, а b – нижнего. Минимальное значение равно 0 (чёрный цвет), максимальное равно 255 (белый цвет).

Нормальные режимы наложения

Стандартный и наиболее часто употребляемый режим. При 100% непрозрачности пиксели верхнего слоя полностью замещают собой пиксели нижнего, а при уменьшении непрозрачности нижний слой плавно проступает из-под верхнего.

При 100% непрозрачности выглядит так же, как и Normal. При уменьшении непрозрачности часть пикселей верхнего слоя в случайном порядке замещается пикселями нижнего.

Субтрактивные режимы наложения

Если какой-либо пиксель верхнего слоя темнее соответствующего ему пикселя нижнего слоя, то он остаётся на месте. Если же пиксель верхнего слоя оказывается светлее – он замещается пикселем нижнего слоя. Таким образом, результирующее изображение содержит наиболее тёмные пиксели из обоих слоёв. Важно, что значения яркости сравниваются для каждого из цветовых каналов независимо, в связи с чем цвета могут довольно сильно искажаться.

Лучший режим для затемнения. Значение пикселей верхнего слоя умножается на значение соответствующих пикселей нижнего слоя и делится на максимальное возможное значение (255).

Формула режима: (a × b) ÷ 255 .

Если один из слоёв содержит чёрный цвет (0) – результирующим будет тоже чёрный. Если присутствует белый цвет (255) – результирующим будет цвет другого слоя.

Ещё более выраженное затемнение, чем в случае с Multiply. Света приглушаются сильнее, а цветовая насыщенность средних тонов возрастает.

Формула: 255 – ((255 – b) ÷ (a ÷ 255)) .

Темнее чем Multiply, но не такой насыщенный как Color Burn.

Формула: (a + b) – 255 .

Действует так же, как и Darken, выбирая наиболее тёмные пиксели из предложенных, с тем лишь отличием, что Darker Color не обращает внимания на индивидуальные цветовые каналы, и вместо этого сравнивает общие значения яркости пикселей. В результате – цвета используемых пикселей не искажаются.

Аддитивные режимы наложения

Этот режим противоположен режиму Darken. Если пиксели верхнего слоя светлее соответствующих пикселей нижнего, они сохраняются. Если же верхние пиксели оказываются темнее – они замещаются нижними. Сравнение значений яркости осуществляется поканально.

Режим Multiply наоборот. Эффективно и деликатно осветляет изображение. Клиппинг может возникнуть, только если один из слоёв уже содержит белые пиксели.

Формула: 255 – ((255 – a) × (255 – b) ÷ 255) .

Более грубое и интенсивное осветление, чем Screen. Характеризуется выбиванием светов и повышением цветовой насыщенности средних тонов.

Формула: (b ÷ (255 – a)) × 255 .

Ещё светлее, чем Color Dodge, но с более блеклыми цветами. Значения яркости попросту складываются.

Формула: a + b .

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

Комплексные режимы наложения

Каждый из комплексных режимов представляет собой, по сути, комбинацию из двух противоположных по действию режимов смешивания: субтрактивного и аддитивного, действующих в комплексе. При этом к тёмным пикселям применяются субтрактивные методы, а к светлым – аддитивные. Таким образом, тёмные пиксели становятся темнее, а светлые – светлее, в результате чего контраст изображения возрастает.

Во всех комплексных режимах кроме Overlay оценка яркости производится на основании верхнего слоя. Там, где верхние пиксели темнее 50% серого цвета, применяется субтрактивный метод, если светлее – аддитивный. Пиксели верхнего слоя, окрашенные в нейтрально серый цвет (50%), не оказывают на нижний слой никакого влияния. В режиме Overlay аналогичным образом оценивается нижний слой.

К тёмным участкам изображения применяется режим Multiply, а к светлым – Screen. Оценка яркости производится по нижнему слою. Если создать копию слоя и применить к ней режим Overlay, эффект будет напоминать применение S-образной кривой .

Так же как и в режиме Overlay используется комбинация из режимов Multiply и Screen, но яркость исходных пикселей оценивается на основании верхнего слоя. Soft Light – наиболее удобный режим для аккуратного повышения контраста, поскольку он очень деликатно обращается с тенями и светами, не допуская их выбивания.

Использует комбинацию режимов Linear Burn и Linear Dodge для тёмных и светлых пикселей соответственно. Результатом является довольно жёсткое повышение контраста.

Комбинация режимов Color Burn и Color Dodge. Действует ещё более интенсивно, чем Hard Light.

Комбинация режимов Linear Burn и Linear Dodge.

Комбинация режимов Darken и Lighten.

Действует также как и Linear Light (сочетание Linear Burn и Linear Dodge), но на пределе интенсивности, в результате чего в каждом из цветовых каналов пикселям присваивается либо минимальное (0), либо максимальное (255) значение яркости. Как следствие, цветовая палитра изображения в режиме RGB редуцируется до 8 цветов: красного (255; 0; 0), зелёного (0; 255; 0), синего (0; 0; 255), голубого (0; 255; 255), малинового (255; 0; 255), жёлтого (255; 255; 0), чёрного (0; 0; 0) и белого (255; 255; 255).

Разностные режимы наложения

Сравниваются значения яркости верхнего и нижнего пикселей, и из большего значения вычитается меньшее. Таким образом, результирующее значение соответствует разности исходных значений. Наличие белого цвета на одном из слоёв приводит к инверсии любого другого цвета. Чёрный цвет не оказывает никакого влияния. Очевидно, что пиксели одинакового цвета взаимопогашаются и становятся чёрными, поскольку их разность равна 0.

Формула: (b ÷ a) × 255 .

Если пиксель верхнего слоя белый, результирующим будет цвет нижнего слоя. Пиксели одинакового цвета становятся белыми, при условии, что они не чёрные. Одинаковые чёрные пиксели остаются чёрными. Режим Divide работает поканально, что приводит к дополнительному искажению цветов.

HSL режимы наложения

Результирующий цвет имеет цветовой тон верхнего слоя, а насыщенность и светлоту нижнего.

Используются значения насыщенности верхнего слоя вместе со значениями цветового тона и светлоты нижнего.

Информация о цвете (цветовой тон и насыщенность) верхнего слоя сочетается с яркостной информацией (светлотой) нижнего слоя. Грубо говоря, нижний слой окрашивается в цвета верхнего. Очень удобный режим, когда возникает необходимость в редактировании только цветовой составляющей изображения, например, при борьбе с цветовым шумом или хроматическими аберрациями.

В противовес режиму Color сохраняет светлоту верхнего слоя, а значения цветового тона и насыщенности берёт из нижнего. Режим Luminosity полезен, когда изменяя яркость и контраст изображения вы стремитесь сохранить цвета неизменными. Это напоминает редактирование канала L при работе в цветовом пространстве Lab. Например, я обычно использую режим Luminosity при повышении резкости с помощью нерезкого маскирования, чтобы избежать появления цветных артефактов.

Спасибо за внимание!

Василий А.

Post scriptum

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

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

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

Где находятся режимы наложения?
Основная причина, по которой игнорируются Режимы Наложения (Blending Modes) – это их место положения: прямо на Палитре Слоев (Layers Palette).

Их легко не заметить, так как они на всегда на самом виду. Просто выдираете слой (или слои), и назначаете Режим Наложения (Blending Mode).

Что такое Режим Наложения?
Вы можете разбить Режимы Наложения на физические блоки в выпадающем меню: Затемнение (Darken), Замена светлым (lighten), Насыщенность (saturation), Вычитание (subtraction) и режимы Цвета (color).

Теперь, когда вы узнали на какие составляющие можно логически разделить этот инструмент, разобраться для чего используются различные режимы, будет намного легче.

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

Вместо использования фильтра Цветового тона/Насыщенности, или какого-либо другого на базовом изображении (Слой 1 на приведенном выше примере), мы можем просто наложить нужный нам цвет поверх слоя, и использовать Режим Наложения для получения желаемого оттенка. Для перебора различных режимов, вы можете использовать кнопки со стрелками, но если вы уверены, что просто хотите наложить цвет поверх изображения, начинать лучше с режима Экран (Screen).

Режимы Наложения нельзя модифицировать, то есть вы не можете настраивать их. Но вам это и не нужно! Эффекты от различных режимов могут быть подкорректированы параметрами Непрозрачность (Opacity) и Непрозрачность Заливки (Fill opacity). Если вы не сможете подобрать полностью соответствующий вашим требованиям эффект, выберите наиболее подходящий и поэкспериментируйте с Непрозрачностью слоя (Opacity) или Непрозрачностью Заливки (Fill opacity).

Другие применения Режимов Наложения
Как вы, наверное, догадались, можно накладывать друг на друга и отдельные слои, получая потрясающие эффекты. На приведенном ниже примере, использовано наше исходное фото, на которое наложено изображение света автомобильных фар. При помощи Жесткого Света (Hard Light) и понижения Непрозрачности Заливки, вы можете получить весьма интересный эффект, с практически неограниченным ресурсом редактирования:

А еще Режимы Нложения применять “пачками”! На примере ниже вы можете наблюдать наложения нашего оттенка поверх обоих предыдущих слоев.

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

Рабочие примеры
Используя случайное исходное фото и текстуру, мы продемонстрируем как каждый эффект влияет на изображение. Важно расположить текстуру прямо над исходным фото на палитре слоев. Мы установили непрозрачность наложения равной 100% или 50%, так что вы легко можете воспроизвести эксперимент самостоятельно.

Исходным изображением нам послужил природный ландшафт:

Текстура:

Более детальное рассмотрение Режимов Наложения:
Теперь давайте рассмотрим каждый режим в отдельности и изучим его более подробно!

Нормальный, 50% (Normal at 50%)
Использует какую-то часть (в процентном соотношении) накладываемого изображения. 100% означает полное использование изображения, тогда как 0% - не использует его вообще.

Затухание, 50% (Dissolve at 50%)
Выбирает произвольные пиксели изображения, и добавляет их к основе. Так же как и Нормальный режим, при 100% полностью использует изображение, а 0% - не использует вообще.

Затемнение (Darken)
Сравнивает накладываемое изображение с основой, и оставляет только более темные пиксели.

Умножение (Multiply)
Берет информацию о каждом пикселе, умножает его 8-битный цветовой код на код пикселя основы, и делит на 255. Результатом всегда будет более темный цвет. Исключение составляет только наложение белого цвета.

Затемнение основы (Color Burn)
Берет 8-бтную величину каждого канала основы и делит на канал накладываемого слоя. Результатом будет более контрастное изображение, и, как правило, более темное.

Линейный затемнитель (Linear Burn)
Складывает две 8-битные цветовые величины каждого канала, и вычитает из результата 255. В итоге темные области становятся еще более темными, тогда как более светлые участки становятся более контрастными.

Темнее, 50% (Darker Color at 50%)
Вместо использования 8-битного кода каждого канала, он проверяет все каналы, и оставляет только наиболее темные.

Замена светлым, 50% (Lighten at 50%)
Противоположность режима Темнее. Он оставляет только наиболее светлые пиксели от каждого из слоев.

Экран (Screen)
Противоположность Умножения. Он инвертирует пиксели накладываемого изображения, и умножает на пиксели основы.

Осветление основы (Color Dodge)
Делит пиксели слоя основы на инвертированные пиксели слоя с накладываемым изображением.

Линейный осветлитель (добавить) (Linear Dodge (Add))
Складывает 8-битные цветовые коды пикселей каждого слоя. Можно сравнить с режимом Экран, только контраст получается еще сильнее. Если слой-основа – черный, никаких изменений не произойдет.

Светлее (Lighter Color)
Работает так же как Замена Светлым, только перебирает все каналы, а не только каналы основы. Оставляет только наиболее светлые пиксели.

Перекрытие (Overlay)
Использует сочетание режимов Экран и Умножение, делая изображение еще более контрасным.

Мягкий свет (Soft Light)
Тоже самое, что и Перекрытие, но контраст менее сильный.

Жесткий свет (Hard Light)
То же самое, что и Перекрытие, но с более сильным контрастом.

Яркий свет (Vivid Light)
Комбинация Осветления и Затемнения. В работе исходит из параметров накладываемого изображения.

Линейный свет (Linear Light)
То же, что и Яркий Свет, только создает более сильный контраст.

Точечный свет (Pin Light)
Комбинирует пиксели накладываемого изображения, используя режим Осветление Основы и темные пиксели основы, используя Затемнение.

Режим наложения (Blending Modes) определяет, каким образом пиксели накладываемого слоя взаимодействуют с пикселями нижележащего слоя. Знание алгоритмов работы режимов наложения значительно облегчает работу в Фотошоп.

Для каждого слоя по умолчанию установлен Нормальный (Normal) режим наложения. В результате содержимое изображение накладываемого слоя полностью перекрывает содержимое нижележащего слоя. В Фотошоп имеется несколько режимов наложения предоставляющих различные варианты наложения пикселей накладываемого слоя на исходный.

Режимы наложения слоя расположены в выпадающем меню в левом верхнем углу палитры слоёв. Режимы наложения также используются инструментами рисования и находятся в выпадающем меню палитры настроек инструмента. Но самым серьезным инструментом режимы наложения становятся при использовании со слоями.

Режимы наложения разбиты на шесть групп:

Основные (Basic) - заменяют базовые пиксели.
Затемняющие (Darken) - затемняют базовые пиксели.
Осветляющие (Lighten) - осветляют базовые пиксели.
Контрастные (Contrast) - увеличивают контраст базовых пикселей.
Сравнительные (Comparative) - результат зависит от разницы между слоями.
Компонентные (HSL) - определяют результат по яркости и цвету между слоями.

Для получения лучшего результата, с некоторыми режимами наложения рекомендуется уменьшать Непрозрачность (Opacity) слоя. Как и с другими инструментами Фотошоп, разобраться с алгоритмами работы режимов наложения поможет только экспериментирование.

Чтобы помочь вам разобраться, как работают режимы наложения в Фотошоп, я подготовил примеры наложения одного изображения на другое в разных режимах. Во всех примерах я буду изменять режим наложения на верхнем слое с изображением в виде цветных градиентных полос. А накладывать его я буду на нижний слой с изображением сталкера.

ОСНОВНЫЕ (BASIC)

Нормальный (Normal) - пиксели верхнего слоя непрозрачны и поэтому полностью перекрывают нижний слой. Только при уменьшении Непрозрачности (Opacity) верхнего слоя мы сможем увидеть нижний слой.

Растворение (Dissolve) - комбинирует верхний слой с нижним добавляя эффект шума. Чтобы увидеть результат необходимо уменьшить Непрозрачность (Opacity) верхнего слоя (на примере ниже - 80%).

ЗАТЕМНЯЮЩИЕ (DARKEN)

Затемнение (Darken) - сравнивает цвета верхнего и нижнего слоёв и смешивает пиксели в местах, где верхний слой темнее нижнего.

Умножение (Multiply) - умножает цвета верхнего слоя с цветами нижнего слоя и создаёт общий результат темнее. Если верхний цвет белый, никаких изменений не произойдёт.

Затемнение основы (Color Burn) - затемняет изображение используя содержимое верхнего слоя и повышает насыщенность цветов. Этот режим даёт сильный эффект, но если верхний слой белый, никаких изменений не произойдёт.

Линейный затемнитель (Linear Burn) - использует тот же подход, что и предыдущий режим, но с более сильным затемняющим эффектом. Так же не произойдёт никаких изменений, если верхний слой белый.

Темнее (Darker color) - похож на режим Затемнение (Darken), за исключением того, что он работает не поканально, а на всех каналах. В результате его применения на накладываемом слое видимыми остаются только те пиксели, которые темнее пикселей нижележащего слоя.

ОСВЕТЛЯЮЩИЕ (LIGHTEN)

Замена светлым (Lighten) - сравнивает цвета верхнего и нижнего слоёв и смешивает пиксели в местах, где верхний слой светлее нижнего.

Осветление (Screen) - производит те же вычисления, что и режим Умножение (Multiply), но использует при этом инвертированные значения, чтобы проявить конечный результат. Осветляет изображение.

Осветление основы (Color Dodge) - осветляет изображение, используя содержимое верхнего слоя и повышает насыщенность цветов. Если верхний слой чёрный, никаких изменений не произойдёт.

Линейный осветлитель (Linear Dodge) - похож на режим Осветление (Screen), производит более сильный эффект осветления. Если верхний слой чёрный, никаких изменений не произойдёт.

Светлее (Lighter color) - похож на режим Замена светлым (Lighten), за исключением того, что он работает не поканально, а на всех каналах. В результате его применения на накладываемом слое видимыми остаются только те пиксели, которые светлее пикселей нижележащего слоя.

КОНТРАСТНЫЕ (CONTRAST)

Перекрытие (Overlay) - при наложении верхнего слоя на нижний, комбинирует эффекты Умножение (Multiply) и Осветление (Screen) в зависимости от яркости пикселей верхнего слоя. Если верхний слой залит 50% серым цветом, эффекта не будет.

Мягкий свет (Soft Light) - похож на режим Перекрытие (Overlay), но создаёт более умеренный эффект. Если верхний слой залит 50% серым цветом, эффекта не будет.

Жёсткий свет (Hard Light) - принцип работы, как у режима Перекрытие (Overlay), но с более сильным эффектом. Тёмные пиксели верхнего слоя затемняются аналогично режиму Умножение (Multiply), а светлые пиксели осветляются аналогично режиму Осветление (Screen). Если верхний слой залит 50% серым цветом, эффекта не будет.

Яркий свет (Vivid Light) - в зависимости от яркости пикселей верхнего слоя, затемнение происходит по принципу режима Затемнение основы (Color Burn), а осветление по принципу режима Осветление основы (Color Dodge), но с более сильным воздействием. Если верхний слой залит 50% серым цветом, эффекта не будет.

Линейный свет (Linear Light) - похож на предыдущий режим, но с более сильным эффектом. Если верхний слой залит 50% серым цветом, эффекта не будет.

Точечный свет (Pin Light) - смешивает светлые пиксели верхнего слоя используя режим Замена светлым (Lighten), и тёмные пиксели верхнего слоя используя режим Замена тёмным (Darken). Если верхний слой залит 50% серым цветом, эффекта не будет.

Жёсткое смешение (Hard Mix) - создаёт изображение с ровными тонами, ограниченными цветами и большим количеством пастеризации. Освещённость верхнего слоя накладывается на цвета нижнего слоя.

СРАВНИТЕЛЬНЫЕ (COMPARATIVE)

Разница (Difference) - отображает тональную разницу между двумя слоями. Этот режим обычно используют в технологических целях, а не для прямой обработки исходного изображения.

Исключение (Exclusion) - похож на предыдущий режим, но с менее сильным эффектом.

КОМПОНЕНТНЫЕ (HSL)

Цветовой тон (Hue) - объединяет цветовой тон верхнего слоя с яркостью и насыщенностью нижнего слоя.

Насыщенность (Saturation) - объединяет насыщенность верхнего слоя с яркостью и цветовым тоном нижнего слоя.

Цветность (Color) - объединяет цветовой тон и насыщенность верхнего слоя с яркостью нижнего слоя.

Яркость (Luminosity) - объединяет яркость верхнего слоя с цветовым тоном и насыщенностью нижнего слоя.