Слои и режимы наложения в Photoshop. Режимы наложения 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 (колебание цвета) нижнего слоя.

Режимы наложения в Фотошопе, на первый взгляд, не простая тема. В действительности нет ничего проще чем режимы наложения в Фотошопе. Все что нужно сделать — правильно объяснить их. И вы убедитесь в этом сами. Режимы наложения 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 , как слепой котенок, перекликивая режимы в пустую на авось. Теперь вы точно знаете что делают различные группы режимов наложения и в каких ситуациях их стоит использовать. Об остальных режимах наложения я расскажу в следующих статьях и уроках.

Эта статья даст вам общее представление о режимах наложения или смешивания слоев (blending modes). Режимы наложения используют для разных целей, например, чтобы вписать объект в фон, наложить текстуру или тонировать изображение. При использовании режимов наложения слои начинают взаимодействовать друг с другом, также можно изменять непрозрачность и заливку слоя в результате чего получается интересный эффект. Многие просто прогоняют слой по всем режимам в поисках лучшего варианта. Конечно, будет намного удобнее, хоть немного разбираться в этих режимах и понимать для чего нужен каждый из них.

Когда мы устанавливаем режим смешивания, то слой, которому изменили режим, начинает взаимодействовать с нижестоящим. А теперь давайте рассмотрим разные режимы наложения, которые разделены на группы горизонтальными линиями.

1. Основные режимы (Basic)

Обычные (Normal)

Уже из названия этого режима становится понятно, что это обычное состояние слоя. Здесь нет взаимодействия между слоями (активным и нижестоящим). Полностью заменяются пиксели нижестоящего слоя при режиме 100% непрозрачности.

Затухание (Dissolve)

При 100% непрозрачности верхний слой полностью перекрывает нижний, как и в режиме Обычные (Normal) . А при снижении непрозрачности, этот режим в случайном порядке удаляет некоторые пиксели активного слоя, что придает эффект пористости или шума. Например, у нас получился эффект «мела» при значении непрозрачности 70%:

2. Затемняющие режимы (Darken)

Во всей группе Затемняющих режимов, игнорируется белый цвет.

Затемнение (Darken)

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

Умножение (Multiply)

Это один из самых распространенных режимов. Он накладывает цвета верхнего слоя на цвета нижнего. Цвет становится гуще, от этого изображение темнеет. Этот режим можно применять для восстановления очень светлых фото, путем дублирования основного слоя и установления верхнему слою режима Умножение (Multiply) .

Затемнение основы (Color burn)

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

Линейный затемнитель (Linear burn)

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

Темнее (Darker color)

Здесь видимыми остаются только пиксели, которые темнее пикселей нижнего слоя.

3. Осветляющие режимы (Lighten)

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

Замена светлым (Lighten)

С помощью этого режима получаем противоположное действие режиму Затемнение (Darken) . Проявляет светлые пиксели.

Экран (Screen)

Этот режим производит те же вычисления, как и режим Умножение (Multiply) , но использует при этом инвертированные значения, чтобы проявить конечный результат. Этот режим осветляет изображение. Его можно применять для осветления темных фотографий, путем дублирования и установления верхнему слою этого режима.

Осветление основы (Color dodge)

Похож на режим Экран (Screen) , но черный цвет на верхнем слое не влияет на результат, и другие цвета будут слегка подсвечивать нижние, путем повышения насыщенности и понижения контраста, чтобы подобрать подходящий тон. Хорош для создания сильных эффектов.

Линейный осветлитель (добавить) (Linear Dodge (Add)

Цвета здесь сочетаются путем повышения яркости, светлые цвета заменяются более светлыми. Представляет собой комбинацию режимов Экран (Screen) и Осветление основы (Color Dodge) .

Светлее (Lighter Color)

Видимыми остаются только пиксели, которые светлее пикселей нижнего слоя.

4. Контрастные режимы (Contrast)

Для всех режимов этой группы игнорируемый цвет - 50% серого (за исключением режима Жесткое смещение (Hard Mix) ).

Перекрытие (Overlay)

Этот режим равномерно смешивает цвета обоих слоев, хорошо поддается изменениям прозрачности. Он отсеивает светлые части и умножает темные. При низком уровне прозрачности, он похож на режим Обычные (Normal) , но с более интенсивными цветами. Хорошо подходит для наложения текстуры на изображение.

Мягкий свет (Soft light)

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

Жесткий свет (Hard light)

Похож на предыдущий режим. Почти не используется, так как Мягкий свет (Soft light) более контролируемый. Он будет затемнять изображение, если наверху темное, осветлять, если светлое, и повышать контрастность.

Яркий свет (Vivid Light)

Этот режим затемняет или осветляет цвета изображения в зависимости от того, какие цвета на верхнем слое. Кажется, что изображению добавили различные значения контраста.

Линейный свет (Linear light)

Если верхний слой яркий, то нижний слой будет осветляться, если темный, то затемняться.

Точечный свет (Pin light)

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

Жёсткое смешение (Hard Mix)

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

5. Сравнительные режимы (Comparative)

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

Разница (Difference)

Подходит для создания различных эффектов. Он реверсирует тона и цвета, яркость здесь зависит от разницы пикселей.

Исключение (Exclusion)

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

Вычитание (Subtract)

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

Разделить (Divide)

Похож на предыдущий режим, только с более сильным осветлением.

6. Компонентные режимы (HSL)

Результат зависит от яркости и цвета слоев. Эти режимы обычно используются для тонирования и перекрашивания объектов на изображении.

Цветовой тон (Hue)

Здесь, цвета верхнего слоя смешиваются с насыщенностью и яркостью нижнего слоя. Это дает сильный эффект. Альтернативный режим - это Цветность (Color) .

Насыщенность (Saturation)

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

Цветность (Color)

Здесь используется только яркость нижнего слоя, а цвет и насыщенность идут от верхнего слоя. Подходит для перекрашивания изображения.

Яркость (Luminosity)

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

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

До встречи в следующем уроке!

© 2014 сайт

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

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

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

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

1. Нормальные режимы : Normal (Нормальный) и Dissolve (Растворение). При непрозрачности 100% пиксели верхнего слоя просто замещают собой пиксели нижнего, не испытывая на себе никакого влияния последних. При уменьшении непрозрачности пиксели нижнего слоя либо проступают сквозь пиксели верхнего (Normal), либо частично замещают их (Dissolve).
2. Субтрактивные режимы : Darken (Замена тёмным), Multiply (Умножение), Color Burn (Затемнение основы), Linear Burn (Линейный затемнитель), Darker Color (Темнее). Эти режимы, так или иначе, приводят к затемнению изображения. Их действие можно сравнить со смешением красок на бумаге, т.е. с субтрактивным синтезом цвета.
3. Аддитивные режимы : Lighten (Замена светлым), Screen (Осветление), Color Dodge (Осветление основы), Linear Dodge (Линейный осветлитель), Lighter Color (Светлее). В противовес субтрактивным режимам аддитивные режимы служат для осветления изображения по принципу смешения цветового излучения (аддитивный синтез цвета).
4. Комплексные режимы : Overlay (Перекрытие), Soft Light (Мягкий свет), Hard Light (Жёсткий свет), Vivid Light (Яркий свет), Linear Light (Линейный свет), Pin Light (Точечный свет), Hard Mix (Жёсткое смешение). Эти режимы воздействуют на яркость и контраст конечного изображения, делая тени темнее, а света – светлее.
5. Разностные режимы : Difference (Разница), Exclusion (Исключение), Subtract (Вычитание), Divide (Разделение). Формирование результирующего цвета осуществляется на основании разницы между цветами верхнего и нижнего слоёв.
6. 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)
Комбинирует пиксели накладываемого изображения, используя режим Осветление Основы и темные пиксели основы, используя Затемнение.