Делаем тонирование фотографии в фотошоп. Режимы наложения и раздельное тонирование

Его можно рассматривать как частный случай монохромного, то есть черно-белого изображения. Перевод в ч/б — сам по себе отдельная тема для разговора, которая выходит за рамки этой статьи. Отмечу лишь два момента: во-первых, для лучшего результата, нужно не просто обесцветить изображение, а настроить яркость разных цветов, например, с помощью инструмента Black & White. А во-вторых, после перевода снимка в ч/б часто необходимо увеличить контраст, как бы компенсируя появившуюся тусклость изображения. Об этих моментах не нужно забывать и при тонировании фотографий.

Таким образом, для одноцветного тонирования в Photoshop лучше всего подходит инструмент Black & White, в котором мы сначала настраиваем черно-белое изображение. А потом, с помощью настройки Tint, красим его в выбранный оттенок.

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

С одноцветным тонированием все просто, но гораздо интересней так называемое сплит тонирование , когда фотография тонируется в два оттенка: тени в один цвет, света в другой. Такое двухцветное тонирование удобно реализовано в Lightroom с помощью инструмента Split Toning . В Photoshop подобного инструмента нет. Зато есть множество других инструментов, позволяющих делать двух- и более цветное тонирование. Я рассмотрю самые основные способы раздельного тонирования в Photoshop.

Сплит тонирование в Photoshop

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

Очень простой способ сдвинуть оттенки теней и светов.

Создаете корректировочный слой Color Balance и настраиваете цветовой сдвиг отдельно для теней, средних тонов, и светлых тонов.

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

Вот такой результат получен с помощью настроек слоя показанных выше. Режим смешивания Color, непрозрачность 61%. Перед этим насыщенность изображения понижена слоем Black & White – 28% и слегка увеличен контраст.

Вот структура слоев.

Если нужно полное тонирование, а не просто изменение оттенков, то достаточно перед Color Balance перевести снимок в ч/б, например, слоем Black & White, а затем уже настраивать цвет теней, светлых и средних тонов.

Таким образом, здесь настраивается не два, а три цвета, хотя и нет возможности сдвигать диапазон теней и светов как в Lightroom.

Этот инструмент во многом похож на предыдущий. Используемый для тонкой подстройки отдельных оттенков, он позволяет задавать и раздельное тонирование, наподобие слоя Color Balance. Только вместо RGB модели в нем используется CMYK.

В выпадающем списке выберите Whites, Neutrals и Blacks для настройки соответственно: светлых, средних и темных тонов.

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

При схожем функционале мне удобней пользоваться инструментом Color Balance, RGB модель мне привычней. Хотя у Selective Color есть возможность сохранять настройки в файле, чтобы в дальнейшем использовать их.

Вот вариант тонирования, выполненный с помощью Selective Color:

3. Настройки смешивания слоя Blend If

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

Если не получилось, то можно вызвать контекстное меню (левой кнопкой мыши) на слое и выбрать пункт …

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

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

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

Я создал два корректирующих слоя Black & White:

А затем настроил их смешивание следующим образом:

После настройки прозрачности слоев получил такой результат:

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

4. Маски слоев

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

При этом текущее выделение превратиться в маску. В которой: белыми будут самые светлые пиксели (непрозрачные), а черными — самые темные, они будут прозрачными. Такой трюк с созданием выделения из RGB канала просто копирует его в маску слоя.

То же самое проделайте для слоя, задающего цвет теней, но в конце нажмите Ctrl+I — это инвертирует (перевернет) маску так, что непрозрачными станут света.

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

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

5. Градиент

Еще один способ многоцветного тонирования — это Градиент. Создайте корректировочный слой Gradient Map, выберите нужные цвета, настройте режим смешивания (как и в других способах, иногда удобно ставить режим Color) и степень прозрачности.

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

Но вполне себе вариант:

6. Кривые (Curves).

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

Создаем корректировочный слой Curves, выбираем синий канал и задаем такую кривую:

Получаем вот такой цветовой сдвиг.

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

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

Для меня настройка Кривых в отдельных RGB каналах является любимым способом издевательства над цветами. Наряду с инструментом Color Balance. Реже использую два корректировочных слоя с настройкой смешивания Blend If. И никогда не использую Градиент — очень неудобно. Здесь я рассказал о нем, скорее, для полноты материала. Хотя знатоки Photoshop с легкостью назовут еще пяток способов раздельного тонирования изображения , для меня было важно рассказать не обо всех возможных способах, а о наиболее простых, удобных и эффективных.

На этом сегодня все. Хорошего вам настроения и красивых цветов на ваших фотографиях!

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

Для сплит-тонирования подходят карточки с широким динамическим диапазоном, на которых явно определены света и тени.

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

Мы будем использовать такие составляющие программы Adobe Photoshop , как: корректирующий слой Curves(Кривые) и вкладка Channels(Каналы) , а также научимся работать с таким необходимым инструментом, как Histogram (Гистограмма), которая находится в главной вкладке W indow (Окно) на верхней панели. Надеюсь, что данный урок вам понравится и вы получите все необходимые знания, при работе с данными инструментами.

Итак, давайте начнём:

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

Такие преобладания цвета на экране называют цветовым выравниванием и автор покажет вам технику его применения в программе Adobe Photoshop .

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

Анализ референса

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

Давайте ещё раз обратим внимание на скриншот из фильма. Глядя на это изображение, кажется что его основными цветами являются: голубой, зелёный, синий и немного желтого. Но это не так!

Для того, чтобы определить точный цвет, определяемый в цифрах, нам понадобится палитра In fo(Инфо) , которая находится в окне Window - Info (Окно - Инфо) , а также инструмент E yedropper Tool(Пипетка)(I) , который очень помогает при определении конкретного цвета. Т. о, наводя этим инструментом на те места, где нам интересно числовое значение цвета, мы будем удивлены, т. к это не те цвета, которые мы видим своими глазами.

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

Активно используя инструмент E yedropper Tool (Пипетка) (I) , мы с лёгкостью сможем определить точный цвет в нужном нам месте на изображении. Т.о, те цвета, которые мы определили с помощью этого инструмента и будут преобладающими.

Следует отметить, что помимо стандартной палитры Histogram (Гистограмма) , гистограмму можно посмотреть ещё через корректирующий слой Кривые. Создайте его поверх всех слоёв. Мы увидим, что слева на гистограмме гораздо больше информации, чем справа.

А если мы применим его в качестве Clipping Mask (Обтравочной маски) к слою со скриншотом, который так же был заранее помещён на палитру слоёв, мы увидим, что гистограмма гораздо более равномерна как в светах, так и в тенях. Самое интересное здесь - это возможность повлиять на цвет в какой-либо конкретной точке, с помощью всё того же инструмента Пипетка , который встроен в этот корректирующий слой. Для выбора этого инструмента, нужно нажать на значок, который отмечен на скриншоте красным цветом.

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

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

Тем не менее, давайте немного отвлечёмся от корректирующего слоя Curves (Кривые) и воспользуемся другим способом: коррекция изображения с помощью корректирующего слоя Gradient Map (Карта градиента).

Примечание переводчика: следует признать, что способ с Gra dient Map (Картой градиента) ,который будет описан далее, более сложный и долгий, поэтому рекомендуется использовать 2-ой способ редактирования, при помощи корректирующего слоя Curves (Кривые).

1-й способ: Карта градиента

Создайте новый корректирующий слой Gra dient Map (Карта градиента) и примените переход от цвета #000000 к #fff fff . Т. о мы обесцветим изображение, т. е сделаем его чёрно-белым, как на скриншоте.

Примечание переводчика: расположите этот слой над слоем Cur ves (Кривые) , но под слоем с изображением и не применяйте его в качестве Clipping Mask (Обтравочной маски) . Чуть позже станет понятно, почему нужно сделать именно так.

Далее, дважды кликните по корректирующему слою Gra dient Map (Карта градиента) , чтобы открылось окошко с выбором градиентов. Теперь мы постараемся перенести цвета с кадра из фильма на наше изображение. Дважды кликните на чёрном ползунке, чтобы открылась цветовая палитра и примените цвет #06140 f. Далее, кликнув дважды на светлый ползунок, давайте выберем пипеткой цвет в той области, откуда идёт свет, т. е на главном источнике света. (Примечание переводчика: это лампы в вагоне.) Теперь, поставим новый ползунок между чёрной и светлой точкой с цветом #063 f4d и расположите примерно на 30% . Пока что, получается так:

А также, поставим ещё один ползунок между центральной и светлой точкой с цветом # ba9 d50 .

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

Итак, наша картинка начинает приобретать зеленоватый оттенок. Можно попробовать изменить режим наложения, данного корректирующего слоя на Color (Цвет), либо на Hue(Цветовой тон) и уменьшить Opacity (Непрозрачность) этого слоя на ваш вкус.

Расположение ползунков, а также полученный результат, можно посмотреть на скриншоте:

2 способ: Кривые

Примечание переводчика: не забудьте расположить корректирующий слой Curves (Кривые) над слоем с исходным изображением и примените корректирующий слой в качестве Clipping Mask (Обтравочной маски) к изображению.

Приступим! Находясь на корректирующем слое Curves (Кривые) нажмите на панельку RGB и появится выпадающий список из трёх каналов Red(Красный), Green (Зелёный), Blue (Синий). На данный момент, нам необходимо добавить жёлтый цвет, а для этого нужно выбрать синий канал. Если вам понадобится добавить зелёный цвет, выбирайте красный канал. Ну а при необходимости добавления пурпурного цвета, выбирайте зелёный канал.

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

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

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

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

Примечание переводчика: если какого-то оттенка всё ещё много, по вашему мнению, уравновешивайте его за счёт оппозитного/противоположного оттенка. Напоминаю вам, что опуская вниз кривую канала Red (Красный) , можно добавить Cyan (Голубой) цвет. Используя канал Green (Зелёный) , можно добавить Magenta (Пурпурный) . Канал Blue (Синий) добавляет Yellow (Жёлтый) .

Финальная коррекция

Приступим к завершающему этапу редактирования. Воспользуемся корректирующим слоем S elective Color (Выборочная коррекция цвета) . Расположите его под слоем Curves(Кривые) , т.к нужно применить этот корректирующий слой к слою с оригинальным изображением, но не отключайте его видимость, т. к. нужно видеть изменения, которые будут происходить при коррекции цвета. Примените его в качестве Cli pping Mask (Обтравочной маски) и сделайте такие же настройки, как на скриншоте:

И вот, что у нас получается:

Для добавления контраста изображению, давайте вернёмся в корректирующий слой Curves (Кривые) . Для этого дважды кликните по нему и в режиме RGB поставьте такие же настройки, как на скриншоте. Результат тут же:

Предыдущий скриншот является тем самым результатом, к которому мы так стремились:

Расположение слоёв на одноимённой панели, указано на скриншоте:

Существует множество стилей обработки изображений, среди которых различные тонирования, dodge and burn и многие другие. Сегодня мы рассмотрим один из принципов тонирования в Lightroom. Открываем исходное изображение. Все настройки сброшены в нулевое положение.

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

Для нормализации контраста пришлось уменьшить параметр Whites до значения -100. Это убирает слишком яркие блики. В тенях скрываются важные детали. Их мы сможем достать благодаря увеличению параметра Shadows. Увеличение локального контраста при помощи ползунка Clarity создаёт больше объёма. Левая сторона снимка слишком яркая. Придётся её притемнить градиентным фильтром (GraduatedFilter). Значение Экспозиции (Exposure) установлено на - 0.9.

Теперь перейдём к цвету. Снижам температуру цвета до 3600К. Изменяем Tint, сдвигая его ближе к зелёному. Это компенсирует избыточный оттенок маджента. Он стал виден,когда мы начали уменьшать температуру. На этом можно закончить подготовку. Работа с балансом белого закончена. Можно переходить к тонированию.

Далее выполняем снижение Насыщенность (Saturation) и тут же увеличиваем Сочность (Vibrance). Это снизит насыщенность теплых тонов. Затем мы всё вернём при помощи Split Toning. Для работы с цветом используем раздел Camera Calibration. Сдвинув цвета и насыщенность в красном и синем каналах мы возвращаем тепло коже. Зелёный канал регулирует цветовой баланс и возвращает общую насыщенность.

Слайдер Shadows Tint позволяет сделать тени зеленоватыми. Результат будет слегка похож на эффект от использования плёнки Fuji 160C. Также можно сдвигать тени в сторону мадженты, что мы и сделаем.

Раздельное тонирование или split toning можно сделать 2 способами: с помощью кривых и в одноимённой вкладке в модуле develop. Про работу с кривыми вы можете посмотреть выпуск ссылку на который вы видите на экране, ну а про split toning мы поговорим поподробнее. Во первых в нем имеется 5 бегунков - 4 для выбора цвета светлых и темных участков (по 2 на каждый) и бегунок баланса, который регулирует зону воздействия каждого из выбранных оттенков. Для того чтобы выбрать цвет тонирования можно либо перемещать бегунки hue (оттенок) и saturation (насыщенность). Причем, если последний стоит на нуле, значит никакого тонирования нет, где бы ни стоял бегунок hue. Второй способ выбора цвета это палитра, которую можно открыть кликнув по прямоугольнику справа, по горизонтали располагается шкала оттенков, по вертикали - насыщенности. Лично мне удобен первый способ, но это дело вкуса. После того как мы выбрали цвет для светлых и темных участков изображения необходимо настроить баланс между ними. Представим что темные участки это зло (Ситхи), а светлые участки это добро (джедаи) и если баланс смещается в ту или иную сторону, то соответствующий цвет будет преобладать на фото. В нашем случае, если баланс уведем в сторону злого Вейдера (влево) картинка станет красноватой, при уведении в сторону добра и Скайвокера карточка станет синеватой. Для того чтобы понять в какие цвета лучше тонировать я бы рекомендовал вам к почитать книгу Иоханесса Иттена - "Искусство цвета", но пока вы это не сделали можете поэкспериментировать с противоположными (комплиментарными) цветами. Это цвета которые лежат друг напротив друга на цветовом круге, т.е. значение оттенка отличается на 180 градусов. Например красный и зеленый, оранжевый и голубой. Про различные цветовые сочетания я сделаю отдельный выпуск в будущем.

Однако и это ещё не всё! Помимо тонирования в 2 цвета мы также можем тонировать в один цвет. Например, можно добавить немного синего в тени. В этом случае мы можем контролировать насколько темные участки будут подвергнуты тонированию с помощью бегунка баланс. Я люблю смещать баланс довольно сильно вправо, при этом тонируются только самые темные участки.

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