Режим наложения Screen в Photoshop (Blend Mode). Математика Adobe Photoshop. Формулы Photoshop

Режим Screen — осветление (лобовой перевод — экранное осветление), прямо противоположен режиму Multiply (умножение). Режим Screen хоть и не является явным фаворитом, с его помощью создаются очень важные эффекты освещенности. Формула режима:

Формула применяется поканально, т.е. для каждого канала операция выполняется независимо. Здесь A — нижележащее изображение, B — накладываемое.

По сути дела, режим Screen реализует операцию умножения, но не с самими цветами, а с дополнительными к ним. Т.е. перемножая дополнительные к накладываемым цветам, мы получаем цвет дополнительный к результату.

В формуле специально оставлены знаменатели. Деление на 255 — нормировка, в результате которой содержимое в скобках справа колеблется в пределах от 0 до 1. И при перемножении двух чисел меньше единицы, результат получается меньше, чем каждый из множителей, но также в пределах 0-1. А поскольку работаем с дополнительными цветами, то в результате операции получаем изображение, которое всегда светлее. Соответственно режим Screen используется для моделирования эффектов освещенности, свечения и т.п.

Перечислим наиболее важные особенности режима:

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

Происхождение названия режима Screen

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

Представьте себя на месте пользователей первых компьютеров. Систем управления цветом в те времена не существовало, поэтому все устройства осуществляли ввод и вывод напрямую. Так при сканировании изображений на сканерах они имели гамму 1, а на экране около 2, из-за чего отсканированная картинка казалась темной. А этот режим «волшебным» образом осветлял картинку так, что на экране она выглядела так же как оригинал, ну и, понятное дело, разработчики не долго думая назвали его Screen (экранное осветление).

Режим Screen для наложения световых эффектов

У нас есть два слоя: фоновая картинка, и слой в котором на абсолютно черном фоне фильтром Render > Lens Flare создан очень популярный эффект блика линзы. При наложении слоя с бликом мы используем режим наложения Screen.

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

Аналогичным образом в 3D-графике используют так называемый раздельный рендеринг, при котором отдельными картинками рассчитывают Диффузную (Diffuse) составляющую, Зеркальную (Specular), а затем совмещают их в программах компоузинга.

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

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Режимы наложения — одно из основных понятий в фотошопе и используется во многих инструментах и командах. Установить режим наложения можно и для слоя в целом. Рассмотрим основные режимы смешивания на примере работы со слоями.

Изображение в фотошопе может состоять из большого количества слоев разной степени прозрачности. Подробнее о работе со слоями.

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

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

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

Normal (Нормальный)

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

Dissolve (Растворение)

Этот режим в случайном порядке удаляет некоторые пиксели активного слоя, что придает эффект пористости или шума. Влияет на полупрозрачные пиксели. Они заменяются случайным образом: часть из них окрашивается в то, что накладывается, а часть остается окрашенной в базовый цвет. Если нет полупрозрачных пикселей – установите Opacity (непрозрачность) слоя меньше 100%. Похоже на наложение прозрачного шума (noise) на верхнее изображение.

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

Этот режим проявляет только темные оттенки верхнего слоя на нижнем. Сравниваются цветовые значения накладывающегося цвета и базового, выбирается более темное цветовое значение. Белый цвет при наложении просто игнорируется. Например, базовый пиксель окрашен в цвет RGB 25\100\215, цвет, который накладывается, имеет значения 100\200\50, то результат цвета будет 25\100\50.

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

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

Этот режим можно применять для восстановления очень светлых фото, путем дублирования основного слоя и установления верхнему слою режима «умножение». Пример использования — работа с фоном в уроке «Призрак».

Color Burn (выжигание цвета или форсирование цвета или затемнение цвета или цветное затемнение в разных русских версиях переводится по разному).

Режим наложения Color Burn создаёт эффект «выжигания» нижнего слоя под воздействием верхнего слоя. То есть тёмные участки верхнего слоя используются для затемнения нижнего слоя. Используется умножение цветов и увеличение насыщенности. Результат выглядит очень контрастно и обычно непредсказуем. Экспериментируйте!

Linear Burn (линейное выжигание)

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

Darker Color (притемнение)

Режим наложения Darker Color сравнивает пиксели верхнего и нижнего слоя и выбирает те пиксели, которые темнее.

Lighten (осветление)

Режим наложения Lighten (осветление) — противоположен режиму Darken: сравнивает верхний и нижний слой и в результрующую картинку поканально записывает более светлые пиксели (поканально).

Screen (экранирование)

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

Color Dodge (выгорание цвета или цветное осветление)

Режим наложения Color Dodge противоположен режиму Color Burn: нижнее изображение светлеет, «выцветает» или «выгорает» под воздействием верхнего цвета. Режим применяется для создание эффекта сияния.

Linear Dodge (линейное выгорание)

Режим наложения Linear Dodge противоположен режиму Linear Burn, только более интенсивен. Приводит к более резким результатам, чем режим наложения Screen или Color Dodge. Создаёт эффект освещения объекта ярким источником света.

Lighter Color (осветление)

Режим наложения Lighter Color противоположен режиму Darker — записывает в результат те пиксели, которые светлее.

Для иллюстрации следующей группы режимов наложения поменяем местами слои fon и apple — изображение выглядит эффектнее.

Overlay (наложение)

Режим наложения Overlay (Наложение) объединяет в себе свойства режимов Multiply (Умножение) и Screen (Осветление). Значения темных базовых цветов подвергаются операции умножения и получается еще более темный цвет. Светлые тона осветляются и становятся еще светлее. Довольно часто наблюдается также некоторое смещение оттенков. В результате получаем повышенную контрастность исходного изображения. Можно применять для улучшения «тусклых фотографий»: дублировать слой с изображением, к дубликату применяем режим наложения Overlay и, возможно, уменьшаем непрозрачность слоя. Пример использования в уроке «Блеск танца» для осветления девушки.

Soft Light (мягкий свет) — похож на режим Overlay, только более мягкий. В результате нижний слой как-бы подсвечивается верхним.

Hard Light (жёсткий свет) — похож на Soft Light, только жёстче. Если для слоя выбран режим Hard Light (Жесткий свет), вы можете рисовать темно-серым цветом, чтобы сделать пиксели более темными, и светло-серым, чтобы сделать их более светлыми.

Vivid Light (яркий свет) — представляет собой комбинацию из режимов наложения Color Dodge к светам и Linear Burn — к теням. То есть контрастность тёмных участков падает, а светлых — возрастает.

Linear Light (линейный свет).

Режим наложения Linear Light применяет Linear Dodge к светам и Color Burn — к теням. То есть контрастность тёмных участков возрастает, а светлых — падает. Как бы противоположен предыдущему режиму смешивания, но в то же время очень похож на него.

Pin Light (точечный свет) — смешивает светлые цвета, используя режим Lighten, и темные цвета, используя режим Darken.

Hard Mix (жёсткое смешивание) — применяет Color Dodge к светам и Color Burn — к теням. Контрастность изображения возрастает очень сильно вплоть до возникновения эффекта постеризации.

Difference (разница)

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

Exclusion (исключение) — похож на Difference, но с меньшей контрастностью.

Hue (оттенок) — в результате снимок имеет оттенок верхнего слоя, но яркость и насыщенность — нижнего слоя. Создаёт эффект рисования акварельными красками.

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

Color (цвет) — снимок приобретает оттенок и насыщенность верхнего слоя, но яркость — нижнего слоя. Создает эффект колорированного снимка. Пример использования — наложение красных бликов на бутылку в уроке Реклама алкоголя

Luminosity (яркость) — как вы уже догадались, снимок приобретает яркость верхнего слоя и насыщенность+оттенок нижнего слоя.

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

Пару слов о режимах наложения в Photoshop

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

Использование Режимов наложения

В Фотошопе режимы наложения разбиты на группы. Это упрощает навигацию по ним.

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

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

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

Difference (Разница)

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

Screen (Экран)

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

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

Данный режим увеличивает яркость светлых участков и делает темнее темные участки. Это приводит к усилению контраста.

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

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

Непрозрачность

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

Screen 100%

Использовано наложение изображения само на себя в режиме Screen (Экран). При 100% непрозрачности эффект проявляется слишком сильно.

Screen 50%

Уменьшение непрозрачности до 50% делает эффект более тонким.

Структура Меню Blend Mode (Режим наложения)

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

1. Normal (Обычный), Dissolve (Затухание): данная группа режимов наложения не приводит к изменению цветов и яркости.
2. Режимы затемнения: эта группа режимов выполняет затемнение. Данная группа имеет нейтральный белый цвет. Это значит, что белый цвет в накладываемом слое не будет оказывать ни какого влияния.
3. Режимы осветления: как можно догадаться, эти режимы осветляют слои, лежащие ниже. Все режимы данной группы игнорируют черный цвет.
4. Контрастные режимы: режимы данной группы осветляют светлые участки и затемняют темные. Нейтральным является 50% серый цвет.
5. Сравнительные режимы: данные режимы производят сравнение цветов основного и накладываемого слоев и производят вычитание одного из другого.
6. Цветовые режимы: эти режимы переносят цвета накладываемых слоев на основные с сохранением яркости основного слоя.

Режимы наложения для фотографов

1. Lighten (Замена светлым) и Darken(Затемнение)

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

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

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

3. Screen (Экран): добавление контура

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

Данный режим очень хорошо позволяет осветлять темные изображения.

4. Overlay (Перекрытие): осветление и затемнение

Режим позволяет увеличивать или уменьшать контраст снимка. При работе с черно-белыми изображениями можно выполнять осветление или затемнение изображений.

Чтобы осветлять или затемнять снимок, нужно создать новый пустой слой. Залить его 50% серым цветом, перевести слой в режим наложения Перекрытие и рисовать по слою черной или белой кистью, соответственно осветляя или затемняя фотографию.

5. Overlay (Перекрытие): контраст

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

Данный режим отлично подходит для придания фотографиям контраста и объема.

6. Color (Цветность): добавление оттенка

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

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

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

8. Soft light (Мягкий свет): добавление текстуры

Этот режим отлично подходит для наложения текстуры. Разместите над основным изображением слой с текстурой и переведите его в режим наложения Soft Light (Мягкий свет). Непрозрачностью можно регулировать яркость текстуры.

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

Режим Hue (Цветовой тон) накладывает цветовой тон снимка, который находится выше на насыщенность и яркость оригинального снимка.

Лучше чем цветность позволяет изменять цвета отдельных объектов на снимке.

На основе материалов с сайта: http://www.digitalcameraworld.com

Комедия положений с режимами наложений

Мария Уранова

Multiply и Screen

Color Dodge и Color Burn

Hard Light и Overlay

Soft Light

А зачем?

Как это делается…

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

А теперь, спасибо компьютеру, любой взрослый дядя может поиграть в Quest или Doom. А я (как взрослая тетя) предпочитаю возиться с режимами наложения в Photoshop. Занятие увлекательнейшее! Заменишь Normal, например, на Overlay — и сразу другая картинка получается: изменились тональность, настроение, появились новые детали.

Вообще компьютерные художники любят играть с режимами наложения. Но досконально разбираются в них немногие. Знания большинства пользователей сводятся к тому, что Multiply утемняет картинку, а Screen осветляет. В учебниках обычно объясняют на пальцах, что Multiply — это если два слайда засунуть в одну рамку и вставить в проектор, а Screen — это то, что получится, если на один экран направить два проектора. И все. Зачем нужны разные режимы (кроме заполнения досуга праздных художников) и в чем их особенности — гадайте сами. Приобретайте опыт по крохам, может когда-нибудь пригодится. Я тоже приобретала его по крохам. Но хотелось чего-то большего. Поэтому, когда в КомпьюАрте появилась часть статьи «Photoshop: от простого к сложному» под заманчивым названием «Секреты слоев и режимов наложения», сердце сладко замерло: сейчас открою журнальчик — и все по порядку: как работает, к каким изменениям приводит, где можно использовать хоть Screen, хоть Оverlay, хоть Hard Light. Не тут-то было. Меня ждал не лишенный, правда, интереса рассказ о том, как навести туман, сгустить тени, поджечь текст и (в который раз!) сделать хромированную эмблему несуществующей марки автомобиля.

С использованием режимов наложения, конечно. А где же секреты? Как все-таки вычисляется Оverlay? Как меняют гистограмму картинки Screen? Пришлось разбираться самой. Все оказалось не так уж и сложно.

При наложении из двух картинок делается одна. Берутся два соответствующих пиксела и по ним определяется цвет соответствующего пиксела на итоговой картинке. Определяется он по числовым характеристикам цвета с помощью математической формулы. Режим наложения и есть эта формула. Недаром самый первый режим в списке носит математическое название «Умножение» (Multiply). А дальше по списку встречается еще и «Разность» (Difference). Названия типа «Мягкий свет» (Soft Light) или «Наложение» (Overlay) — не более чем образ. Основа же везде чисто математическая.

Справедливости ради надо сразу оговориться: режимы наложения бывают не только у слоев. Любому преобразованию, от рисования инструментами до фильтра, можно придать режим (Mode). Для инструментов это сразу делается в палитре Options, а для фильтров и других преобразований — постфактум в меню «Ослабление» (Fade). Но суть всюду одна: рисунок или видоизмененная картинка мысленно помещается в новый слой, который накладывается в указанном режиме. Вполне естественно, прозрачность инструмента и степень ослабления эффекта в Fade — это прозрачность наложенного слоя. Поэтому, говоря о режимах наложения, до поры до времени можно все рассматривать на слоях.

И еще одно упрощение. Механизм действия разных режимов наложения можно изучать на одноканальных картинках (Gray Scale). Потому что при наложении трех- и четырехканальных изображений (RGB и CMYK) соответствующие каналы обсчитываются попарно. Red с Red, Cyan с Cyan. А Green на Red или Magenta на Cyan не влияет.

Для проведения эксперимента были взяты две GrayScale-картинки. Полоски от черного до белого, то есть от 100 до 0% по CMYK. Или от 0 до 255 по RGB. Или просто от 0 до 1. Что считать нулем, а что единицей — дело вкуса. Но формулы выглядят симпатичнее, если белое считать единицей (255/255), а черное — нулем (0/255) — по логике мышления RGB. Усредненный цвет картинок — серый, 50% Gray. На нижней картинке полоски вертикальные (x меняется от 0 слева до 1 справа). На верхней — горизонтальные (y меняется от 0 внизу до 1 наверху). Накладываем картинки в разных режимах и смотрим, что получится. Каждая получившаяся картинка — не просто наглядная иллюстрация, а еще и табличное задание той самой функции, которая и есть режим наложения.

Меня интересовало следующее:

• производимый эффект;

• влияние на гистограмму;

• влияние на общий тон картинки — среднее (Mean) в меню «Гистограмма»;

• формула. Очень интересно, как Photoshop все это считает, а кроме того, полезно для выяснения разных свойств и закономерностей;

• зависимость от порядка наложения: какой слой сверху, какой — снизу;

• «нейтральные цвета», то есть не оказывающие влияния на другой слой. Они могут быть разными для верхнего и нижнего слоев;

• «инертные» цвета, которые не поддаются влиянию верхнего слоя, какие бы цвета в нем ни оказались;

• что происходит с точки зрения фотографии;

• что получится, если картинку наложить саму на себя (полезно для цветокоррекции).

Пока ограничимся семью режимами: Multiply, Screen, Overlay, Hard Light, Soft Light, Color Dodge и Color Burn. Поверьте на слово, у всех этих семи режимов есть некоторое морфологическое родство. С точки зрения математики они стоят особняком и от цветовых HSL-режимов, и от таких режимов, как Lighten или Exclusion. Почему это так, станет понятно, когда мы будем сравнивать их математические формулы.

Результаты — в таблице на стр. 64.

Multiply и Screen

Уже по картинкам в таблице видно, что приведенные в ней режимы объединяются в пары. Например, Multiply и Screen. Во-первых, они дают симметричные гистограммы. Во-вторых, таблица Multiply, повернутая на 180°,  — это негатив таблицы Screen. То есть дополнение (1 — z) к Screen двух значений x и y — это Multiply их дополнений (1 — x) и (1 — y). Нейтральные и инертные цвета для Multiply — это дополнения к нейтральным и инертным цветам Screen. Вот такие близнецы-братья.

С точки зрения фотографии, чтобы получить Screen, надо сделать негативы (1 — x) и (1 — y), вставить в одну рамку (Multiply) и снова отпечатать позитив (1 — z). Теперь понятно, почему Screen всегда осветляет: два сложенных негатива темнее, чем каждый из них в отдельности, следовательно окончательный позитив светлее.

Обе таблицы Multiply и Screen симметричны относительно диагонали — от перемены мест сомножителей произведение не меняется.Что на что наложить — дело вкуса.

Утемняя обе картинки, Multiply тем не менее хорошо сохраняет все детали. Их можно вытянуть, слегка прогнув кривую в Curves. Совсем потеряться детали могут только там, где наложился абсолютно черный цвет. Но на хорошем скане его практически не должно быть.

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

Color Dodge и Color Burn

Такую же пару, как Multiply и Screen, образуют Color Dodge и Color Burn. Их гистограммы друг относительно друга тоже симметричны. Таблица Color Dodge, повернутая на 180°, является негативом таблицы Color Burn. Чтобы получить дополнение (1 — z) к Color Burn, надо сделать Color Dodge от дополнений (1 — x) и (1 — y).

С точки зрения фотографии, как следует из названия, Dodge — комбинированное изображение. Это отпечаток, полученный с негативной пленки, на которую сняли два кадра на один. Там, где суммарная экспозиция оказалась слишком велика (x + y > 1), пленка засвечена «в уголь», и на окончательном отпечатке ничего не пропечаталось. Отсюда на конце гистограммы Color Dodge всплеск в точке белого (z = 1). А весь тональный диапазон равномерно распределится там, где сумма измерений по x и y, как у багажа в метро, не превышает 1. Алгебраическая формула отражает именно эту линейность, равномерность распределения тонов. От белого при переэкспонировании до неизмененного цвета при наложении черного (от z = 1 при x + y > 1 до z = x при y = 0).

Burn по-американски — передержка. В данном случае — отпечаток, полученный последовательным экспонированием двух негативов. Там, где наложились изображения темных предметов (x + y > 1), каждый из негативов даст большую засветку и на отпечатке получится «глухой» черный цвет без деталей. У Color Burn на гистограмме всплеск в точке черного. И равномерное распределение тонов от перепечатанных «в уголь» до неизмененных при наложении белого.

В Color Dodge абсолютно выбеливаются все света, попавшие против светов. Поэтому, если не хотите в результате получить Tabula Rasa, не накладывайте друг на друга два светлых слайда. А вот накладывание светлого на темное (при условии x + y < 1) приводит к особенно сильным изменениям. За счет этого можно получить интересные цветовые эффекты с появлением новых цветов в гамме картинок. На то он и Color Dodge.

Color Burn, антипод Color Dodge, убивает, превращая в черное все темное на темном. Наложение темной картинки на светлое дает сильный цветовой сдвиг.

Hard Light и Overlay

Следующая пара — Hard Light и… нет, не Soft Light, как подсказывает название. Hard Light образует пару с Overlay.

Каждая из таблиц Hard Light и Overlay сама симметрична с точностью до наоборот. Повернув ее на 180°, то есть взяв дополнения (1 — x) и (1 — y), получим негатив, то есть дополнение (1 — z).

С точки зрения фотографии все равно, сделать Overlay из двух картинок или наложить в Overlay их негативы и отпечатать позитив. То же происходит и с Hard Light.

Между собой Hard Light и Overlay связаны еще теснее. И тот и другой режим, как видно из их формул, склеен из Multiply и Screen с добавлением множителя 2. Формулы одинаковы, но условие в одном случае на x, а в другом на y. Если x и y поменять ролями, таблица отразится симметрично относительно диагонали. При этом из таблицы Hard Light получается таблица Overlay, а из таблицы Overlay — Hard Light. То есть Overlay — это Hard Light из тех же слоев, но наложенных в обратном порядке.

Overlay утемняет тени и осветляет света. Повышает контраст, раздвигая средние тона к теням и светам. Естественно, то же происходит и при наложении в Hard Light. При наложении светов на света (x <1/2, y <1/2) и теней на тени (x >1/2, y >1/2) Hard Light и Overlay совпадают.

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

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

Soft Light

В списке семи рассматриваемых режимов остался один непарный Soft Light. Формула дурного вида задает интуитивно простую ситуацию: при наложении серого (y = 1/2) цвет не меняется, при наложении черного (y = 0) — утемняется по параболе (z = x²), при наложении белого — осветляется по параболе (z = Цx). Все остальные значения равномерно интерполируются. В результате слегка повышается контраст. Верхняя картинка влияет не слишком сильно. Активно — только самые светлые и самые темные места.

Soft Light не полностью отвечает своему названию: хотя светлое слегка осветляет, но и темное немного утемняет нижнюю картинку, структура которой почти не меняется. А верхняя картинка выглядит как легкая тень. Я бы назвала этот режим Привидением (Ghost).

А зачем?

Чаще всего режимы наложения используются для наслоения просвечивающих друг через друга картинок. Недаром, когда в третьей версии Photoshop появились слои, графический дизайн был наводнен образчиками «слоеных пирожков». Без 2-3 полупрозрачных уровней ни одна работа не казалась зрителю достаточно современной.

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

Описанный способ применения режимов наложения довольно распространен. Но меня всегда интересовало их более утилитарное применение. Возьмем, к примеру, тривиальное вклеивание облаков в слайд с невыразительным небом. Хотя в данном случае небо не пустое, ему не хватает перспективы, для того чтобы подчеркнуть глубину пространства. Подходящие облака нашлись довольно быстро, но цветовая гамма совершенно не подходила — слишком много Cyan. Менять Hue — испортится оттенок самих облаков. Менять Hue только для Cyan — появятся артефакты по краю облаков. Лучше вклеить (Paste Into) новые облака не в режиме Normal, а в режиме Мultiply. Тогда первоначальный цвет неба наложится на новые облака как при рисовании акварелью — и они отлично впишутся в пейзаж.

С помощью режимов наложения можно не только слепить из двух картинок одну, но и исправить некачественный слайд или скан. Для этого иногда достаточно просто скопировать картинку во второй слой и задать ему, например, режим Screen. Возьмем, к примеру, слайд с водопадом и трогательными цветочками на переднем плане, снятый с явной недодержкой. Если наложить его на себя самого в режиме Screen, получится то, что вышло бы при удвоенной экспозиции. Действительно, теперь общий баланс цветов вполне удовлетворителен, только вот цветочки стали белесыми и потеряли детали. Здесь поможет побочный эффект работы в слоях: если верхний слой сделать прозрачным в светах, цветочки останутся такими же, как были на исходном слайде.

Исправить тональность слайда с помощью кривой (Curves) тоже не составило бы труда. Как показывает формула самоналожения, Screen в данном случае равносилен прогибанию кривой по параболе (z = 2x — x²). Но при этом цветочки получились бы хуже. Парабола прогибается сразу от нуля — и они «выскакивают» в белое, а если изгибать ее двумя точками, чтобы не изменять света, то из-за плоского участка на кривой потеряются все детали лепестков.

Теперь можно попробовать исправить и «вялый» слайд без активных светов и теней, построив его именно на игре света и тени. Возьмем слайд с закатом в горах, снятый осенью с высоты птичьего полета. Вспоминаете: «Боги, боги, как грустна вечерняя земля!» Но слайд настолько тусклый, что никакого Воланда пока и близко нет. Поскольку Overlay усиливает контраст изображения, акцентирует света и тени, сразу станет понятно, какой режим наложения следует использовать прежде всего. Наложение (Overlay) картинки самой на себя сделает ее достаточно контрастной. Небо приобрело цвет, но закат исчез. Придется вернуться обратно. Однако в отличие от слайда с водопадом и цветочками здесь прозрачность светов возвращает цвет не только неба, но и ярких осенних деревьев. Поэтому прозрачными надо сделать не все света, а только голубые. Видите насколько удобно работать в слоях, когда там лежит одна и та же картинка?

КомпьюАрт 9’2000

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

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

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

Всего есть шестнадцать режимов наложения:

Изображения и описание режимов наложения из спецификации W3C.

В составлении спецификации участвует компания Adobe.

normal

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

Хром, Файрфокс, Сафари

multiply

Цвета фона и верхнего слоя умножаются. Итоговые цвета всегда темнее или такие же по яркости, как цвета верхнего слоя или фона. Умножение на чёрный цвет всегда даёт чёрный. Умножение на белый оставляет исходный цвет.

Хром, Файрфокс, Сафари

screen

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

Хром, Файрфокс, Сафари

overlay

К цветам верхнего слоя применяются режимы multiply или screen, в зависимости от яркости цветов фона. Цвета фона смешиваются с цветами верхнего слоя, сохраняя яркость фона.

Хром, Файрфокс, Сафари

darken

Из цветов фона и верхнего слоя выбираются самые тёмные.

Хром, Файрфокс, Сафари

lighten

Из цветов фона и верхнего слоя выбираются самые светлые.

Хром, Файрфокс, Сафари

color‑dodge

Цвета фона осветляются до цветов верхнего изображения.

Хром, Файрфокс, Сафари

color‑burn

Цвета фона затемняются до цветов верхнего изображения.

Хром, Файрфокс, Сафари

hard‑light

К цветам верхнего слоя применяются режимы multiply или screen, в зависимости от яркости цветов фона. Этот режим — overlay наоборот.

Хром, Файрфокс, Сафари

soft‑light

Цвета осветляются или затемняются, в зависимости от яркости цветов верхнего слоя.

Хром, Файрфокс, Сафари

difference

Более тёмный цвет вычитается из более светлого.

Хром, Файрфокс, Сафари

exclusion

Эффект похож на difference, но с уменьшенным контрастом.

Хром, Файрфокс, Сафари

hue

Цвета составляются из тона цветов верхнего слоя, яркости и насыщенности цветов фонового слоя.

Хром, Файрфокс

saturation

Цвета составляются из насыщенности цветов верхнего слоя, яркости и тона цветов фонового слоя.

Хром, Файрфокс

color

Цвета составляются из тона и насыщенности цветов верхнего слоя и яркости цветов фонового слоя.

Хром, Файрфокс

luminosity

Цвета составляются из яркости цветов верхнего слоя, тона и насыщенности цветов фонового слоя. Эффект обратен режиму color.

Хром, Файрфокс

Изображения и описание режимов наложения из спецификации W3C.

В составлении спецификации участвует компания Adobe.

background‑blend‑mode

Смешивает фоновые изображения элемента, цвет или градиенты друг с другом:

mix‑blend‑mode

Смешивает соседние элементы. Берём фотографию, поверх неё ставим градиент, а сверху надпись:

Как и в графических редакторах, самые ходовые режимы — multiply, screen, overlay. Некоторые режимы поэкзотичнее не поддерживаются в Сафари, а в Интернет эксплорере и Эдже режимы наложения не поддерживаются вовсе. Для определения поддержки режимов наложения в конкретном браузере, можно использовать библиотеку Modernizr. Если не поддерживаются, можно предусмотреть и включать альтернативные эффекты. Либо просто стараться использовать эффекты попроще и обойтись opacity в случае неработающих режимов наложения.

Ещё о режимах наложения с примерами

Режим наложения слоя «Яркость» / Creativo.one

В прошлом уроке мы рассмотрели режим наложения «Цветность», который смешивает цвет (то есть цветовой тон и насыщенность) одного слоя с нижележащим слоем или слоями без изменения степени яркости изображения. Данный режим особенно незаменим при раскрашивании черно-белых фотографий. Также его часто применяют для замены цвета глаз или волос человека. Режим наложения «Цветность» позволяет нам добавлять или изменять цвета на изображении без воздействия на яркость снимка.

Наш пятый и последний важный режим наложения для обработки фотографий называется «Яркость» (Luminosity). Также как и режим наложения «Цветность» (Color), он входит в группу компонентных режимов наряду с режимами «Цветовой тон» (Hue), «Насыщенность» (Saturation) и является прямой противоположностью режиму «Цветность». Тогда как режим наложения «Цветность» смешивает цвета слоя и не принимает во внимание значение яркости, режим наложения «Яркость» смешивает значения яркости и не учитывает информацию о цвете.

При обработке фотографий изменение режима наложения на «Яркость» нередко является завершающим шагом. Например, очень часто в процессе редактирования изображений для усиления степени контрастности снимков используют корректирующие слои «Уровни» (Levels) или «Кривые» (Curves), и во многих случаях этого вполне достаточно. Проблема, с которой вы можете столкнуться, применяя данную технику обработки, заключается в том, что слои «Уровни» и «Кривые» воздействуют не только на яркость снимка, но и на цвет. Повышая контрастность снимка, вы также увеличиваете насыщенность изображения, особенно это проявляется у красных и синих цветов, и иногда вы даже можете увидеть цветовой сдвиг. Слишком сильная насыщенность цветов способна привести к потере отдельных деталей на изображении. Изменив режим наложения слоев «Уровни» и «Кривые» на «Яркость», мы сможем легко избежать этого недостатка, поскольку информация о цвете перестанет подвергаться воздействию.

Применение режима наложения «Яркость» в реальной жизни

Ниже представлена фотография праздничного столового набора в красных, оранжевых и желтых тонах:

Праздничный столовый набор

Я собираюсь усилить контрастность изображения, воспользовавшись корректирующим слоем «Кривые» и традиционной S-образной кривой. Для этого я нажму на значок «Новый корректирующий слой» (New Adjustment Layer) в нижней части панели слоев и выберу из списка появившихся корректирующих слоев «Кривые» (Curves):

Выбираем корректирующий слой «Кривые»

При открытии диалогового окна слоя «Кривые» появляется большая сетка размером 4х4 клетки с расположенной внутри диагональной линией, проходящей от левого нижнего края до правого верхнего. Для того чтобы изменить форму диагональной линии до традиционной S-образной кривой, я нажму на линию около верхнего правого угла и добавлю маркер, затем я немного подвину маркер вверх, нажав на клавиатуре клавишу со стрелкой «вверх» несколько раз. После этого я нажму на линию около нижнего левого угла и добавлю еще один маркер, его я немного подвину вниз, нажав несколько раз клавишу со стрелкой «вниз». В результате таких действий диагональная прямая изменится до кривой, напоминающей букву S, известной также как  S-образная кривая:

Усиливаем контраст на снимке, изменяя диагональную линию в диалоговом окне слоя «Кривые» до S-образной кривой

Далее я нажму ОК для выхода из диалогового окна. S-образная кривая добавила яркость бликам на изображении и усилила глубину теней, что привело к повышению контраста. Это мы и можем видеть теперь на снимке. Обратите внимание, что цвета на изображении также стали насыщеннее, поскольку корректирующий слой «Кривые» воздействовал не только на тени и блики, но и на насыщенность цветов:

После применения корректирующего слоя «Кривые» усилилась и общая контрастность снимка, и насыщенность цветов

Для того чтобы корректирующий слой «Кривые» влиял только на степень контраста и не затрагивал цвета, все, что нам надо – изменить режим наложения корректирующего слоя с «Нормальный» (Normal) на «Яркость» (Luminosity):

Изменяем режим наложения корректирующего слоя «Кривые» на «Яркость»

Так как теперь установлен режим наложения «Яркость», корректирующий слой «Кривые» больше не влияет на цвет. Контрастность снимка у нас все еще усилена, а вот насыщенность цветов стала прежней:

После изменения режима наложения корректирующего слоя «Кривые» на «Яркость» насыщенность цветов стала прежней

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

Часто режим наложения «Яркость» применяют также для усиления резкости изображений. Чтобы сделать фотографию резче, многие используют классический фильтр программы Фотошоп «Контурная резкость» (Unsharp Mask), и это конечно, вполне допустимый вариант.  Единственная проблема, которая может при этом возникнуть, заключается в том, что фильтр «Контурная резкость» придает резкость и степени яркости, и цвету, что иногда приводит к появлению заметных ореолов вокруг людей и предметов на снимке. Для снижения вероятности появления ореолов при использовании этого фильтра, мы можем воспользоваться режимом наложения «Яркость» наряду с командой Фотошоп «Ослабить» (Fade), чтобы воздействие шло только на яркость снимка, а не на цвет.

После применения фильтра «Контурная резкость» перейдите в раздел меню «Редактирование»  (Edit) в верхней части экрана и выберите «Ослабить: Контурная резкость» (Fade Unsharp Mask):

Выберите «Редактирование» >«Ослабить: Контурная резкость» (Edit > Fade Unsharp Mask.)

После открытия диалогового окна команды «Ослабить» измените параметр «Режим» (сокращенно от «Режим наложения») в нижней части окна на «Яркость»:

Измените режим наложения в диалоговом окне команды «Ослабить» на «Яркость»

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

И вот мы закончили! Несмотря на то, что в программе Фотошоп представлено до двадцати пяти различных режимов наложения, в зависимости от версии, с которой вы работаете, нам удалось выделить пять режимов наложения, которые вам необходимо знать. Режим «Умножение» затемняет изображение, режим «Экран» осветляет снимок. Режим «Перекрытие» одновременно и затемняет, и осветляет изображение, делая его более контрастным, режим «Цветность» позволяет добавлять или изменять цвета на изображении, не влияя на яркость снимка, и, наконец, режим «Яркость» позволяет работать с яркостью изображения без воздействия на цветовую палитру. Изучив всего лишь пять режимов наложения, вы сэкономите огромное количество времени и сможете с легкостью обрабатывать, восстанавливать и ретушировать фотографии.

Автор: Стив Паттерсон

Перевод: Ксения Руденко

10 самых востребованных режимов наложения

Когда речь идёт о цифровой фотографии, коллажировании и улучшении снимков, в числе первых стоят два инструмента – слои и режимы их наложения. О слоях мы поговорим в другом уроке, и сейчас обратим Ваше внимание на режимы наложения. Мы покажем Вам наиболее востребованные из них в повседневной работе фотографа.

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

Режимы наложения основываются на сложных математических операциях, которые Photoshop выполняет прозрачно для Вас. Он оценивает и сравнивает информацию, хранящуюся в накладываемом слое (Blend-слой) и базовом слое (Base-слой). Далее, в зависимости от выбранного Вами режима наложения, «смешивает» оба слоя по определённому «рецепту».

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

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

Режимы наложения слоёв. Начинаем использовать

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

• Примечание переводчика. «Значительность эффекта», вызываемого применением определённого режима наложения, и «полезность» того или иного режима зависит от обрабатываемого изображения, задачи, которая перед Вами стоит, и выбранной тактики обработки.

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

Цвет (Colour)

В этом режиме наложения изображение-результат получается путём комбинации светлот базового слоя и цветов накладываемого слоя. Получается, одно качество (светлота, например) берётся от одного слоя, а другое качество (в данном случае, цвет) – от другого слоя.

Режим наложения «Цвет», возможно, самый полезный в создании сложных цветовых эффектов.

Разница (Difference)

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

• Примечание переводчика. Область применения режима наложения «Разница» шире. Например, вы можете также выравнивать фрагменты одного большого изображения относительно друг друга.

Осветление (Screen)

Исходное изображение в целом осветляется. Чёрные (но не тёмные) участки снимка не подвергаются воздействию. Картинка-результат сохраняет детали базового слоя.

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

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

В этом режиме повышается контраст изображения: тени становятся темнее, блики – светлее. Любые участки картинки, окрашенные в 50%-ый серый цвет остаются неизменными после наложения.

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

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

• Примечание переводчика. Этот режим наложения является противоположным режиму «Осветление». Чем темнее накладываемое изображение, тем сильнее затемняется базовое изображение. Если наложить на базовую картинку слой, окрашенный в белый цвет, исходное изображение не поменяется.

Непрозрачность (Opacity)

Хотя режимы наложения – штука полезная, применение их в чистом виде может привести к слишком сильному эффекту. На помощь приходят два свойства слоя: непрозрачность и заливка (Fill).

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

Например, если «Осветление» слишком сильно осветляет картинку, уменьшите непрозрачность накладываемого слоя:

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

Непрозрачность накладываемого слоя равняется 50%. Эффект мягче.

Разбираемся в меню «Режимы наложения»

Конечно, прежде, чем использовать режимы наложения, Вам нужно найти, где их переключать! Давайте взглянем, в каком части Photoshop и Photoshop Elements вы можете найти нужный «переключатель».

Меню «Режимы наложения» находится в панели «Слои» («Layers»). Их список поделён на смысловые группы. Таким образом, вы можете выбрать нужный режим наложения либо через панель «Слои», либо через диалоговое окно, которое появляется в момент создания или дублирования слоя.

Как только вы выбрали один из режимов, вы можете последовательно переключаться между остальными режимами, нажимая клавиши «стрелка вверх»/»стрелка вниз» на клавиатуре.

1. «Обычный» (Normal), «Растворение» (Dissolve)

Эти режимы не оказывают какого-либо воздействия на цвет или тон картинки. Для базового слоя по умолчанию устанавливается режим «Обычный».

2. Затемнители

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

3. Осветлители

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

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

Эта обширная группа влияет на контрастность изображения. Режимы из этой группы затемняют тени, а блики осветляют. Средний тон (50%-ый серый цвет) – нейтральный.

5. Сравнивающие режимы

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

6. Режимы, влияющие на цвет

Эту группу можно назвать «Вдохновители». Цвета накладываемого слоя оказывают воздействие на цвета низлежащих слоёв (не изменяя базовые слои).

10 самых востребованных режимов наложения

Теперь посмотрим, как можно улучшить свои фотографии с помощью режимов наложения. Также, в этом разделе мы «заглянем» режимам «под капот»… хотя, то, что мы там увидим, знать совсем не обязательно. На самом деле, наша задача – показать Вам, как с помощью режимов наложения «спасти» не самые хорошие снимки, и сделать лучше хорошие снимки.

Обратите внимание, чтобы показать режимы наложения «в деле», мы задействуем другие приёмы. Но мы покажем, где, когда, как и для чего эти приёмы использовать. А теперь…

… окунёмся в меню «Режимы наложения» и, вперёд, накладывать!

1. Замена тёмным (Darken) и замена светлым (Lighten)

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

Одно из действенных применений этим режимам – создание эффекта soft-фильтра.

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

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

В этом режиме берутся цветовые оттенки из базового слоя, а насыщенности из накладываемого слоя.

Продублируйте базовый слой. На новом слое выделите участки, цвета в которых нужно сохранить, остальные области «залейте» 50%-ым серым цветом. Наложите верхний слой в рассматриваемом режиме. Получится эффект цветовой изоляции.

Итак, этот режим хорошо подходит для изолирования цветов, а также для их «приглушения» или, наоборот, бОльшего «звучания».

3. Осветление (Screen). Создание окантовки

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

Хотите знать, как это работает? Режим «Осветление» показывает светлые участки изображения, поэтому, кстати, он находится в группе осветлителей. Чёрный цвет для этого режима является нейтральным, поэтому чёрная область внутри рамки не видна на изображении-результате, но просвечивает базовый слой под собой. Белая же область накладываемого слоя, наоборот, осветляет базовый слой до максимума, по сути, «перекрывает» исходную картинку белым цветом.

Режим «Осветление» используется, в частности, для осветления изображений и для создания креативных рамочек.

4. Перекрытие (Overlay). «Осветление-затемнение»

Этот режим применяется для усиления контраста, но подходит для реализации техники «осветление-затемнение» в чёрно-белых изображениях.

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

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

5. Осветление (Screen). Осветляем тёмные области на фотографии

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

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

Помните, режим «Осветление» не воздействует на чёрные участки – они остаются прежними – и слабо воздействует на очень тёмные области. Но вы можете видеть, как посветлели все остальные тона, в том числе средние тона и четверть тона (блики) на переднем плане.

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

6. Перекрытие (Overlay). Контраст

В этом режиме блики осветляются, а тени затемняются, что повышает контрастность исходной фотографии. Он похож на режим «Мягкий свет» (Soft Light), но по силе воздействия превосходит последний.

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

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

7. Цвет (Colour). Намекаем на него

Мы создали слой-заливу «Чистый цвет» (Solid Colour layer), закрашенный коричневатым оттенком. Наложили слой в режиме «Цвет» на наш пейзаж на базовом слое, чтобы придать фотографии эффект сепии. Как видите, не имеет значения тип слоя: он может быть как корректирующим, так и слоем-изображением.

Наложение в режиме «Цвет» придаёт снимку на базовом слое определённый оттенок. Программа вычисляет разницу между цветами базового и накладываемого слоёв.

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

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

8. Умножение

Этот режим делает ровным счётом то, что указано в его названии: умножает цвета базового слоя на цвета накладываемого слоя. Обычный результат наложения – затемнение фотографии. Эффект будет полезным, например, для выделения светлого неба. А маски помогут Вам ограничить действие эффекта.

Итак, режим «Умножение» пригодится для затемнения светлых областей на фотографии. Он воздействует как на тона, так и на цвета.

9. Мягкий свет. Добавляем текстуру

Используя совместно слой-узор (Pattern layer) и этот режим наложения, вы можете придать Вашей фотографии вид картины, написанной на холсте. Слой-узор по сути является аналогом слоя-заливки и тоже относится к корректирующим слоям.

Итак, режим «Мягкий свет» идеально подходит для создания текстуры, а также для мягкого усиления контраста.

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

Этот режим похож на «Насыщенность». Светлота и насыщенность пикселей берётся от базового слоя, а цветовой тон – от накладываемого. Можно придавать цветовой оттенок тем областям исходного изображения, цвет которых является наиболее насыщенным.

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

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

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

Автор статьи: Jeff Meyer

режимов наложения Photoshop — Photo Blog Stop

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

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

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

Ползунок «Непрозрачность» на панели «Слои» позволяет смешивать активный слой со слоями ниже, делая активный слой полупрозрачным, что, в свою очередь, позволяет просвечивать нижние слои.Режимы наложения, имеющиеся в Photoshop, позволяют выполнять один и тот же процесс, но с использованием различных математических вычислений для каждого режима наложения. В Photoshop CS5 имеется 27 режимов наложения — недавно были добавлены 2 новых режима наложения, «Вычитание» и «Разделение». Любые изменения, сделанные с использованием режимов наложения, являются параметрическими, то есть изменения являются неразрушающими, и вы всегда можете пересмотреть настройки режима наложения и при необходимости скорректировать их, не повреждая пиксели исходного изображения.

Группы режимов наложения

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

Сочетания клавиш

Большинство режимов наложения имеют сочетания клавиш. Чтобы использовать эти ярлыки, ваш текущий инструмент должен отличаться от одного из инструментов, которые можно найти в разделе рисования и редактирования на панели инструментов (где находятся инструмент «Кисть», «Лечебная кисть», «Штамп», «Ластик» и т. Д. — см. Иллюстрацию ниже. ). Это связано с тем, что инструменты в разделе рисования и редактирования имеют собственные настройки режима наложения, и если у вас выбран один из этих инструментов, их параметры режима наложения будут иметь приоритет над параметрами режима наложения, найденными на панели слоев.Например, если вы используете Shift + Option + M для переключения в режим наложения «Умножение», когда у вас выбран инструмент «Краска», режим наложения этого инструмента будет изменен на «Умножение», а не параметр режима наложения на панели «Слои». Хорошей новостью является то, что те же самые ярлыки режима наложения ДЕЙСТВИТЕЛЬНО работают для инструментов рисования, вам просто нужно обратить внимание на то, какой инструмент вы выбрали, когда используете ярлыки.

Также можно прокручивать вверх или вниз список режимов наложения, используя комбинации клавиш Shift + (прокручивает список режимов наложения) или Shift- (прокручивает список режимов наложения вверх).Эти сочетания клавиш также работают по-разному в зависимости от того, какой инструмент вы выбрали на панели инструментов. Например, если у вас выбран инструмент «Краска» и вы используете Shift +, режим наложения для инструмента «Краска» будет прокручиваться вниз до следующего режима наложения в списке (а не до режима наложения на панели «Слои»).

Существуют также сочетания клавиш для изменения настроек «Стандартная непрозрачность» и «Непрозрачность заливки» на панели «Слои». Чтобы использовать эти ярлыки, ваш текущий инструмент должен отличаться от одного из инструментов, которые можно найти в разделе рисования и редактирования на панели инструментов.Чтобы изменить стандартную непрозрачность с помощью клавиатуры, просто нажмите число. Например, вы можете изменить непрозрачность до 50%, нажав клавишу 5, или изменить непрозрачность до 100%, нажав клавишу 0. Если вы дважды быстро нажмете клавишу 0, вы измените непрозрачность на 0%. Вы даже можете последовательно нажать две разные цифры. Например, вы можете установить непрозрачность на 35%, быстро нажав клавишу 3, а затем клавишу 5.

Регулировка непрозрачности заливки работает с использованием той же техники, но вам нужно использовать клавишу Shift при нажатии числа.Например, чтобы установить непрозрачность заливки на 33%, используйте комбинацию клавиш Shift + 33. Эти сочетания клавиш также работают, когда выбран один из инструментов в разделе рисования и редактирования на панели инструментов, однако, опять же, настройки режима наложения для этих инструментов имеют приоритет над настройками режима наложения на панели слоев. Например, если у вас выбран инструмент Paint и вы используете комбинацию клавиш 22, непрозрачность инструмента Paint будет изменена на 22%. Следует отметить, что нет параметра «Непрозрачность заливки» ни для одного из инструментов в разделе рисования и редактирования, однако некоторые инструменты имеют настройку потока (например, инструмент «Кисть»).Для тех инструментов, у которых есть настройка потока, нажатие Shift + на номер изменит поток для выбранного инструмента. Например, если вы используете Shift + 22 с выбранным инструментом «Краска», поток для инструмента «Краска» будет установлен на 22%.

Часто используемые режимы наложения

Некоторые из наиболее часто используемых режимов наложения — «Умножение», «Экран», «Наложение» и «Мягкий свет».

Противоположности режимов наложения

Каждый из режимов наложения в группе «Затемнение» имеет противоположный (дополнительный) режим в группе «Светлее».Эти «противоположности» используют немного иную математику для получения результатов, но логика, которую они используют, похожа, но в обратном порядке. Например, в режиме наложения «Темнее», если пиксели активного слоя темнее, чем пиксели нижележащих слоев, они остаются в изображении. Противоположный режиму наложения «Темнее» является «Светлее», а с режимом наложения «Светлее», если пиксели на активном слое светлее, чем пиксели на нижних слоях, они остаются в изображении.

Коммутируемые режимы наложения

Есть 2 пары режимов наложения, которые являются коммутированными версиями друг друга.Первая коммутируемая пара — это режимы Overlay и Hard Light. Вторая пара — это режимы яркости и цвета. Когда 2 режима наложения являются коммутируемыми версиями друг друга, если вы примените один режим наложения к активному слою, вы получите те же результаты, если добавите другой (коммутируемый) режим наложения к нижележащему слою, а затем измените порядок следования на противоположный. слои.

Режимы наложения «

Есть 8 режимов наложения, которые я буду называть « Special 8 .Эти режимы наложения ведут себя иначе при настройке «Непрозрачность заливки» по сравнению с настройкой стандартной непрозрачности. Режимы наложения, которые не являются членами этой группы Special 8 , одинаково реагируют на изменения как заливки, так и непрозрачности ( при условии отсутствия эффектов слоя ), но с этими режимами наложения Special 8 непрозрачность 40% будет выглядеть отличается от заливки 40% или 30% непрозрачности будет выглядеть иначе, чем заливка 30% и т. д. Для всех других режимов наложения (режимы, не являющиеся частью Special 8 ), непрозрачность 40% выглядит так же, как 40% заливки или 20% непрозрачности выглядят так же, как заливка 20% и т. Д.Это важная концепция для понимания, поскольку она может расширить возможности этих режимов наложения. Например, режим наложения Hard Mix обычно выглядит не очень хорошо, но если вы отрегулируете непрозрачность заливки для этого режима, вы можете получить отличные результаты. Режимы наложения, которые являются членами этой группы Special 8 : Color Burn, Linear Burn, Color Dodge, Linear Dodge (Добавить), Vivid Light, Linear Light, Hard Mix и Difference.

Математический режим наложения

Прежде чем я перечислю 27 режимов наложения и то, как они работают, вам нужно понять, как работает математика в Photoshop.Поскольку режимы наложения работают со значениями яркости и темноты, т. Е. Уровнями яркости, и поскольку уровни яркости отображаются в Photoshop как значения от 0 до 255 (как показано в диалоговом окне «Уровни»), можно предположить, что математические вычисления, выполняемые Photoshop, основаны на эти значения. Однако в фоновом режиме Photoshop «стандартизирует» эти значения яркости перед применением математических расчетов. Когда эти значения стандартизированы, белый (255) становится 1, черный (0) остается равным 0, а 50% серого становится 0,5. Вся математика режима наложения выполняется в небольшом диапазоне от 0 до 1.Важно, чтобы вы понимали эту концепцию стандартизации, чтобы понимать следующие математические уравнения.

Поскольку значения яркости стандартизированы до применения математических расчетов, а математические вычисления работают с числами в диапазоне от 0 до 1, результирующие вычисления могут быть не такими, как вы ожидаете. Например, при работе с числами больше 1 деление дает меньшее число, а умножение дает большее число.Однако при работе с числами от 0 до 1 деление приводит к большему числу, а умножение — к меньшему. Вычитание и сложение работают примерно так же, как и следовало ожидать, независимо от того, работаете ли вы с числами больше 1 или значениями от 0 до 1.

Ниже приведены несколько примеров использования произвольных чисел, которые показывают, как математические результаты различаются при работе с числами от 0 до 1 по сравнению с числами от 0 до 255. Чтобы помочь вам лучше понять числовые значения, показанные ниже, обычное число яркости 200 преобразуется в стандартизованное число с использованием: 200 ÷ 255 = 0.78, а обычное число 72 преобразуется в стандартизованное число с помощью: 72 ÷ 255 = 0,28.

Пример разделения

Пример умножения

Пример добавления

Пример вычитания

Математические примеры режима наложения

A = Активный слой
B = Фоновый слой (т. Е. Нижележащие слои)
* В приведенных ниже уравнениях 1-X = уровень яркости «X» инвертирован

Математические режимы затемнения

Математические режимы осветления

Математические режимы отмены

Описание режимов наложения

Дополнительные математические подсказки для режима наложения

При использовании режима Linear Burn вы можете добиться тех же результатов, применив режим Subtract с парой изменений.Например, если у вас есть 2 слоя, и верхний активный слой установлен в режим Linear Burn, примените режим Subtract к верхнему слою, примените инвертированный слой, а затем примените обтравочную маску. Другими словами, вычитание инвертированного слоя дает тот же эффект, что и не инвертирование слоя и применение режима Linear Burn. Это работает, потому что уравнение для режима вычитания — B-A, а уравнение для инвертирования активного слоя и применения режима вычитания: B- (1-A). Если вы посмотрите на математику, вы увидите, что это то же самое, что и уравнение режима линейного прожига: A + B − 1.Это можно увидеть с помощью следующего уравнения:

Чтобы объяснить, как B− (1 − A) совпадает с A + B − 1, минус минус A = положительный A, B уже был положительным, а 1 становится отрицательным, следовательно А + В − 1.

Та же логика и взаимосвязь применяются к режимам наложения Color Dodge и Divide.Инвертирование активного слоя, применение обтравочной маски и последующее применение режима разделения эквивалентны режиму Color Dodge без инверсии. Например, уравнение для режима Color Dodge: B ÷ (1-A), а уравнение для режима Divide: B ÷ A, поэтому, если вы инвертируете режим Divide, вы получите следующую эквивалентность:

Инструмент «Кисть» имеет несколько дополнительных режимов наложения и связанных с ними сочетаний клавиш.Эти режимы наложения, которых нет в списке режимов наложения панели «Слой», — это «Сзади» и «Очистить». Существует также вариант Airbrush, который, хотя на самом деле не является режимом наложения, у него есть сочетание клавиш, о котором стоит упомянуть. В режиме наложения «задний» краска будет применяться только к прозрачным пикселям в слое, а непрозрачные пиксели останутся нетронутыми. Режим наложения «Очистить» в основном превращает вашу кисть в ластик, делая пиксели, на которых вы рисуете, прозрачными.

Сквозной режим

Режим наложения по умолчанию для группы слоев — «Сквозной».В режиме «Сквозной просмотр» Photoshop действует так, как будто группы нет — это все равно, что временно убрать слои из группы, чтобы выполнить смешивание в обычном порядке. Если сквозной переход изменяется на другой режим, вы в основном меняете порядок, в котором обрабатываются слои — сначала смешиваются все слои в группе, а затем полученный композит смешивается со слоями ниже, используя режим наложения, выбранный для группа (сначала действуют слои внутри группы).

Смешение яркости

Доступ к параметрам наложения яркости можно получить, дважды щелкнув слой рядом с именем слоя (но не на нем) или щелкнув значок «Добавить стиль слоя» на панели слоев и выбрав «Параметры наложения…» в В этом диалоговом окне вы увидите 2 ползунка, ползунок «Этот слой» и ползунок «Нижний слой».

Ползунок «Этот слой» определяет, какие уровни яркости отображаются в активном слое. Ползунок «Нижний слой» управляет тем, какие уровни яркости видны в составном виде всех слоев под активным слоем (он перемещает нижние пиксели в активный слой).

Когда для параметра «Смешать, если» установлено значение «Серый» (по умолчанию), эти 2 ползунка будут работать на основе уровней яркости всех цветовых каналов RGB. Чтобы изменить смешение яркости только для одного цветового канала, выберите цвет канала, с которым вы хотите работать (красный, зеленый или синий).

При настройке ползунка «Этот слой», если вы сдвинете белый треугольник влево, любые уровни яркости справа от треугольника станут прозрачными, а составные пиксели из нижележащих слоев будут видны. Если вы сдвинете черный треугольник вправо, любые уровни яркости слева от треугольника станут прозрачными, поэтому составные пиксели из нижележащих слоев будут видны. Любые уровни яркости между двумя треугольниками будут непрозрачными. Если вы внимательно посмотрите на черный и белый треугольники, вы заметите, что по их центрам проходит расщелина.Эта щель указывает на то, что треугольники можно разделить. Чтобы разделить треугольники, удерживайте клавишу Option (Windows: Alt), перетаскивая одну половину треугольника от другой. Когда вы разбиваете треугольник, любые уровни яркости между двумя половинами будут постепенно меняться от прозрачности до непрозрачности. Этот полезный метод часто используется для более плавного перехода между прозрачностью и непрозрачностью.

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

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

Настройки по умолчанию для смешения яркости

Пример смешивания яркости

На рисунке ниже показано использование ползунка «Нижние слои» с обоими треугольниками, разделенными.

• Все уровни яркости ниже 30 будут прозрачными
• Уровни яркости от 30 до 57 будут постепенно переходить от прозрачного к непрозрачному для более плавного эффекта
• Все уровни яркости от 57 до 200 будут непрозрачными
• Уровни яркости между 200 и 227 будут постепенно переходить от непрозрачного к прозрачному для более плавного эффекта
• Все уровни яркости выше 227 будут прозрачными

Чтобы увидеть пример использования параметров наложения Photoshop, прочтите мою статью «Добавление луны к вашему ландшафту с помощью параметров наложения Photoshop».”

На этом статья о режимах наложения завершается! Спасибо за прочтение и, пожалуйста, оставляйте комментарии.

режимов наложения — Полное руководство по режимам наложения в Photoshop

В этом уроке я дам вам подробное объяснение того, как работают Blending Modes (Blend Modes) в Photoshop.

Возможно, вы работали с режимами наложения в прошлом, и, вероятно, для вас это был скорее экспериментальный процесс.

Цель этого руководства — показать вам, как именно работает каждый Blend Mode , чтобы вам не пришлось так много экспериментировать.

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

Этот урок представляет собой бесплатный образец моего курса «Освоение цвета в Photoshop».

Индекс:

Когда в Photoshop были добавлены режимы наложения?

режимов наложения существуют с 1994 года, когда слои впервые были добавлены в Photoshop 3.0.
19 исходных режимов наложения: Нормальный, Растворение, Затемнение, Умножение, Цвет, Затемнение, Более темный цвет, Осветление экрана, Осветление цвета, Более светлый цвет, Наложение, Мягкий свет, Жесткий свет, Разница, Исключение, Оттенок, Насыщенность, Цвет и Светимость.

В 2002 году Photoshop 7 представил пять режимов наложения вместе с ползунком «Заливка». Linear Dodge (Добавить), Linear Burn, Vivid Light, Linear Light и Pin Light.

В 2003 году Photoshop CS добавил Hard Mix. Вычитание и Разделение были добавлены в Photoshop CS5 в 2010 году.

В настоящее время в Photoshop есть 27 режимов наложения. 30 режимов наложения, если вы включите два дополнительных режима наложения для инструментов рисования (позади и очистить) и дополнительный режим наложения для групп (сквозной).

Режимы наложения или режимы наложения?

Официально они известны как режимы наложения, но вы можете использовать их как синонимы. Я иногда называю их «режимами наложения», поэтому не беспокойтесь о том, какое имя вы используете. Если вы знаете, как они работают!

Непрозрачность и заливка с режимами наложения

19 из 27 режимов наложения ведут себя одинаково при настройке «Заливка» и при настройке «Непрозрачность». Однако восемь режимов наложения дают другой результат при изменении Заливки по сравнению с Непрозрачностью.

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

В приведенном ниже примере вы можете увидеть, как изображение с разными значениями яркости и фотография Венеции были смешаны с использованием режима наложения Hard Mix. Для изображения в центре задана непрозрачность 50%, а для изображения справа установлено значение «Заливка» 50%.

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

Флажок «Прозрачный слой с фигурами»

8 режимов наложения в этой группе также дают вам дополнительный уровень смешивания, сняв флажок « Transparency Shapes Layer » на панели «Стиль слоя».

В приведенном ниже примере вы можете увидеть, как Linear Light по-разному смешивается, когда снят флажок « Transparency Shapes Layer ».Обратите внимание на то, как края кругов на примере справа переходят по-разному.

База + Смесь = Результат

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

Цвет « Base » — это исходный цвет изображения.

Цвет « Blend » — это цвет, применяемый с помощью инструмента рисования или редактирования к базовому слою.

Цвет « Result » — это цвет, полученный в результате наложения.

Как смешиваются базовый и смешанный цвета, зависит от выбранного вами алгоритма или режима наложения.

Математика режима наложения

Для тех из вас, кто интересуется математикой, лежащей в основе режимов наложения, я создал упрощенное объяснение.

Photoshop использует «стандартизованные» значения для расчета смешения. Значения яркости в математическом режиме наложения варьируются от 0 (черный) до 1 (белый). Однако Photoshop использует значения от 0 (черный) до 255 (белый) для представления значений яркости в RGB.Photoshop должен преобразовать значения, поэтому черный по-прежнему равен 0, а белый становится 1. 50% серого, что равно 128, становится 0,5.

Чтобы преобразовать значение яркости RGB в стандартизованное значение, погрузите его на 255. Например, разделите 192 (светло-серый) на 255, и вы получите 0,75 (192 ÷ 255 = 0,75).

Математический пример:

A = Стандартизованное значение смешанного слоя
B = Стандартизованное значение базового слоя

Умножить:
AxB = Результат

Color Dodge:
B ÷ (1-A) = Результат

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

Объяснение каждого режима наложения

В приведенных ниже примерах мы объясним каждую из 6 категорий режимов наложения (Нормальный, Темнее, Светлее, Контраст, Инверсия и Компонент), а также все режимы наложения в каждой категории.
Графика в каждом разделе покажет результат каждого режима наложения при 100% непрозрачности, если не указано иное.

Каждый пример содержит два слоя Blend, слой яркости в градациях серого и цветной слой.Фотография Венеции, Италия будет базовым слоем.

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

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

Нормальный

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

Растворить

Режим наложения «Растворение» также не смешивает пиксели. «Растворение» показывает пиксели ниже только при уменьшении непрозрачности слоя. Пиксели ниже проявляются через шаблон дизеринга (шум), интенсивность которого зависит от прозрачности.

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

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

Темнее

Режим наложения «Темнее» смотрит на значения яркости в каждом из каналов RGB и выбирает либо базовый цвет, либо смешанный цвет в зависимости от того, какой из них темнее.

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

Умножить

Multiply — один из самых популярных режимов наложения в Photoshop.Я уверен, что вы уже пользовались им много раз раньше.

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

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

Затемнение цвета

Color Burn — это первый из восьми уникальных режимов наложения в Photoshop, которые по-разному реагируют на изменение непрозрачности по сравнению с заливкой.

Режим наложения «Затемнение цвета» дает более темный результат, чем «Умножение», за счет увеличения контраста между основным и смешанным цветами, что приводит к более насыщенным полутонам и уменьшению яркости. Результат очень похож на эффект, который вы получите при использовании инструмента затемнения для затемнения изображения.

Линейный прожиг

Linear Burn уменьшает яркость основного цвета в зависимости от значения смешанного цвета. Результат темнее, чем Multiply, но менее насыщен, чем Color Burn.Linear Burn также дает самый контраст в более темных тонах, чем любой из других режимов наложения в группе Darker.

Linear Burn смешивается по-другому при настройке «Непрозрачность заливки» по сравнению с настройкой «Непрозрачность».

* Представлено в Photoshop 7.

Более темный цвет

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

Разница в том, что Darker Color смотрит на совокупность всех каналов RGB, тогда как Darken смотрит на каждый канал RGB индивидуально, чтобы получить окончательное смешивание.

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

Режимы наложения в этой категории и противоположные, или дополнительные цвета из категории Затемнение.

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

Светлее

Режим наложения «Осветлить» учитывает основной цвет и цвет наложения и сохраняет тот, который из двух является самым светлым. Если смешанные цвета и базовые цвета совпадают, изменения не применяются. Как и в случае с режимом наложения «Затемнение», «Светлее» рассматриваются три канала RGB отдельно при наложении пикселей.

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

Экран

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

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

Цвет Dodge

Color Dodge — третий из восьми специальных режимов наложения, которые при настройке «Заливка» смешиваются иначе, чем при настройке «Непрозрачность».

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

Эффект очень похож на результат, который вы получили бы при использовании Dodge Tool, чтобы сделать изображение ярче.

Linear Dodge (добавить)

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

Linear Dodge (Добавить) смешивается по-разному при настройке «Непрозрачность заливки» по сравнению с настройкой «Непрозрачность».

* Представлено в Photoshop 7.

Более светлый цвет

Lighter Color очень похож на Lighten. Этот режим наложения не смешивает пиксели. Он сравнивает только базовый и смешанный цвета и сохраняет самый яркий из двух. Разница в том, что Lighter Color смотрит на композицию всех каналов RGB, тогда как Lighten смотрит на каждый канал RGB, чтобы получить окончательное смешивание.

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

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

Photoshop проверяет, являются ли цвета темнее 50% серого или светлее 50% серого. Если цвета темнее 50% серого, применяется затемняющий режим наложения. Если цвета ярче 50% серого, применяется режим наложения осветления.

За исключением Hard Mix, все режимы наложения в этой категории становятся прозрачными на 50% серого.

Накладка

Overlay — еще один из наиболее широко используемых режимов наложения Photoshop. Это комбинация Multiply и Screen, где всегда просвечивает базовый слой. Overlay использует режим наложения экрана с половинной интенсивностью для цветов светлее 50% серого. И режим наложения «Умножение» с половинной интенсивностью для цветов темнее 50% серого. 50% серый становится прозрачным.Также обратите внимание, что «половинная сила» не означает непрозрачность 50%.

Другой способ думать о Overlay — это сдвиг средних тонов. Смешанные темные цвета смещают средние тона к более темным, светлые тона смещают средние тона к более ярким цветам.

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

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

Другими словами, если вы примените режим наложения Overlay к слою наложения, вы получите тот же результат, что и при применении режима наложения Hard-Light к базовому слою, а затем измените порядок слоев на обратный.

Мягкий свет

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

Жесткий свет

Hard Light сочетает в себе режимы Multiply и Screen Blending, используя для расчетов значения яркости слоя Blend. Overlay использует базовый слой.

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

Hard Light звучит так, как будто у него есть что-то общее с Soft Light, но это не так. Это гораздо более тесно связано с Overlay, и оба они являются частью первого набора коммутируемых режимов наложения.

Яркий свет

Вы можете рассматривать Vivid Light как экстремальную версию Overlay и Soft Light. Все, что темнее 50% серого, затемняется, а все, что светлее 50% серого — Светлее.

Vivid Light — один из тех режимов наложения, в которых вы можете настроить непрозрачность, поскольку 100% непрозрачность обычно слишком велика.

Vivid Light — это пятый из восьми режимов наложения, которые дают разные результаты при уменьшении заливки по сравнению с непрозрачностью.

* Представлено в Photoshop 7.

Линейный светильник

Linear Light использует комбинацию Linear Dodge Blending для более светлых пикселей и Linear Burn для более темных пикселей.

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

Linear Lights смешивается по-другому при настройке «Непрозрачность заливки» по сравнению с настройкой «Непрозрачность».

* Представлено в Photoshop 7.

Точечный светильник

Pin Light — это экстремальный режим наложения, который одновременно выполняет режимы затемнения и осветления. Это может привести к появлению пятен или пятен, а также полностью удаляет все полутона.

* Представлено в Photoshop 7.

Жесткий микс

Hard Mix — седьмой режим наложения в группе контрастности и седьмой из 8 специальных режимов наложения.Он применяет наложение, добавляя значение каждого канала RGB в слой наложения к соответствующему каналу RGB в базовом слое.

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

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

* Представлено в Photoshop CS.

Инверсия режимов наложения

Инверсионные режимы наложения ищут различия между базовым слоем и слоем наложения для создания наложения.

Разница

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

Белый инвертирует цвета основного слоя. Это тот же результат, что и инвертирование цветов базового слоя при нажатии Command I (ПК: Ctrl I).

Черный Без изменений, в то время как темные оттенки серого дают небольшой эффект затемнения.

Этот режим наложения может быть чрезвычайно полезен для выравнивания слоев с похожим содержимым.

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

Исключение

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

Вычесть

В режиме наложения «Вычитание» значения пикселей вычитаются из базового слоя. Этот режим наложения значительно затемняет пиксели за счет уменьшения яркости.

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

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

* Представлено в Photoshop CS5.

Разделить

Divide производит эффект, обратный вычитанию.

Белый не действует. Только когда значения наложения становятся темнее, результат становится ярче.

Темные области смешанного слоя дают яркие цвета, тогда как светлые области смешанного слоя дают очень небольшое изменение.

* Представлено в Photoshop CS5.

Режимы наложения компонентов

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

оттенок

Режим наложения «Цветовой тон» сохраняет яркость и насыщенность базовых пикселей, принимая оттенок смешанных пикселей.

Hue можно использовать для изменения оттенков на слое, сохраняя при этом тона и насыщенность оригинала.

Насыщенность

Режим наложения «Насыщенность» сохраняет яркость и оттенок базового слоя, принимая насыщенность слоя наложения.

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

Цвет

Режим наложения цветов сохраняет яркость основного слоя, принимая оттенок и насыщенность слоя наложения. Цвет — идеальный режим наложения для раскрашивания монохромных изображений.

Кроме того, цвет, наряду с режимом наложения яркости, является второй парой коммутируемых режимов наложения.

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

Светимость

Luminosity сохраняет оттенок и насыщенность базового слоя, принимая яркость смешанного слоя.

Сквозной режим наложения

Когда вы выберете группу, вы заметите, что режим наложения по умолчанию не является нормальным. Вместо этого это «Проходить». Режим сквозного наложения указывает Photoshop, что все слои в группе должны вести себя так, как если бы они были просто частью обычного стека слоев, а не частью группы.Группа используется только как организационный инструмент, и все слои смешиваются, как и следовало ожидать.

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

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

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

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

При работе с 32-битными изображениями доступны только 15 режимов наложения. Это: Нормальный, Растворение, Затемнение, Умножение, Осветление, Линейное осветление (Добавить), Разница, Оттенок, Насыщенность, Цвет, Яркость, Более светлый цвет, Более темный цвет, Разделение и Вычитание.

Коммутируемые режимы смешивания

Есть два набора коммутируемых режимов наложения: Overlay и Hard Light, а также Color и Luminosity.

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

Например, если вы примените режим наложения Overlay к слою наложения, вы получите тот же результат, что и при применении режима наложения Hard-Light к базовому слою, а затем измените порядок слоев на обратный.

Сочетания клавиш в режиме наложения

Вы можете изменить режим наложения слоя, щелкнув раскрывающийся список и выбрав нужный из списка.Кроме того, вы можете использовать сочетания клавиш Photoshop для режимов наложения. Нажмите, Shift +, чтобы перейти к следующему режиму наложения. Или Shift — для перемещения вверх по списку.

Если у вас активен инструмент рисования, этот ярлык изменит режим наложения инструмента вместо слоя. Чтобы этого не происходило, возьмите за привычку нажимать клавишу V, чтобы выбрать инструмент «Перемещение», а затем нажимайте Shift + или Shift — для прокрутки режимов наложения.

Если фокус, синий цвет, находится вокруг раскрывающегося меню «Режим наложения», эти сочетания клавиш не будут работать.Просто нажмите Enter или Return на Mac, чтобы удалить фокус из раскрывающегося списка, а затем примените любой ярлык, который хотите.

За исключением двух режимов наложения, добавленных в Photoshop CS5 в 2010 году для «Вычитание и деление», каждый из режимов наложения имеет сочетание клавиш, которое можно использовать для применения к слою.

Однако я не рекомендую изучать их все. Изучите только те, которые вы используете чаще всего. В большинстве случаев я использую только Screen, Multiply, Overlay, Soft Light, Color и Luminously.Это единственные сочетания клавиш для режима наложения, которые я запомнил.

Чтобы выбрать режим наложения, нажмите Alt Shift в Windows или Option Shift на Mac, затем нажмите соответствующую букву, чтобы выбрать режим наложения, который вы хотели бы использовать.

Для быстрого ознакомления с режимами наложения вы можете ознакомиться с моим 8-минутным ускоренным курсом по режимам наложения.

— CSS: Каскадные таблицы стилей

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

Значения

нормальный

Последний цвет — это верхний цвет, независимо от нижнего цвета.
Эффект похож на наложение двух непрозрачных листов бумаги.

умножить

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

экран

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

накладка

Окончательный цвет является результатом умножения , если нижний цвет темнее, или screen , если нижний цвет светлее.
Этот режим наложения эквивалентен жесткому свету , но слои меняются местами.

темнее

Окончательный цвет состоит из самых темных значений каждого цветового канала.

светлее

Окончательный цвет состоит из самых светлых значений каждого цветового канала.

цвет-додж

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

цветное затемнение

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

жесткий свет

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

мягкий свет

Окончательный цвет аналогичен hard-light , но более мягкий.
Этот режим наложения ведет себя аналогично с жестким светом .
Эффект аналогичен освещению рассеянным прожектором на заднем плане .

разница

Окончательный цвет является результатом вычитания более темного из двух цветов из более светлого.
Черный слой не действует, а белый слой инвертирует цвет другого слоя.

исключение

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

оттенок

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

насыщенность

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

цвет

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

светимость

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

Для каждого пикселя среди слоев, к которым он применяется, режим наложения берет цвета переднего плана и фона, выполняет для них вычисления и возвращает новое значение цвета.

Изменения между режимами наложения не интерполируются. Любое изменение происходит немедленно.

Сравнение режимов наложения

В следующем примере у нас есть

  
 
 Выберите режим наложения: 
<выбор>
  <выбранный вариант> нормальный 
   умножить 
   экран 
   оверлей 
   затемнить 
   осветлить 
   осветление цвета 
   затемнение цветом 
   жесткий свет 
   мягкий свет 
   разница 
   исключение 
   оттенок 
   насыщенность 
   цвет 
   яркость 

  div {
  ширина: 300 пикселей;
  высота: 300 пикселей;
  фон: url (https: // media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png) центр без повтора,
  линейно-градиентный (к низу, синий, оранжевый);
}  

  const selectElem = document.querySelector ('выбрать');
const divElem = document.querySelector ('div');

selectElem.addEventListener ('изменить', () => {
  divElem.style.backgroundBlendMode = selectElem.value;
});