Как сделать перекрытие в фотошопе
В этой статье речь пойдёт о режиме наложения "Перекрытие", который одновременно и усиливает глубину темных областей изображения, и добавляет яркость светлым областям.
Сложность урока: Легкий
В прошлых уроках мы рассмотрели режим наложения слоев «Умножение», который затемняет изображения и отлично подходит для придания резкости теням и работы с пересвеченными снимками. Мы также рассмотрели режим наложения слоев «Экран», который осветляет изображения и является незаменимым помощником при работе с недодержанными снимками и снимками, где требуется добавить яркость светлым участкам. Следующим нашим шагом будет изучение третьего важного режима наложения, который одновременно и усиливает глубину темных областей изображения, и добавляет яркость светлым областям – режима наложения «Перекрытие».
В начале нашего курса мы изучили, что режим наложения «Перекрытие» (Overlay) входит в группу режимов контраста, наряду с такими режимами, как «Мягкий свет» (Soft Light), «Жесткий свет» (Hard Light), «Яркий свет» (Vivid Light), «Линейный свет» (Linear Light) и т.д. Каждый из этих режимов направлен на усиление контрастности изображения, но наиболее популярным и широко используемым является режим «Перекрытие», и вам его следует знать.
Давайте еще раз вернемся к нашему простому рисунку, состоящему из двух слоев, чтобы понять, как работает режим «Перекрытие». Итак, у нас есть слой заднего фона, залитый голубым цветом, и вышележащий слой, на котором расположена горизонтальная черно-белая градиентная заливка и три квадрата – черный, белый и серый (50%-ный серый):
Наш документ с простым рисунком, состоящим из двух слоев
Как мы уже говорили до этого, все выглядит без изменений, потому что у верхнего слоя «Градиент и квадраты» (Gradient and Squares) в настоящее время установлен режим наложения «Нормальный» (Normal):
На панели слоев отражены оба слоя, у верхнего из которых выбран режим наложения «Нормальный»
Давайте быстро вспомним материал прошлых уроков. Когда мы изменили режим наложения слоя «Градиент и квадраты» на «Умножение», все стало темнее. Белые области перестали быть видимыми, черные области не изменились, а области серого цвета смешались с голубым цветом слоя заднего фона и стали темнее. Когда мы изменили режим наложения на «Экран», все стало светлее. Все черные области на слое исчезли, все белые области остались без изменения, а все остальные области смешались с голубым цветом и стали светлее.
Режим наложения «Перекрытие» одновременно и усиливает глубину темных областей изображения, и добавляет яркость светлым областям, таким образом, темные области становятся темнее, а светлые области – светлее. Области серого цвета перестают быть видимыми. Это придает изображению дополнительный контраст. Вот почему при обработке фотографий этот режим часто применяют для быстрого усиления контраста на блеклых снимках. Давайте посмотрим, что произойдет, когда я поменяю режим наложения слоя «Градиент и квадраты» на «Перекрытие»:
Меняем режим наложения слоя «Градиент и квадраты» на «Перекрытие»
Исходя из того, что я говорил раньше, при выборе режима наложения «Перекрытие» 50% серый квадрат и область градиентной заливки в центральной части между белым и черным краями должны полностью исчезнуть. Все, что темнее нашего серого оттенка должно стать еще более темным, а все, что светлее - еще более светлым. Давайте посмотрим на наш рисунок и увидим, что получилось:
Документ после изменения режима наложения слоя «Градиент и квадраты» на «Перекрытие»
Как мы и предполагали, серый квадрат и область градиентной заливки в центральной части градиента исчезли, левая часть градиента смешалась с голубым цветом под ним и стала темнее, а правая часть градиента смешалась с голубым цветом и стала светлее.
Что же странного мы видим на рисунке? Возможно, вы ожидали, что черный и белый квадрат, наряду с черным и белым краем градиента не изменятся, черное останется черным, а белое – белым, так как я говорил, что режим «Перекрытие» одновременно и усиливает глубину темных областей изображения, и добавляет яркость светлым областям. Когда мы рассматривали режим наложения «Умножение», черные области оставались черными, а когда мы изучали режим «Экран», белые области оставались белыми. И тогда это выглядело логичным - так как невозможно было сделать темнее черный цвет и светлее – белый. Но не в случае применения режима «Перекрытие». Черный квадрат и черный край градиента слева в действительности стали немного светлее и приобрели темно-синий оттенок, в то время как белый квадрат и белый край градиента стали немного темнее и приобрели голубоватый оттенок. Почему же это произошло?
Причина случившегося - в так называемом «фаворитизме». Да-да, это слово относится не только к семейным и служебным взаимоотношениям. Оно также используется и в программе «Фотошоп». Когда вы выбрали режим наложения «Перекрытие», программа по умолчанию предпочла нижележащий слой/слои слою, к которому вы применили этот режим. Иными словами, в нашем случае, программа менее важным сделала слой «Градиент и квадраты» с выбранным режимом наложения «Перекрытие» и более важным - нижележащий слой с голубой заливкой. Вот почему голубой цвет «возобладал» над черным и белым цветами.
Давайте посмотрим, что же случится, если я поменяю порядок слоев на панели таким образом, чтобы слой «Градиент и квадраты» оказался снизу, а слой с голубой заливкой - над ним. В настоящий момент, программа «Фотошоп» не позволяет нам перемещать слой заднего фона, поэтому я его сначала переименую. Для этого, я нажму и удержу клавишу Alt / Option и дважды кликну мышкой по названию слоя «Задний фон» (Background) на панели слоев, в результате чего слой переименуется на «Слой 0» (Layer 0). Поскольку теперь слой не называется «Задний фон», я могу его свободно перемещать. Что я и сделаю, переместив слой с голубой заливкой над слоем «Градиент и квадраты». Также я собираюсь поменять режим наложения слоя «Градиент и квадраты» обратно на «Нормальный», а у слоя с голубой заливкой установить режим наложения «Перекрытие»:
Слой с голубой заливкой теперь расположен над слоем «Градиент и квадраты» и у него выбран режим наложения «Перекрытие».У слоя «Градиент и квадраты» в свою очередь опять установлен режим наложения – «Нормальный»
На этот раз, поскольку режим наложения «Перекрытие» выбран у слоя с голубой заливкой, программа отдала предпочтение нижележащему слою «Градиент и квадраты». Это означает, что черные и белые области на слое «Градиент и квадраты» должны остаться неизменными. Давайте посмотрим, так ли это:
Черные и белые области на слое «Градиент и квадраты» должны остаться неизменными, поскольку программа сделала слой с голубой заливкой менее важным
Действительно, всё изменилось так, как мы и предполагали. Черные области остались черными, а белые области – белыми, в то время как серые области исчезли из вида. Поменяв порядок слоев и применив режим наложения «Перекрытие», мы еще больше усилили контраст на рисунке. Как мы видим, режим наложения остался тем же, но поскольку мы изучили, что программа всегда делает более важным слой, который расположен ниже слоя с режимом наложения «Перекрытие», мы смогли сделать контраст сильнее.
Скорее всего, в большинстве случаев при применении режима наложения «Перекрытие», вам не придется сталкиваться с понятием «фаворитизм», но знать о нем не помешает.
Применение режима наложения «Перекрытие» в реальной жизни
Давайте посмотрим, как можно с легкостью применить режим наложения «Перекрытие» для усиления контраста на изображении. Ниже представлена еще одна старинная фотография, которая выцвела со временем – не видно ни четких теней, ни ярких бликов:
Старинная фотография, которая выцвела со временем и потеряла яркость
Как и в случае с режимом наложения «Умножение», и с режимом наложения «Экран», сначала я собираюсь добавить корректирующий слой «Уровни», нажав на значок «Новый корректирующий слой» (New Adjustment Layer) в нижней части панели слоев и выбрав из списка появившихся корректирующих слоев «Уровни» (Levels):
Добавляем на изображение корректирующий слой «Уровни»
Снова, нам не нужно делать никаких изменений в появившемся диалоговом окне слоя «Уровни», поэтому я просто нажму ОК, чтобы его закрыть. Программа действует на свое усмотрение и располагает корректирующий слой «Уровни» над слоем заднего фона. Как вы знаете, по умолчанию Фотошоп у всех новых слоев устанавливает режим наложения «Нормальный», поэтому я изменю режим наложения корректирующего слоя «Уровни» на «Перекрытие»:
Меняем режим наложения корректирующего слоя на «Перекрытие»
И теперь, если мы посмотрим на изображение, то увидим, что, просто добавив корректирующий слой «Уровни» и изменив его режим наложения на «Перекрытие», мы значительно усилили контрастность снимка. Темные области стали еще темнее, а светлые области – светлее:
После изменения режима наложения корректирующего слоя на «Перекрытие» контрастность снимка увеличилась
Я думаю, мы можем еще усилить контрастность снимка, и сделаем это, просто создав копию корректирующего слоя. Нажмем сочетание клавиш Ctrl+J / Command+J, в результате чего появится копия корректирующего слоя «Уровни». У нее, как и у исходного корректирующего слоя, установлен режим наложения «Перекрытие»:
На панели слоев отражена копия корректирующего слоя «Уровни», у которой также установлен режим наложения «Перекрытие»
И теперь, если мы опять посмотрим на изображение, то увидим, что оно стало еще более контрастным. В действительности, со вторым корректирующим слоем изображение выглядит чересчур контрастным. Некоторые детали на снимке в самых ярких и темных местах теряются:
После дублирования корректирующего слоя изображение выглядит чересчур контрастным
Чтобы достичь нужной степени контрастности, мне просто нужно уменьшить непрозрачность (Opacity) копии корректирующего слоя. В моем случае, я уменьшу непрозрачность до 60%:
Уменьшаем непрозрачность копии корректирующего слоя «Уровни»
И вот как выглядит фотография с нужной степенью контрастности после уменьшения непрозрачности слоя:
Конечный результат после восстановления теней и бликов на изображении с помощью применения режима наложения «Перекрытие»
Мы научились с легкостью восстанавливать тени и блики на изображении и усиливать контрастность снимка, всего лишь используя корректирующий слой «Уровни» (или два слоя) и режим наложения «Перекрытие». Третий режим наложения, который необходимо знать при обработке, ретуши и реставрации фотографий, нами изучен. В следующем уроке мы рассмотрим четвертый режим наложения, который не воздействует ни на тени, ни на блики, ни на степень контрастности, но от этого не менее важный – режим «Цветность» (Color)!
Понятия непрозрачность или прозрачность слоя рассматривается, как правило, как своего рода свойство действия на весь слой целиком — весь слой может быть полностью непрозрачным, полностью прозрачным, или где-то между этим. Но знаете ли Вы, что можете управлять прозрачностью отдельных частей слоя без выбора их вручную с помощью изменения параметров наложения? Это умение может оказаться незаменимо при наложении текстуры на фото и изменения цвета и оттенка с ложной поверхности. Заинтересовались?
Параметры наложения (на путать с режимами наложения!) можно открыть, если дважды кликнуть по слою в панели слоёв. Они находятся в самом верху диалогового окна стилей слоя и обычно игнорируются пользователями. А зря! В этом материале я постараюсь рассказать о мощных возможностях параметров наложения. Простой пример — замена неба на фото — замена элемента фотографии без использования маски, выделения и вырезания. А в этом материале я копну гораздо глубже.
Что такое смешивание «Наложение, если» (Blend If)
Чтобы представить работу смешивания «Наложение, если», нужно иметь два элемента: верхний и нижний слои. Скажем, у нас есть этот зелёный шар (нижний слой):
И я хочу смешить его с этим кругом из чёрно-белого градиента (верхний слой):
Дважды кликните по верхнему слою в панели слоёв и Вам откроется диалоговое окно параметров наложения.
В середине внизу окна имеются два ползунка в виде черно-белых градиентов. После того, как Вы научитесь ими пользоваться, Вы сможете делать чудеса!
Каждый из ползунков имеет два маркера: черный (слева) и белый (справа).
Что же произойдёт, если мы сдвинем маркеры? Все оттенки, которые окажутся слева от черного маркера, станут прозрачным, все оттенки справа от белого маркера также станут прозрачными. Подробнее:
- Оттенки в этом разделе являются прозрачными, потому что они расположены слева от черного маркера.
- Оттенки в этом разделе являются непрозрачными, потому что они не слева от черного маркера и не справа от белого
- Оттенки в этом разделе являются прозрачными, потому что они справа от белого маркера
Пока маркеры остаются на своих местах, они не создают никакого эффекта. Чтобы увидеть их работу, их надо переместить. Давайте посмотрим, что они могут
Слайдер «Данный слой»
Сначала рассмотрим слайдер «Данный слой» (This Layer). Перетащим чёрный маркер вправо и поглядим, что будет происходить, если перетаскивать маркер вправо, от чёрного к белому:
То же самое произойдёт при перетаскивании белого маркера влево, только серый шар будет становится прозрачным сверху вниз, т.к. белые тона сверху:
Пользователь может поменять маркеры местами, на первый взгляд это создаст непонятную ситуацию — белый маркер указывает, что область непрозрачна, а черный — что прозрачна. На самом деле Photoshop решает данную ситуацию очень просто — когда маркеры меняются местами, они работают точно наоборот . Т.е прозрачная область идёт слева у белого маркера и справа у чёрного маркера:
Сплит маркер
Выше я говорил вам, что каждый слайдер имеет два маркера, но это утверждение не совсем верно. Дело в том, что каждый из маркеров может быть разделен на две части. Для разделения следует зажать Alt и протащить маркер. Таким образом Вы можете сделать переход от непрозрачности к прозрачности плавным:
Слайдер подлежащего слоя (Underlying Layer)
Нижний слайдер работает точно так же, но он управляет непрозрачностью верхнего слоя в зависимости от тональности оттенка нижнего слоя.
На рисунке ниже такой эффект получается, потому что блик на шаре круглый и нарастание теней идёт по кругу, а не по прямой, как в первой анимации:
Общее правило наложения для нижнего слайдера:
- Область слоя, лежащего над тёмными оттенками с левой стороны черного маркера является прозрачной
- Область слоя, лежащего над светлыми оттенками с правой стороны белого маркера является прозрачной
Вы также можете разделить любой маркер, чтобы сделать плавные изменения прозрачности:
Изменение непрозрачности текстуры
Я показал механизм работы параметров наложения на примере изменения оттенков серого градиента. Гораздо более интересный эффект получится при смешивании более сложной поверхности.
Вот несколько примеров наложения текстуры ржавчины, можно добиться самых разных и неожиданных результатов:
Кроме того, вместе с изменением параметров наложения можно менять и режимы наложения:
Выше я рассказал о теоретическом аспекте работы с параметров наложения. В следующих материалах я покажу применение параметров наложения на практике.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
В этом материале мы рассмотрим не менее важный параметр инструмента «Кисть» (Brush Tool) — режимы наложения (Blending Modes). Каждый раз, когда вы рисуете что-то с помощью Кисти, Вы можете выбрать режим наложения для её мазков. Режимы наложения является способами смешивания цветов с объекта(ов) с накладываемыми на них мазками кисти с помощью различных математических алгоритмов, и работают эти алгоритмы со значением RGB каждого пикселя.
По принципу работы режимы наложения кистей похожи, но, тем не менее, отличаются от
режимов наложения слоёв.
Вот как выглядит эта опция в программе Photoshop CS6, привожу скрины режимов наложения кистей русскоязычного и англоязычного Photoshop`а:
Давайте рассмотрим некоторые из них.
Режимы «Нормальный», «Затухание», «На заднем плане», «Удалить»
1. Нормальный (Normal) — ну тут всё понятно интуитивно. При использовании этого режима кисть рисует цвета как есть, без применения каких-либо преобразований к цвету нижних пикселей.
2. Затухание (Dissolve)
Этот режим добавляет некоторый шум на краю мазка кисти:
3. На заднем плане (Behind) — позволяет наносить мазки кистью позади объекта активного слоя, если на этом слое имеются пустые области. Иными словами, заполняются пустые пиксели, и пиксели находящиеся под существующими на момент нанесения мазка пикселями слоя. На рисунке сначала были нанесены красные мазки, затем поверх них — зелёный:
4. Удалить (Clear) — в этом режиме Кисть работает аналогично инструменту «Ластик» (Eraser Tool). Кисть удаляет все пиксели активного слоя:
Другие режимы наложения кисти
Остальные режимы наложения также придают интересные эффекты при наложении мазков.
Затемнение, Умножение (Darken, Multiply) добавляют цвет мазка к объектам, при этом затемняя как будто бы на участок мазка наложен цветной фильтр:
Режим Перекрытие (Overlay) по принципу работы очень похож на одноимённый режим наложения слоёв. Мазок кисти затемняет тёмные области изображения и в то же время, осветляет светлые области:
Замена светлым, Осветление основы (Lighten, Color Dodge) также добавляют цвета, но при этом пиксели объекта осветляются, так, как будто бы на участок объекта направлен луч света цвета мазка:
Остальные режимы используются реже, как они работают, можно разобраться опытным путём.
Ранее мы рассмотрели режим наложения «Умножение» (Multiply), который затемняет изображение, он отлично подходит для восстановления теней и дополнительной фиксации переэкспонированных фотографий. Мы рассмотрели режим наложения
«Экран» (Screen), который осветляет изображение, и идеально подходит для увеличения яркости светлых тонов.
В этом материале мы рассмотрим режим «Перекрытие» (Overlay), который, с одной стороны, затемняет тёмных области фотографии и в то же время, осветляет светлые области.
Как мы убедились в пилотной статье этого цикла, режим наложения «Перекрытие» (Overlay) входит в группу контрастности, наряду с другими режимами наложения, такими как Мягкий свет (Soft Light), Жёсткий свет (Hard Light), Яркий свет (Vivid Light), и так далее. Каждый из этих режимов наложения предназначен для повышения контрастности изображений, а применение режимов наложения на сегодняшний день является самым популярным и часто используемым методом, который, определённо, нужно знать всем пользователем программы Photoshop.
Давайте будем использовать простой двухслойный документ и сейчас, на этот раз чтобы понять принцип работы «Перекрытия». Нижний фоновый слой в документе залит сплошным синим цветом, а слой над ним состоит из горизонтального чёрно-белого градиента и трёх расположенных под ним квадратов, чёрного, белого и серого, фон этого слоя — прозрачный:
В Панели слоёв документ выглядит следующим образом, обратите внимание, что в настоящее время режим наложения слоя с градиентом и квадратами установлен «Обычные» (Normal):
Напоминаю, что при изменении режима наложения верхнего слоя на «Умножение», все пиксели верхнего слоя стали темнее. Белые области скрылись из вида, черные области остались неизменными, а все остальное смешалось со сплошным синим цветом фонового слоя, что дало нам более темный результат.
Когда мы изменили режим верхнего слоя на «Экран» (Screen), всё его пиксели стали светлее. Черные области верхнего слоя исчезли, белые области остались неизменными, а всё остальное смешалось со сплошным синим цветом нижнего слоя и стало светлее.
Режим наложения «Перекрытие» (Overlay) умножает темные и светлые области слоя, при его применении темные области становятся темнее, а светлые участки становятся светлее. Все имеющиеся пиксели на слое, цвет которых составляет 50% серого (т.е. средний между полностью чёрным и полностью белым) полностью исчезают из поля зрения.
Этот эффект повышает контрастность изображения, и именно поэтому применение «Перекрытия» используется наиболее часто при редактировании сильно выцветших фотографий. Давайте посмотрим, что произойдёт в нашем примере, когда я изменю режим наложения верхнего слоя на «Перекрытие»:
В отличии от первых двух режимов, яркость цветов финального изображения при применении «Наложения» рассчитывается отдельно для тонов с яркостью выше 128 и тонов с яркостью ниже или равной 128. Вот эти две формулы, где i — яркость нижнего (корректируемого) слоя, k — яркость корректирующего слоя, S — яркость финального изображения:
Мы видим, что 50% серый квадрат, наряду с участком в центре градиента между черным и белым, полностью исчез из поля зрения. Все пиксели верхнего слоя, бывшие темнее, чем 50% серый, стали ещё темнее, а все пиксели, которые были светлее чем 50% серый, стали еще светлее. Вот как теперь выглядит наш пример:
Что здесь странно, так это то, что, как Вы вероятно ожидали, черные и белые квадраты, наряду с черными и белыми областями градиента останутся неизменными, поскольку этот режим умножает темные и светлые области изображения. Ведь при применении Умножения», черные области остаются черными, а при применении «Экрана» белые области остаются белыми. Тем не менее, мы видим в нашем документе выше, что это не так. Черный квадрат и черные левые области градиента слева на самом деле немного посветлели и стали темно-синими, а белый квадрат и белая область градиента справа несколько потемнели и стали светло-голубыми. Так что же здесь не так?
Это называется «фаворитизм». При применении «Перекрытия» для Photoshop`а являются приоритетными слой или слои, расположенные ниже слоя, к которому применяется «Перекрытие».
В нашем же случае, Photoshop дает меньшее значение верхнему слою с градиентом и квадратами, т.е слою, к которому применен режим наложения, и, соответственно, более важное значение придаётся сплошному синему фоновому слою под ним.
Вот почему синий цвет здесь, так сказать, «победил» над черным и белым цветами.
Смотрите, что произойдет, если в Панели слоёв изменить порядок слоёв, т.е. поместить слой с градиент и квадратами под слоем со сплошным синим цветом (для этого нужно разблокировать фоновый слой со сплошным синим цветом). кроме того, слою с градиентом и квадратами перед изменением порядка вернём режим наложения «Обычный» (Normal), а режим «Перекрытие» зададим синему слой, который на этот раз будет вверху:
На этот раз, так как режим применён к синему слою, Photoshop отдаёт приоритет находящемуся под ним слою с градиентом и квадратами. Это означает, что черные и белые области нижнего слоя должны оставаться неизменными. Давайте посмотрим, как это отображается в рабочем документе:
В результате, чёрные области по-прежнему остались чёрными, белые области по-прежнему белые, в то время как 50%-но серые районы все так же ??скрыты от глаз. Режим «Наложение» теперь даёт гораздо более сильный эффект со значительно более очевидным повышением контраста, это произошло потому, что мы изменили порядок наложения двух слоёв.
В большинстве случаев, этот «фаворитизм» не вызывает проблем, но на всякий случай это нужно знать.
Практический пример использования режим наложения «Перекрытие» (Overlay)
Давайте рассмотрим, каким образом режим «Перекрытие» может быть использован для улучшения контрастности изображения. Для примера я возьму старую фотографию с сильно выцветшими светами и ??тенями:
Как я уже делал в случае с «Умножением», я добавлю корректирующий слой «Уровни» (Levels), нажав на соответствующий значок в Панели слоёв и выбрав из списка сроку «Уровни»:
Нет необходимости вносить какие-либо изменения в диалоговое окно «Уровней», изменим только его режим наложения на «Перекрытие» (Overlay):
После добавления «Уровней» и изменения его режима наложения на «Перекрытие» уже заметны улучшения контраста. Темные области в настоящее время более темные и светлые участки стали светлее, для сравнения изображения с состоянием до коррекции, наведите мышку на рисунок:
Я думаю, что неплохо улучшить контраст еще сильнее, и мы можем это сделать, просто дублируя корректирующий слой при помощи нажатия клавиш Ctrl+J. Это дает мне копию корректирующего слоя «Уровни» и, т.к. у оригинального корректирующего слоя режим наложения был установлен «Перекрытие», у дубликата автоматически устанавливается такой же режим:
После применения второго корректирующего слоя мы видим, что контраст действительно увеличился еще сильнее, даже слишком сильно, т.к. при этом теряются детали в самых светлых и самых темных областях:
Для точной настройки контраста я просто понижу значение «Непрозрачности» (Opacity) верхнего корректирующего слоя до 60%.
Вот как выглядит фото после снижения непрозрачности верхнего корректирующего слоя, этот вариант и является окончательным, для сравнения с исходным состоянием фотографии, наведите мышку на картинку:
В следующем материале мы рассмотрим четвертый важный режим наложения, который не имеет ничего общего с тени, бликами и контрастностью — режим «Цветность» (Color).
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Эта статья даст вам общее представление о режимах наложения или смешивания слоев
Сложность урока: Легкий
Эта статья даст вам общее представление о режимах наложения или смешивания слоев (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-х вышеприведенных.
Теперь, для закрепления материала советую вам провести свой собственный эксперимент, так вы быстрее разберетесь в свойствах каждого режима и посмотреть, похожи определения режимов на ваш результат или нет.
Читайте также: