Что такое «Режимы наложения» в фотошопе или как добиться красивых оттенков | DesigNonstop

Полезности / Фотошоп

97362

24-12-2009

Режимы наложения (Blending modes) определяют, каким образом верхний слой взаимодействует со слоем прямо под ним. Режимы наложения упрощают и ускоряют изменение оттенков, удаление изъянов, и выполнение ряда других операций. В фотошопе все режимы разбиты на функциональные группы: Базовые режимы, Режимы затемнения, Режимы осветления, Режимы контраста, Режимы сравнения и Компонентные режимы.


 

Режимы наложения слоев находятся в выпадающем меню вверху панели «Слои» (Layers). На рисунке для удобства красным шрифтом я написала название режима на анлийском.

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

 

Затухание (Dissolve) использует пиксельный узор. Придает эффект пористости. Эффект появится только при прозрачности верхнего слоя менее 100%. Здесь прозрачность 20%.

2. Режимы затемнения

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

Умножение (Multiply) — позволяет затемнить все изображение целиком и полезен в тех ситуациях, когда вам необходимо повысить плотность светлых и средних оттенков. Он оказывается особенно полезным при работе с передержанными или слишком светлыми изображениями.

Затемнение основы (Color Burn) — затемняет темные цвета и оттенки, не оказывая влияние на светлые оттенки.

Линейный затемнитель (Linear Burn) — использует тот же подход, что и режим «Затемнение основы», но производит более сильный затемняющий эффект. Если верхний слой белый – изменений не произойдет.

Темнее (Darker Color) — похож на режим «Затемнение», за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.

3. Режимы осветления

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

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

Осветление основы (Color Dodge) — противоположный режиму «Затемнение основы», осветляет светлые цвета и оттенки, не оказывая влияние на темные области изображения.

Линейный осветлитель (Linear Dodge) — позволяет осветлить изображение, однако в отличие от режима «Экран», «отсекает» значения и приводит к более резким результатам, чем режим наложения «Экран» или «Осветление основы».

Светлее (Linear Color) — похож на режим «Замена светлым», только работает со всеми слоями одновременно, вместо одного слоя.

Когда вы смешиваете два слоя вместе, видимыми останутся только светлые пиксели.

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

Перекрытие (Overlay) — комбинирует эффект режимов «Умножение» и «Экран», смешивая верхний слой с нижним. Если верхний слой на 50% серый – эффекта не будет.

Мягкий свет (Soft Light) — похож на режим «Перекрытие», но придает более умеренный эффект. Если верхний слой на 50% серый – эффекта не будет.

Жесткий свет (Hard Light) — использует тот же подход, что и режим «Перекрытие», но эффект более сильный. Здесь, верхний слой подвержен или «Экран» режиму или «Умножение», в зависимости от его цвета. Если верхний слой на 50% серый – эффекта не будет.

Яркий свет (Vivid Light) — сочетает эффект режимов «Затемнение основы» и «Осветление основы» и применяет смешивание в зависимости от цвета верхнего слоя. Если верхний слой на 50% серый – эффекта не будет.

Линейный свет (Linear Light) — Похож на режим «Яркий свет», но с более сильным эффектом. Если верхний слой на 50% серый – эффекта не будет.

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

Жесткое смешение (Hard Mix) — создает картинку с ровными тонами, ограниченную в цветах и постеризированную. Свечение верхнего слоя смешивается с цветом нижнего.

5. Режимы сравнения

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

Исключение (Exclusion) — похоже на режим «Разница», но с менее экстремальным эффектом.

5. Компонентные режимы

Цветовой тон (Hue) — комбинирует цвет верхнего слоя и колебание цвета и тон нижнего.

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

Цветность (Color) — комбинирует цвет и колебание цвета верхнего слоя с тоном нижнего слоя.

Яркость (Luminosity) — комбинирует тон верхнего слоя и цвет и колебание цвета нижнего слоя.

Режимы наложения. Методика анализа — Записки цветокорректора — LiveJournal

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

Вот оно и будет подарком, только не разовым, а долгоиграющим. Год назад, после небольшой словесной перепалки, я решил не жадничать уже выложил конспекты ко всем семинарам (ссылки на скачивание есть на соответствующих страницах сайта www.fotoproekt.ru). А здесь я начинаю выкладывать более подробные статьи, написанные для журнала «Фотомастерская».

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

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

В оригинальной (английской) версии они называются Blending Modes. И, строго говоря, переводятся на русский как «режимы смешивания». Режим задает алгоритм, по которому смешиваются цвета исходного и накладываемого изображений для получения результирующего. Но русский термин «смешивание» прочно закрепился за методикой смешивания каналов и инструментом Channel Mixer.

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

Режимы наложения используются инструментами ручного редактирования: кисть (Brush), карандаш (Pencil), штамп (Stamp), историческая кисть (History Brush), градиент (Gradient), размытие (Blur), резкость (Sharpen), палец (Smudge) и их разновидностями; командами: Fade…, Apply Image…, Calculations… Но самым серьезным инструментом они становятся при использовании со слоями.

Надо заметить, что результат рисования в отдельном слое (вставка в него картинки) с последующим изменением режима наложения не всегда совпадает с непосредственным рисованием на исходном изображении (вставке в него картинки при помощи команды Apply Image… или команд Paste и Fade Paste) с использованием инструмента в соответствующем режиме. Отличия возникают в областях, где кисть имеет прозрачность. Однако они невелики, а работа со слоями имеет много плюсов.

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

Для чего они нужны

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

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

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

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

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

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

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

Затемняющие (Darken, Multiply, Color Burn, Linear Burn, Darker Color).
Корректирующее изображение затемняет (как минимум, не осветляет) исходное.
Список построен по увеличению визуальной степени воздействия.

Осветляющие (Lighten, Screen, Color Dodge, Linear Dodge, Lighter Color).
Корректирующее изображение осветляет (как минимум, не затемняет) исходное.
Список построен по увеличению визуальной степени воздействия.

Контрастные (Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Mix).
Корректирующее изображение затемняет или осветляет исходное в зависимости от собственной яркости.
В основном список построен по увеличению визуальной степени воздействия.

Сравнительные (Difference, Exclusion).
Результат зависит от разницы между исходным и корректирующим изображением.

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

Можно применить и другую классификацию. Все режимы делятся на две группы: поканальные (отмечены серым) и композитные (отмечены красным). Для композитных режимов результат в отдельном канале зависит от содержимого всех каналов исходного и корректирующего изображения.

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

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

Почему приходится заниматься самостоятельным анализом

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

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

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

Отдельно хочу сказать пару слов про широко распространенное выражение «интуитивно понятно». Это выражение очень напоминает лепет буфетчика театра Варьете: «Осетрину прислали второй свежести». А ответ Воланда — «Голубчик, вторая свежесть — это вздор! Свежесть бывает одна — первая, она же и последняя. А если осетрина второй свежести, то это означает, что она тухлая!» — можно распространить и на термин «понимание».

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

Существует более высокая степень понимания: «быстро понятно на уровне подсознания». Так опытный цветокорректор может быстро и достаточно точно представить себе, какой цвет стоит за набором RGB, CMYK или Lab чисел на палитре Info, не прибегая к долгим рассуждениям вокруг них. Происходит это не потому, что он «интуитивно понимает» модели цветовоспроизведения.

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

Методика анализа

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

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

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

Наложив эти картинки друг на друга, мы получим клетчатую доску, уникальную для каждого режима наложения. Она и послужит основой для анализа. Чтобы вам было проще ориентироваться на ней, я ввел координатную сетку аналогичную шахматной. На иллюстрации поле J(64) отмечено зеленым, диагональ A(0)-K(255) — красным, область A(160)-D(255) — синим.

Записав яркость каждого поля доски, мы получим матрицу 9х9.

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

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

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

UPD.
Желающие самостоятельно поэкспериментировать с наложением таких клиньев могут сами построить их или скачать мой psd (79 кб)

На какие вопросы мы должны получить ответ

1. Существует ли для данного режима наложения нейтральный цвет и, если да, то какой?

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

2. Как изменяется степень воздействия по полному тоновому диапазону?

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

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

3. Как изменяется контраст в различных тоновых диапазонах?

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

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

4. Соответствует ли уменьшение непрозрачности ослаблению воздействия?

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

Наглядным примером такой коррекции (правда, немного из другой области) является гауссово размытие. Если поверх исходной картинки лежит слой, к которому применен Gaussian Blur с радиусом 50, уменьшение его непрозрачности до 50% не даст результат аналогичный размытию исходника с радиусом 25.

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

5. Каким реальным фотопроцессам соответствует режим наложения?

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

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

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

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

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

6. Что происходит при наложении картинки самой на себя?

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

7. Как меняется результат, если поменять местами исходное и корректирующее изображение?

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

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

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

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

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

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

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

Как фотошоп рассчитывает яркость при частичной непрозрачности? Предположим, некоторый пиксель картинки имел до коррекции яркость 192 (A). Его же яркость после коррекции с непрозрачностью 100% — 64 (B). Вычисляя яркость при уменьшении непрозрачности по пути из точки A к точке B, программа проходит на столько процентов, сколько мы выставим в поле Opacity. Так же рассчитывается финальная яркость остальных пикселей. То есть, при уменьшении непрозрачности кривая равномерно подтягивается к своему начальному положению.

Формула имеет один и тот же вид для 8-битного режима и отнормированной яркости, где: s — яркость исходного изображения; с — яркость корректирующего изображения; r — яркость финального изображения; k — значение параметра Opacity в процентах.

При изменении порядка наложения слоев результат сохраняется, если непрозрачность верхнего слоя изменить на 100-k.

В реальной жизни режиму Normal соответствует просмотр двух сцен через полупрозрачное зеркало. Сцена видимая на просвет — исходное изображение; сцена видимая в отражении — корректирующее изображение; коэффициент отражения зеркала — Opacity.

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

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

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

Что стоит за самоналожением картинки

Обещанный ответ на шестой вопрос. Вернитесь к клетчатой доске и посмотрите на диагональ A(0)-K(255). У ее полей есть одно общее свойство: яркости исходного и корректирующего изображения равны. Это случай наложения картинки самой на себя в соответствующем режиме.

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

Это не значит, что такой прием нельзя использовать. Но, применяя его, вы должны понимать, на что идете. И если уж решили им воспользоваться, не надо дублировать на новый слой все изображение. Просто создайте любой корректирующий слой (Curves, Layers и т.п.) с нулевыми настройками (не меняющий изображение).

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

В следующий раз мы рассмотрим первую пару — Darken и Lighten.

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

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

Для коммерческого использования или перепечатки с внесением изменений необходимо согласование с автором. Связаться со мной можно по электронной почте [email protected]

© Андрей Журавлев (aka zhur74), ноябрь 2010 г.
Первая публикация http://zhur74.livejournal.com/6298.html

Режим наложения цветов в Photoshop

Автор сценария Стив Паттерсон.

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

Режим наложения «Умножение» игнорирует белые области и делает все остальное темнее. Режим наложения «Экран» игнорирует черные области и делает все остальное светлее, в то время как режим наложения «Наложение» игнорирует области, которые на 50 % серые, и делает темные области темнее, а светлые — светлее, улучшая контрастность изображения.

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

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

Реальный пример режима наложения цветов

Одно из самых популярных применений режима смешения цветов — раскрашивание черно-белых изображений. Это позволяет добавить цвет к изображению, не влияя на значения яркости. Просто добавьте новый пустой слой над изображением и установите режим наложения слоя на «Цвет». Выберите инструмент «Кисть» в палитре «Инструменты», выберите цвет, которым хотите рисовать, и начните рисовать на слое, чтобы добавить свой цвет.

Вот еще одно старое фото, на этот раз свадебной пары:

Старая черно-белая фотография свадебной пары.

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

.

Щелкните значок «Новый слой».

Добавляет новый пустой слой над фоновым слоем. По умолчанию Photoshop называет новый слой «Слой 1», но, поскольку мы будем использовать этот слой для раскрашивания роз, я дважды щелкну имя слоя в палитре «Слои» и переименую его в «Розы»:

Палитра «Слои» показывает новый пустой слой «Розы» над фоновым слоем.

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

.

Изменение режима наложения слоя «Розы» на Цвет.

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

Картина с красными розами внутри.

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

Теперь розы окрашены в красный цвет.

Цвет слишком насыщенный, поэтому я просто уменьшу непрозрачность слоя «Розы» примерно до 60%:

Понижение непрозрачности слоя «Розы».

Теперь цвет стал более приглушенным, и кажется, что красный цвет хорошо сочетается с остальной частью фотографии:

Изображение после снижения непрозрачности слоя «Розы».

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

Мы рассмотрели четыре из пяти основных режимов наложения для редактирования фотографий в Photoshop. Далее идет наш пятый и последний режим наложения, режим наложения Luminosity, который является полной противоположностью режиму Color! Или вернитесь на главную страницу, чтобы выбрать другой режим наложения!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!


Объяснение всех 27 режимов наложения в Photoshop (с примерами)

При первой работе с режимами наложения в Photoshop это почти эксперимент — прокрутка 27 режимов, чтобы увидеть, какой из них работает на вашем изображении. Хотя этот метод работает, он отнимает много времени, и вы никогда не знаете, что может предложить каждый режим наложения, кроме как думать: «Да, это выглядит достаточно хорошо». К счастью, в этом уроке мы разберем и объясним каждый режим наложения в Photoshop, чтобы помочь вам лучше понять, какой из них использовать и почему.

Что такое режимы наложения в Photoshop?

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

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

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

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

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

После нажатия раскрывающегося меню рядом с Normal на панели Layers вы увидите все 27 режимов наложения. Давайте разберем, что они все делают.

Краткий обзор режимов наложения Photoshop

НормальныйРастворениеТемнееУмножениеЗатемнение цветаЛинейное затемнениеТемнее ЦветОсветлениеЭкранОсветление цветаЛинейное осветлениеОсветление цветаНаложениеМягкий светЖесткий светЯркий светЛинейный светТочечный светЖесткое смешениеРазницаИсключениеВычитаниеРазделениеОттенокНасыщенностьЦветЯркость

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

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

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

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

Обычный

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

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

Растворение

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

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

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

Чтобы полностью увидеть эффект режима наложения Dissolve, я уменьшу значение Непрозрачность слоя до 40% вверху панели Слои .

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

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

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

Затемнение

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

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

После добавления режима наложения «Темнее» белые области градиента исчезают, а более темные области остаются.

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

Умножение

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

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

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

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

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

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

BeforeAfter
— Linear Burn

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

Используя то же изображение, что и раньше, я только что изменил режим наложения на Linear Burn. Результат менее насыщенный, чем в предыдущем примере.

Режим наложения Color Burn Режим наложения Linear Burn
Darker Color

Режим наложения Darker Color сравнивает пиксели в базовом слое и слое наложения и отображает только более темные цвета. Этот режим работает аналогично режиму Darken. Однако в этом случае Photoshop рассматривает совокупность каналов RGB как единое целое, а не по отдельности. Этот режим используется не часто.

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

Режим наложения Darken Режим наложения Darker Color

Если я уменьшу непрозрачность до 30%, я получу лучший результат с режимом наложения Darker Color.

3. Режимы наложения «Светлее»

Режимы наложения «Светлее» служат для осветления и удаления черного, и эти режимы являются прямой противоположностью режимам наложения «Темнее».

Светлее

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

Затем мне нужно уменьшить непрозрачность, чтобы естественным образом осветлить нижние области.

– Экран

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

При использовании того же изображения режим наложения влияет на нижнюю часть изображения (в отличие от верхней половины в примере с умножением).

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

Color Dodge

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

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

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

Режим Linear Dodge работает так же, как режим Color Dodge, но делает базовый слой ярче, увеличивая яркость, чтобы отразить смешанный слой. Черные области накладываемого слоя игнорируются. Результат менее насыщенный, чем в режиме Color Dodge.

– Светлее Цвет

Режим Светлее Цвет сравнивает пиксели из базового слоя и слоя смешения и отображает только более светлые цвета, а не смешивает более темные цвета. Функция аналогична Lighten Mode. Однако Photoshop рассматривает совокупность каналов RGB как единое целое, а не по отдельности.

Изменение режима наложения на Светлее на том же изображении, что и в режиме Светлее, дает другой результат.

Светлее Режим наложения Lighter Color Blending Mode

Теперь я снижаю непрозрачность до 30% для лучшего результата.

4. Режимы наложения контраста

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

Накладка

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

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

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

Мягкий свет

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

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

— Hard Light

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

Непрозрачность 100 % Непрозрачность 35 %
Vivid Light

Режим наложения Vivid Light представляет собой расширенную версию наложения Overlay и работает путем осветления всего, что ниже 50% серого, и затемнения всего. выше 50% серого используя режимы Color Burn и Dodge. Эффекты этого режима наложения резкие и часто требуют снижения непрозрачности.

Добавление слоя оранжевой заливки к изображению полностью покрывает его в режиме наложения Normal.

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

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

Уменьшение непрозрачности до 50 % и добавление маски слоя с градиентом для удаления режима наложения с камней дает еще лучший результат.

Непрозрачность 50%
Линейный свет

Режим наложения линейного света — это сочетание режимов Linear Burn и Linear Dodge для более темных и светлых пикселей. Эффект применяется путем увеличения или уменьшения яркости пикселей.

Этот режим дает более яркий результат, чем Vivid Light, и обычно слишком резкий при 100% непрозрачности. Непрозрачность 50% и маска слоя с градиентом дают лучшие результаты.

100% непрозрачность 50% непрозрачность
PIN-светильник

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

Уменьшение непрозрачности до 25% дает лучший результат.

Hard Mix

Режим наложения Hard Mix добавляет значения RGB слоя наложения со значениями базового слоя. Когда значения добавляются и результат превышает 255, пиксели остаются равными 255; когда оно ниже 255, пиксели изменяются на 0. 

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

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

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

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

Difference

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

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

Исключение

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

Вычитание

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

– Разделение

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

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

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

— Цветовой тон

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

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

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

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

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

BeforeAfter
Color

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

 –
Яркость

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

После добавления к изображению желтого слоя заливки детали изображения плохо видны.

Уменьшение непрозрачности смешанного слоя создает лучший эффект.

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

Почти все режимы наложения имеют простую комбинацию клавиш для легкого изменения режима наложения слоя. Самый простой ярлык для запоминания — Shift + + или Shift + (Win и Mac) для смены режимов.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *