В каком порядке photoshop обсчитывает наложение слоев. Слои и режимы наложения в Photoshop

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

Каждый из ползунков имеет два маркера: черный (слева) и белый (справа).

Что же произойдёт, если мы сдвинем маркеры? Все оттенки, которые окажутся слева от черного маркера, станут прозрачным, все оттенки справа от белого маркера также станут прозрачными. Подробнее:

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

Пока маркеры остаются на своих местах, они не создают никакого эффекта. Чтобы увидеть их работу, их надо переместить. Давайте посмотрим, что они могут

Слайдер "Данный слой"

Сначала рассмотрим слайдер "Данный слой" (This Layer). Перетащим чёрный маркер вправо и поглядим, что будет происходить, если перетаскивать маркер вправо, от чёрного к белому:

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

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

Сплит маркер

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

Слайдер подлежащего слоя (Underlying Layer)

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

На рисунке ниже такой эффект получается, потому что блик на шаре круглый и нарастание теней идёт по кругу, а не по прямой, как в первой анимации:

Общее правило наложения для нижнего слайдера:

Область слоя, лежащего над тёмными оттенками с левой стороны черного маркера является прозрачной
Область слоя, лежащего над светлыми оттенками с правой стороны белого маркера является прозрачной

Вы также можете разделить любой маркер, чтобы сделать плавные изменения прозрачности:

Изменение непрозрачности текстуры

Я показал механизм работы параметров наложения на примере изменения оттенков серого градиента. Гораздо более интересный эффект получится при смешивании более сложной поверхности.

Вот несколько примеров наложения текстуры ржавчины, можно добиться самых разных и неожиданных результатов:

Кроме того, вместе с изменением параметров наложения можно менять и режимы наложения:

Выше я рассказал о теоретическом аспекте работы с параметров наложения. В следующих материалах я покажу применение параметров наложения на практике.

Работа в 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) - объединяет яркость верхнего слоя с цветовым тоном и насыщенностью нижнего слоя.