Как сделать тонировку в фотошопе

Обновлено: 27.11.2022

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

Сложность урока: Легкий

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

Перед тем как рассматривать сплит-тонирование, давайте немного разберемся с Теорией Цвета (Colour Theory).

Цветовой круг


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

Цветовые круги бывают разные. Показанный выше круг, основан на модели Исаака Ньютона и состоит из таких основных цветов: Красный, Желтый и Синий. (Red, Yellow and Blue (RYB).Остальные девять цветов круга, являются вторичными цветами от основных.

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

Некоторые цвета более приятны для восприятия, чем другие. Такие «приятные» цвета имеют название «Цветовая гармония» (Colour Harmonies). Они расположены там, где два или более цветов имеют фиксированную связь на нашем цветовом круге.

Основные, Вторичные, Третичные цвета

Еще в школе (детском саду), нам рассказывали что есть три Основных цвета (Primary) : красный, желтый и синий (более подробное объяснение мы рассмотрели выше):


Если мы начнем смешивать основные цвета, то получим Вторичные цвета (Secondary): зеленый, оранжевый и фиолетовый:


Третичные (Tertiary) цвета получаем как результат смешивания основных и вторичных цветов.
Как видите все довольно просто! Надеюсь вы уловили основную идею!

Взаимодействие цветов. Дополнительные цвета (Complementary Colours)

Пары цветов, расположенные на круге друг против друга, называются комплементарными, или Дополнительными (например, зелёный — красный, жёлтый — фиолетовый, синий — оранжевый).


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


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

Теплые и Холодные цвета

Цветовой круг можно разделить на теплые и холодные краски.


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

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

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

В сегодняшнем уроке, мы рассмотрим вопрос: как влияют цвета на настроение фотографии.
Как пример будем использовать сплит-тонирование (split toning). Основная наша цель - понять как найти правильный баланс между теплым и холодным тоном. Думаю, у многих из вас есть фотографии в которых хотелось бы добавить некие акценты, сделать их более воздушными или наоборот - теплыми и «уютными»? Именно понимание того как использовать цвет, поможет вам добиться нужного эффекта.

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

Для того, что бы детально рассмотреть сплит-тонирование, рекомендую вам ознакомиться с интересным уроком «Quick Tip: 2 Split Toning Techniques in Adobe Photoshop»

Примечание переводчика: вы можете дополнительно так же просмотреть урок- «Split-тонирование фотографий в Фотошоп».

Тонируем в серых оттенках

Для начала работы с эффектом сплит-тонирование прежде всего выберите фотографию.
Затем откройте выбранную картинку в Camera RAW. Для того, что бы преобразовать фото в серые оттенки нажмите на четвертую иконку в панели настроек, которая называется HSL / Градиент серого (HSL / Grayscale). Затем поставьте флажок возле функции "Преобразовать в градиент серого" (Convert to Grayscale). Затем вы можете использовать меню "Смешение градаций серого" и откорректировать вид фото по собственному вкусу.


Далее, нажмите на следующую иконку панели настроек под названием "Разбиение тонов" (Split Toning).


В данном меню вы увидите две основные настрой Цветовой тон (Hue) и Насыщенность (Saturation). Обратите внимание, что данные настройки отдельно разбиты для корректировки Света и Тени.
Вспомните прежде описанный материал о теории цвета и попробуйте скомбинировать два оттенка для света и тени. К примеру, я буду сочетать синий (для тени) и желтый (для света) цвета.


Так же, в данном меню настроек есть возможность корректировки соотношение между светом и тенью. Данный ползунок находится посередине панели и соответственно называется Баланс (Вalance).

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

Как эффективно использовать сплит-тонирование

Сплит-тонирование - универсальный прием, который может успешно быть использован в различных сферах: тониование портретов, пейзажей, объектов архитектуры.

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


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


Ну и конечно, не забываем про тонирование в оттенках серого, которое мы расмотрели ранее.


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

Подведем небольшой итог пройденного материала. Итак:

  1. синий цвет - хорошо использовать при тонировании затененных областей, что бы добавить им глубину;
  2. желтый цвет - подходит для тонирования светлых областей и создает теплый эффект, что позволяет "согреть" снимок;
  3. красный цвет - отлично подходит для осенних фотографий.

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

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


В этом уроке вы узнаете, как сделать тонирование фотографии при помощи корректирующих слоёв.

Сложность урока: Средний

В этом уроке, автор покажет вам, как сделать тонирование фотографии при помощи Карты градиента и Кривых. А также, как сделать максимальное совпадение по цвету с кадром из любимого фильма.

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



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

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


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

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

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

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


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


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

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


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

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


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



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

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

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

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

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



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


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

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

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



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

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

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

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

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



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



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



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



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

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

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


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


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



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


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

Сложность урока: Легкий

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

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

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

1. Подготовка документа

Шаг 1

Для начала открываем картинку, с которой будем работать. Для этого переходим File – Open (Файл – Открыть), выбираем файл и жмем на кнопку Открыть. Перед продолжением давайте проверим несколько параметров документа:

  • Фото должно быть в цветовом режиме RGB, 8 bits/channel (бит/канал). Чтобы проверить это, переходим Image– Mode (Изображение – Режим).
  • Чтобы получить качественный результат, размер фото должен быть в пределах 2500-4000 пикселей в ширину/высоту. Для проверки переходим Image– ImageSize (Изображение – Размер изображения).
  • Фото должно быть фоновым слоем. Если это не так, применяем Layer– New– BackgroundfromLayer (Слой – Новый – Фон из слоя).


Шаг 2

Теперь открываем панель Window – Actions (Окно – Операции) и в правом верхнем углу жмем на значок меню. Выбираем New Set (Новый набор) и называем его «Драматичный эффект». После этого переходим в то же меню и на этот раз выбираем New Action (Новая операция). Называем ее «Драматичный эффект» и жмем на кнопку Record (Запись).


2. Увеличиваем четкость деталей

Шаг 1

Дублируем (Ctrl+J) фоновый слой, затем жмем Ctrl+Shift+U, чтобы обесцветить копию.


Шаг 2

Переходим Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и применяем Radius (Радиус) 10 пикселей.


Шаг 3

Переключаем режим наложения слоя на Overlay (Перекрытие) и называем «Четкость деталей».


3. Создаем базовую тонировку

Шаг 1

Добавляем корректирующий слой Layer – New Adjustment Layer – Black & White (Слой – Новый корректирующий слой – Черно-белый) и называем его «Черно-белый».


Шаг 2

Переключаем режим наложения этого слоя на Color (Цветность) и уменьшаем непрозрачность до 30%.


Шаг 3


Переключаем режим наложения этого слоя на Exclusion (Исключение) и уменьшаем непрозрачность до 20%.


4. Добавляем фокус на модели

Шаг 1

Создаем градиентную заливку Layer – New Fill Layer – Gradient Fill (Слой – Новый слой-заливка – Градиент), называем его «Фокус» и настраиваем, как показано ниже:


Шаг 2

Дважды кликаем по миниатюре этого слоя, затем с помощью инструмента Move Tool (V) (Перемещение) кликаем по документу и, не отпуская курсор, двигаем мышкой, чтобы разместить градиент по центру документа. После этого переключаем его режим наложения на Soft Light (Мягкий свет).


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

Шаг 1

Жмем клавишу D, чтобы сбросить цвета на стандартные черный и белый. Затем создаем корректирующий слой Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента). Называем его «Общая контрастность».


Шаг 2

Переключаем режим наложения этого слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 21%.


Шаг 3

Добавляем еще один корректирующий слой Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента). Называем его «Тонировка».


Шаг 4

Дважды кликаем по миниатюре корректирующего слоя и на панели Properties (Свойства) кликаем по градиентной полосе, чтобы открыть редактор градиента. Вводим следующие настройки:


Шаг 5

Переключаем режим наложения слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 50%.

Как сделать тонировку в Фотошопе

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

Как сделать тонировку в Фотошопе-1

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

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

Способ 1: Цветовой баланс + Сочность

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

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

Как сделать тонировку в Фотошопе-2

Как сделать тонировку в Фотошопе-3

Как сделать тонировку в Фотошопе-4

Как сделать тонировку в Фотошопе-5

Как сделать тонировку в Фотошопе-6

Как сделать тонировку в Фотошопе-7

Как сделать тонировку в Фотошопе-8

Как сделать тонировку в Фотошопе-9

Как сделать тонировку в Фотошопе-10

Ознакомьтесь с результатом и вернитесь к предыдущим шагам редактирования, если считаете, что добавили слишком много голубого или синего на фотографию. Любые действия можно отменить нажатием сочетания клавиш Ctrl + Z.

Способ 2: Кривые + Микширование каналов + Сочность

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


  1. Вызовите меню цвета слоя и выберите пункт «Кривые».

Как сделать тонировку в Фотошопе-11

Как сделать тонировку в Фотошопе-12

Как сделать тонировку в Фотошопе-13

Как сделать тонировку в Фотошопе-14

Как сделать тонировку в Фотошопе-15

Как сделать тонировку в Фотошопе-16

Способ 3: Каналы + Сочность

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

    Для начала переведите слой в режим «Lab», что можно сделать через меню «Изображение».

Как сделать тонировку в Фотошопе-17

Как сделать тонировку в Фотошопе-18

Как сделать тонировку в Фотошопе-19

Как сделать тонировку в Фотошопе-20

Как сделать тонировку в Фотошопе-21

Как сделать тонировку в Фотошопе-22

Как сделать тонировку в Фотошопе-23

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

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

черно-белое начальное изображение
черно-белое тонированное изображение

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

Выберите Neural Filters

  • Выберите Фильтр > Neural Filters в главном меню Photoshop.

Загрузите фильтр «Тонирование» из облака

  • Щелкните значок «Бета-версии фильтров», чтобы открыть список Нейронные фильтры , которые в настоящее время предоставляются как бета-версии.

Бета-версии фильтров

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

Загрузка из облака

Включите фильтр и настройте цвета

Фильтр Тонирование автоматически назначает цвета изображению с помощью ИИ. Вы можете настроить цветовой баланс после включения фильтра, перемещая ползунки на панели Нейронные фильтры .

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

Изменение автоматического выбора цветов (по желанию)

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

Читайте также: