{lang: ‘ru’}

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

В фотошопе имеется не одна такая опция по регулировке цветов изображения. Рассмотрим следующую опцию “Цветовой тон /насыщенность “.

2. . Цветовой тон, насыщенность, осветление.

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

Рассмотрим подробнее как работает данная функция.

Откроем , загрузим изображение. В верхней строке меню выберем опцию: “Изображение” кликнем по ней, появится всплывающее меню, в котором выберем опцию: “Цветовой тон /насыщенность “:

Кликнем на этой строке, появится всплывающее окно: “Цветовой тон/насыщенность”:

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

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

Смещение движка “Яркость” вправо соответствует добавлению в изображение белого цвета, смещение влево – черного. И то и другое действие уменьшает контрастность изображения. (Впрочем контраст можно затем подрегулировать в другой опции).

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

Верхним движком: “Цветовой тон ” можно выбирать регулируемый тон.

Продемонстрирую описанные действия на снимке.

Вот, в качестве примера снимок, сделанный в помещении с применением фотовспышки:

В этом снимке явное преобладание красных тонов.

Регулировка цветовой гаммы с помощью опции “Цветовой баланс” приводит к усилению синего цвета:

Применение опции “Цветовой тон/насыщенность “, уменьшение насыщенности красного цвета несколько улучшает цветопередачу(по крайней мере белый цвет уже больше похож на белый):

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

Так например, я ее использую для исправления эффекта “Красных глаз” при съемке с фотовспышкой.

Вот например снимок, сделанный со вспышкой:

На этом снимке явно заметен эффект “красных глаз”. Особенно он проявляется у девушки с темными глазами.

Загрузим этот снимок в , увеличим фрагмент с глазами:

Выделяем зрачки глаз с помощью инструмента “Волшебная палочка” (показан стрелкой слева), для этого инструмента выбираем допуск по выделению пикселей данного цвета и близлежащих 20-30 (показан стрелкой вверху). В результате выделяется именно красная область зрачка. Еще одна деталь: чтобы изменения проводились одинаково на правом и левом зрачке, выделение производим следующим образом – сначала выделяем левый зрачок, затем зажав клавишу Shift – правый.

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

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

О программе Adobe Photoshop

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

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

Тема 4. Цветокоррекция Урок 3. Изменение цвета при помощи инструмента «цветовой тон/насыщенность» (Hue/Saturation).

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

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

С инструментами понятно - вы читаете данный урок. А значит Adobe Photoshop (любой версии: от 6,5 до CS6) установлен на Вашем компьютере. Что касается знаний - их нехватка исправима. В том числе и уроком, который автор имеет честь предложить Вам.

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

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

Немного теории

Прежде, чем приступить к практике, стоит поговорить немного о представлении цвета в компьютере. То есть о многообразии цветовых пространств. Основные мы уже описывали в уроках «выделение по цвету » и «увеличение резкости с помощью каналов ». Пространства RGB, CMYK LAB знакомы. Повторяться не стоит.

Поговорим о другом - пространстве HSB или как его ещё называют HSV . Незнакомо? Однако каждый из Вас использовал его. Например, при выборе цвета текста в офисных программах.

Идею цветового пространства HSB сформулировал Элви Рэй Смит (Alvy Ray Smith) в 1974 году. Это тот самый Смит, который в 1986-м году основал студию Pixar.

В далёких 70-х Элви Рей занимался разработкой первого графического редактора - программы SuperPaint.

Именно тогда возник дискурс - как кодировать цвета в цифровом формате. При разработке цветового пространства HSB Смит отталкивался от «природных» методов восприятия цвета.

Мы привыкли различать базовые цвета. А оттенки воспринимаем как определённый тон и насыщенность основного цвета. Если сюда добавить разницу восприятия цвета в разное время суток (в темноте цвета не видим), добавляется третий параметр - количество света.

Это и есть HSB. Где Н (Hue) – цветовой тон. Или, выражаясь языком физики, длина волны света. S (Saturation) - насыщенность. Или, вновь вспомнив естественные науки, интенсивность волны. Последний параметр носит название Brightness. Иногда его именуют как Value . Это яркость или количество света.

Основное «научное» графическое представление HSB похоже либо на торт, либо на алмаз. Где на окружности расположен цикл основных оттенков света. Центральная ось - градации серого. Соответственно ось насыщенности идёт от края (яркий цвет) к центру (чёрно-белая проекция цвета). А ось освещённости расположена «вертикально». В нижней части - насыщенный чёрный. Учитывая, что мы не распознаём оттенки при низкой освещённости (они сливаются в чёрный), торт изображают как «алмаз». Пример - в нижней части иллюстрации.

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

Как она работает?

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

Практическая часть

Палитра Цветовой тон/насыщенность (Hue/ Saturation) очень близка по своей философии к пространству HSB (HSV). Отличие в последней букве и функции, которую она означает. В HSB Brightness (или Value) означает шкалу от чёрного до полного отсутствия оного. То есть минимальные значения - чёрный цвет. Максимальные - полная насыщенность оттенка без присутствия чёрного. Поэтому шкала переводится и как яркость, и как количество света.

В модели, используемой инструментом Цветовой тон/насыщенность, третья шкала в русском переводе называется яркостью. Но в оригинале (по-английски) именуется как Lightness. Это слово имеет и другой перевод – светлость. Минимальные значения - чёрный прямоугольник вместо изображения. Максимальные - полная «засветка» - яркий белый цвет.

Вызвать палитру цветовой тон/насыщенность можно из меню «Изображение » - «Коррекция » или сочетанием горячих клавиш CTRL+U .

Для иллюстрации работы возьмём фотографию киевского памятника архитектуры - «дома с химерами».

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

Второе выпадающее меню - выбор цветового диапазона, который можно изменять.

Среди вариантов - 6 базовых цветов моделей RGB и CMYK.

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

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

Пришло время обратиться к шкалам. Изменяя положения ползунка под цветовым тоном, мы смещаем всю тональность цветов изображения. Красные оттенки, например, становятся голубыми, жёлтые - синими, зелёные - малиновыми, голубые - красными и так далее.

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

Плюс использования инструмента цветовой тон/насыщенность (особенно работа только тоном) - полное сохранение баланса цветов в изображении. И, естественно, яркости, контраста, насыщенности.

Есть и одно исключение. Серый цвет в моделях HSB и HSL находится на центральной оси. И изменение цветового тона никоим образом не влияет на его оттенки. Обратите внимание на снимок ниже. Сдвинув ползунок цветового тона, мы изменили цвет неба над «домом с химерами». Изменилась и окраска бликов на затемнённом стекле купола в правой части. НО цвет стен остался практически таким же.

А теперь обратимся к привычной фотографии лесного озера.

Основной тон, который присутствует на изображении - оттенки жёлтого. Соответственно, замена жёлтого другим цветом может кардинально изменить вид фотографии. Алгоритм действий таков:

• Откройте фотографию
• Создайте копию фонового слоя и активируйте её
• Вызовите инструмент «цветовой тон/насыщенность»
• Для получения эффекта весеннего дня сместите ползунок в сторону синего цвета. Обратите внимание на нижнюю ленту: жёлтые цвета оригинала стали зелёными. Для усиления эффекта поднимите насыщенность цвета, сдвинув ползунок на шкале «насыщенность вправо» (или задав числовые параметры в соответствующем поле)
• Для получения осени процедуру будет немного иной. Необходимо избавиться от зелени. Ползунок цветового тона смещаем влево. Яркие жёлтые тона окрасились в красный. Зато зелёная листва приобрела жёлтый оттенок. Усильте эффект поднятием уровня насыщенности. При этом стоит учитывать, что жёлтый и красный цвета «мягкие» по своей природе. Уровень насыщенности придётся поднимать значительно более резко, чем в предыдущем случае.

Результат - на иллюстрации ниже.

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

Полученный результат намного более естественный, чем то, что выходит при работе инструментами «Цветовой баланс » или «Уровни ». Этого достаточно, чтобы «Цветовой тон/насыщенность » вошли в арсенал Ваших механизмов для изменения цвета изображения.

Практические советы

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

В остальном - эффектных Вам композиций и успехов в изменении цвета.

Яркие и сочные, «вкусные» цвета в кадре – необходимая вещь для цветной travel-фотографии.

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

Эту фотографию я сделал во время , в кадре – знаменитый Golden Gate Bridge в Сан-Франциско .

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

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

Итак, сегодня мы работаем с этими инструментами Photoshop:

• Curves
• Selective Color
• Hue/Saturation

Curves

Начнем обработку нашей фотографии с Curves ( Image=>Adjustments=>Curves )

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

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

В конце урока мы еще раз воспользуемся Curves, а пока переходим к следующему инструменту – Selective Color .

Selective Color

Selective Color ( Image=>Adjustments=>Selective Color ) – один из моих любимых инструментов для работы с цветом в Фотошопе. Selective Color позволяет работать с каждым цветом отдельно, добавляя или убирая из него оттенки других цветов.

Посмотрим, как этот инструмент можно использовать на практике.

Открыв окно Selective Color, сразу переключаемся в режим Relative – теперь все изменения цветов будут проходить более мягко и плавно, нежели в режиме Absolute, что в большинстве случаев удобнее.

Для начала займемся небом, открыв вкладку цвета Cyans . Добавим побольше Cyan (мы же хотим получить красивое голубое небо), Magenta и полностью уберем Yellow. Затем мы сделаем наше небо немного темнее, добавив Black.

Разумеется, небо «состоит» не только из Cyan, но так же и из синего цвета – Blue. Открываем нужную вкладку:

Добавим Cyan по максимуму, совсем немного понизим Magenta и полностью уберем Yellow. Наше небо стало еще более голубым и насыщенным.

Теперь поработает с желтым цветом на фотографии:

Добавим побольше Yellow в кадр и немного осветлим желтый цвет, убрав 16% Black. Теперь желтый цвет на нашей картинке чуть более насыщенный и немножко «светится».

Займемся зеленью:

Полностью уберем Magenta, добавим побольше Black. Теперь зелень (особенно кусты в центре кадра) стали заметно более насыщенного цвета.

Вроде все.

Но, на мой взгляд, стоит немного осветлить красный цвет в кадре.

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

Selective Color хорош тем, что с ним можно (и нужно) много экспериментировать. И чем больше вы будете работать с цветом «наугад», тем лучше вы начнете понимать цвет.

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

Теперь снова воспользуемся инструментом Curves и немного осветлим всю картинку:

А так же с помощью Shadow/Highlights высветлим тени и совсем немного затемним пересветы:

В статье «Эффективная обработка в Photoshop я уже рассказывал про Shadow/Highlights, так что перейдем к следующему инструменту – Hue/Saturation

Hue/Saturation

Уверен, многие из вас пользовались и пользуются Hue/Saturation ( Image=>Adjustments=>Hue/Saturation ).

Главная особенность этого инструмента – им нужно пользоваться очень аккуратно. Если переборщить, цвета сразу станут некрасивыми, чрезмерно насыщенными.

Добавим немного насыщенности всей картинке:

А теперь воспользуемся очень удобной функцией этого инструмента – в Hue/Saturation можно, как и в Selective Color, работать с отдельными цветами.

Отдельно добавим насыщенности синему цвету:

На мой взгляд, сам Golden Gate Bridge немного бледноват в кадре. Надо добавить насыщенности красному цвету:

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

Если у вас возникнут вопросы по конкретным функциям инструментов, о которых я написал, в интернете можно найти кучу подробных мануалов по всем инструментам Фотошопа.
В этой статье я прежде всего хотел показать логику цветокоррекции фотографии на примере работы с Hue/Saturation, Selective Color и Curves.

Но в Фотошопе существует масса других отличных инструментов, а RAW-конвертеры дают вообще огромные возможности для обработки.

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

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

Я буду использовать в качестве инструмента Цветовой тон/Насыщенность, Hue/Saturation, как только он будет создан сразу откроется панель параметров, с основными настройками которой можно познакомиться по ссылке выше.

Панель параметров слоя тон/насыщенность Hue/Saturation

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

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

Ниже расположены три ползунка отвечающие за изменение параметров:

• Hue – цветовой тон, ползунок регулировки установлена на значении 0 градусов (красный цвет) и может двигаться в разные стороны на значение 180 град. Что в сумме даёт полное перемещение о цветовому кругу;
• Saturation – насыщенность изменяет это параметр выбранного цветового диапазона положительные значения увеличивают, отрицательные — уменьшают;
• Lightness – яркость, думаю несложно догадаться что он регулирует

Непосредственная коррекция цвета на фото цветовым тоном/насыщенностью

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

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

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

Между ними появились четыре маркера, указывающие на:

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

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

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

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

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

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

Проделаю операцию по коррекции цвета в зелёном диапазоне Alt+5 настройки показаны ниже

На этом думаю достаточно, теперь при помощи Brash уберу лишнее воздействие с участков кожи обработав ею маску слоя «Цветовой Тон/Насыщенность»

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

Технология коррекции цвета с помощью Hue/Saturation

Из всего вышесказанного можно сделать вывод о проведении коррекции цвета при помощи инструмента «Цветовой Тон/Насыщенность:

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