Цветовой тон насыщенность в фотошопе: Коррекция тона и насыщенности в Photoshop

Содержание

Урок 29. Hue/Saturation (Оттенок или Цветовой тон/Насыщенность)._

Вы узнаете:

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

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Достоинства и недостатки инструмента Hue/Saturation (Цветовой тон/Насыщенность).
3. Saturation (Насыщенность).
4. Lightness (Яркость).
5. Принцип работы инструмента Hue/Saturation (Цветовой тон/Насыщенность).
6. Коррекция цвета по числам.
7. Настройка цветов изображения для печати.
8. Тонирование (Colorize).
9. Корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность).
10. Палитра Masks (Маски).
11. Меняем цвет глаз.
12. Меняем цвет объектов.

13. Меняем цвет волос.
14. Вопросы.
15. Домашнее задание.

Достоинства и недостатки инструмента Hue/Saturation (Цветовой тон/Насыщенность).

Этот инструмент изменяет не только тон, яркость и насыщенность всего изображения, но и воздействует на выборочные цветовые тона (например, только зеленый).
Для вызова окна редактирования пройдите в меню Image (Изображение) – Ajustments (Коррекция) – Hue/Saturation (Оттенок или цветовой тон /Насыщенность). Комбинация клавиш быстрого вызова CTRL + U. Или создайте корректирующий слой, выбрав одноименный пункт из списка, который вызывается с помощью кнопки Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой), расположенной внизу палитры Layers (Слои).

В открывшемся окне вы увидите три ползунка, которые соответствуют цветовой модели HSB Hue(Тон)/Saturation(Насыщенность)/Brightnes(Яркость). С их помощью можно изменить общий тон изображения, насыщенность цветов и яркость.

Достоинство Hue/Saturation(Цветовой тон/Насыщенность)в том, что с его помощью можно корректировать насыщенность отдельных цветов и видеть, какие именно оттенки будут изменяться.
Недостатком инструмента будет то, что в режиме RGB меняется не только цвет, но и яркость. Синие тона становятся темнее, а зелёные – светлее. Чтобы избежать изменения яркости, работайте с этим инструментом на копии слоя или при помощи корректирующего слоя, а затем измените режим наложения на Saturation (Насыщенность).

Hue (Тон)

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

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

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

Lightness (Яркость)

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

Принцип работы инструмента Hue/Saturation (Цветовой тон/Насыщенность).

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

 

Верхняя полоса – цвета до редактирования, нижняя – после редактирования.
Попробуйте перемещать ползунки и наблюдайте, как изменяется нижняя полоса.
Если в разделе Edit (Стиль) выбрать диапазон цветов, то становятся доступными ползунок корректировки и пипетки для выделения цвета.

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

Перемещая ограничитель размытия (белые треугольники), мы изменяем величину области размытия.

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

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

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

Если выбрать в выпадающем меню пункт Yellow (Желтые) и передвинуть редактируемый диапазон в зеленую часть цветной полосы, то имя Yellow (Желтые) исчезнет из списка. Вместо него появится новое имя Green 2 (Зеленые 2). Можно сделать шесть таких изменений.

 

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

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

Коррекция цвета по числам.

Откройте окно Hue/Saturation (Цветовой тон/Насыщенность). Выберите в разделе Edit (Стиль/Правка) пункт Master (Мастер). Нажмите клавишу Shift и наведите курсор на изображение. Курсор примет вид пипетки с прицелом и плюсиком. Это инструмент Color Sampler (Цветовая проба). Теперь вы можете разместить на изображении цветовые метки. Щелкните по изображению. В палитре Info (Инфо) появится точка 1. Внося изменения в окне Hue/Saturation (Цветовой тон/Насыщенность) и наблюдая за тем, как меняются числа в палитре Инфо, вы можете выполнить более точную настройку цвета по числам.

Настройка цветов изображения для печати.

Повышая насыщенность, следите за предупреждениями палитры Info (Инфо). Восклицательный знак справа от значений CMYK говорит о том, что вы создали цвет, который при печати в типографии будет заменен на другой. Если у вас в палитре нет режима CMYK, то щелкните мышкой в палитре Info (Инфо) по значку пипетки, и вы сможете выбрать любой другой режим. CMYK – это цветовой режим, использующийся для подготовки изображений к печати в типографии. Если фото предназначено для Интернета, и вы не собираетесь его выводить на печать, то можно спокойно продолжать настройку цветов следя за показателями RGB или Lab в палитре Info (Инфо).

В программе есть функция, выделяющая на экране цвета, которые при печати будут заменены на другие. Меню View (Просмотр) – GamutWarning (Предупреждение при выходе за пределы цветового охвата). Комбинация клавиш Shift + Ctrl + Y. Те области, которые подкрасятся серым цветом – выходят за пределы области печати. Регулируя тон, насыщенность и яркость вы можете добиться соответствия цветов на мониторе и при печати в лаборатории.

Тонирование (Colorize)

Тонирование (Colorize) можно использовать для раскраски черно-белых изображений или придания цветным изображениям вида тонированных черно-белых фотографий. Поставьте галочку рядом с Colorize (Тонирование). Для придания изображению вида старой фотографии выберите
в раскрывающемся списке Edit (Стиль) – Сепия, Hue (Цветовой тон) можно увеличить до 50, остальные настройки оставьте без изменения.

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

 Корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность)

Вот мы и добрались до корректирующего слоя. Внизу палитры Layers (Слои) выберите значок в виде черно-белого кружка Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой). И выберите Hue/Saturation(Оттенок или цветовой тон/Насыщенность).

Если вы работаете в Photoshop CS3 и ниже, то появится уже знакомое нам окно Hue/Saturation, если же вы работаете в CS4 и выше, то окошко будет расположено в правой части экрана, в палитре Adjustments (Коррекция). Эта палитра добавлена в Photoshop, начиная с версии CS4. С ее помощью удобно добавлять и другие корректирующие слои к изображению.

Новая палитра очень похожа на обычный инструмент Hue/Saturation (Цветовой тон/Насыщенность).

В ней присутствуют все вышеперечисленные инструменты. А так же появились новые:

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

Если при этом удерживать клавишу Ctrl, то будет изменяться значение Hue (Цветовой тон). Нажатие на значок глазика отвечает за включение видимости слоя в палитре Layers (Слои). Для отмены коррекции нажмите кнопку Мусорное ведро – будет удален выбранный корректирующий слой. Сбросить все произведенные настройки можно, нажав на значок Сброс .

Значок переключает палитру между стандартным размером и развернутым.

Активировав значок , к корректирующему слою добавляется обтравочная маска.

Щелчок по значку «стрелка налево» приводит к переключению на режим добавления других корректирующих слоев.

Палитра Masks (Маски).

На палитре Masks (Маски) есть все, что нужно для создания масок. Там вы сможете найти уже знакомый инструмент Refine Edge (Уточнить край), только здесь он называется – Refine Mask (Край маски). Можно быстро размыть очертания маски.

Color Range (Цветовой диапазон) теперь можно вызвать из палитры Masks (Маски).

Меняем цвет глаз

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

На панели инструментов выберите инструмент Elliptical Marquee (Овальная область. В панели параметров отметьте режим добавление к выделенной области. Выделите два глаза. Вычтите из выделения верхнее веко. Сделать это можно при помощи инструмента Лассо и режима вычитания из выделенной области. Добавьте к выделению растушевку, нажав комбинацию клавиш Shift + F6. Задайте небольшой радиус.

Создайте корректирующий слой Hue/Saturation (Оттенок/Насыщенность). Обратите внимание, на маске слоя уже отразился результат выделения глаз.

Режим наложения корректирующего слоя измените на Overlay (Перекрытие), уменьшите Opacity (Непрозрачность).

Меняем цвет объектов.

Откройте фотографию do_.jpg. Внизу палитры Layers выберите значок Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой).

Для CS4, CS5…. нажмите на значок и выберите красный цвет фона.

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

Для CS3: на палитре Layers (Слои) переключитесь на миниатюру маски. Выберите из меню Select (Выделение) инструмент Color Range (Цветовой диапазон). Или перейдите на вкладку Masks (Маски) выберите кнопку Color Range (Цветовой диапазон). Пипеткой нажмите на фон. Подберите подходящее значение для Fuzziness (Разброс). Нажмите OK.

Если вы работаете в CS3, то вам придется дополнительно залить выделение черным цветом и кистью черного цвета подправить маску. Отмените выделение Ctrl + D. В CS4и CS5 этого делать не нужно, на миниатюре маски отобразится фигура девушки. Можно доработать маску инструментом Levels (Уровни). Подправить край маски, нажав на кнопку Refine Mask (Край маски) на вкладке Masks (Маски). В CS3 нет вкладки Masks (Маски), поэтому отрегулировать край можно инструментом Refine Edge (Уточнить край), который становится доступным в панели параметров при выборе любого инструмента выделения, например, лассо.

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

Меняем цвет волос.

Откройте файл hear.jpg. Создайте копию слоя (Ctrl+J). Щелкните по кнопке New Ajustments layer (Новый корректирующий слой), которая находится в нижней части палитры Lauers (Слои). Выберите Hue/Saturation (Цветовой тон/Насыщенность).
Выделите маску, щелкнув по ее миниатюре в корректирующем слое. Для Photoshop CS4 и CS5 возьмите инструмент Color Range (Цветовой диапазон), который находится в меню Selection (Выделение) или переключитесь на закладку Masks (Маски) и нажмите кнопку Color Range (Цветовой диапазон). Пипеткой выбираем волосы. Нажимаем ОК.

Если вы работаете в Photoshop CS3, то в окошке Color Range (Цветовой диапазон) отметьте галочкой пункт Invert (Инвертировать). Нажмите ОК. Загрузится выделение. Возьмите инструмент Paint Bucket (Заливка / ведерко) и залейте выделение черным цветом. Отмените выделение Ctrl + D.

Далее независимо от версии Photoshop, щелкните по миниатюре маски с зажатой клавишей Alt. Изображение перейдет в режим маски. Выберите кисть черного цвета, с размытыми краями. Закрасьте все, что не является волосами. Уменьшив диаметр кисти, проработайте мелкие детали.

Создать маску для волос вы можете любым другим способом. Мы с вами проходили выделение на основе одного из каналов. Посмотрите, в каком из каналов волосы просматриваются лучше, скопируйте его и доработайте при помощи кисти и инструмента Levels (Уровни). Затем щелкните по миниатюре маски в корректирующем слое Hue/Saturation (Цветовой тон/Насыщенность), чтобы активировать ее. Зайдите в меню Image (Изображение) – ApplyImage (Внешний канал). Выберите слой с копией канала, выберите созданный канал и отметьте галочкой (Инвертировать). Нажмите ОК.

Переключитесь на палитру Adjustments (Коррекция) – Hue/Saturation (Цветовой тон/Насыщенность) или два раза щелкните по миниатюре корректирующего слоя (не маски). Передвиньте ползунок Hue (Цветовой тон) до нужного оттенка. Отрегулируйте насыщенность и яркость. Отметьте галочкой Сolorize (Тонирование). Режим наложения для этого слоя поменяйте на Color (Цветность), а лучше на Soft light (Мягкий свет). В режиме Soft light (Мягкий свет) к цвету добавится контраст. Непрозрачность можно немного уменьшить. Для рыжих волос попробуйте снять галочку c Сolorize (Тонирование) и применить режим наложения Linear Light (Линейный свет).

Вопросы:

  1. При помощи, какой клавиши можно передвигать цвета на цветовой шкале?

– Alt.

– Shift.

– Ctrl.

–Tab.

– Пробел.

  1. Раздвигая ограничители диапазона редактирования (вертикальные полоски)…

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

– увеличивается число оттенков, которые будут изменяться.

– увеличивается область размытости.

– уменьшается область размытости.

– зададим резкую границу выбора цветов для коррекции.

  1. Сдвигая область размытости…

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

– уменьшается область размытости.

– увеличивается область размытости.

Домашнее задание

1. Откройте файл do_.jpg. Измените цвет стены и кресла на синий, не изменяя цвет кожи и волос.

2. Откройте файл eyes.jpg. Поменяйте цвет глаз.

3. Откройте файл hear.jpg. Измените цвет волос модели.
Отзывы и замечания учеников из группы тестирования учебника.  Ответы на заданные вопросы добавлены в урок:


Настя: — Я думала следующий за уроком про уровни будет урок про кривые…. Но ошиблась…Значимость 29 урока не меньше — почти все всегда сталкиваются с вопросом изменения цвета чего-либо. В уроке подробно расписано как правильно добиться изменения конкретного цвета не затронув остальные детали изображения. Если бы когда я начинала встретила твой урок, то многое бы делалось проще и быстрее. Очень полезно,что этот инструмент в основном показан как корректирующий слой с возможностью использования маски — для новичков много вопросов уйдет, хотя и в примере с волосами очень сложно выделить именно волосы (даже у меня получилось не очень красиво), но тут главное набить руку. Выполнение ДЗ после урока не составило труда, кроме как уже отмечала выделения волос. Кстати,полезный урок для тех, кто составляет коллажи и нужно элемент перекрасить в оттенок, подходящий к фону или фотографии — с помощью этого инструмента и функции тонирования это делается очень легко!

B.Olga.B: — Потрясающий урок, все понятно рассказано. Только покрасить волосы в CS3 не получилось. Активация маски-цветовой диапазон-разброс, нажимаю «Да» и получаю выделения «бегущими муравьями», а в палитре слоев миниатюра слой-маски белая….я не стала мучиться, сделала в CS5 все получилось…. (Автор: — для CS3 в урок добавлены более подробные инструкции).

Бабенко Юлия:  -Спасибо за урок! Трудностей не возникло, появилось желание изменить свой цвет глаз)))))))) Спасибо еще раз. Жду следующего урока)!

Зябрева Наталья: — У меня ФШ СS3, видимо поэтому урок мне ну никак не дается. Я не понимаю как работать с масками. Цвет дивана и глаза я поменяла быстро и просто, а вот волосы никак. Выбрала корректирующий слой — цветовой тон/насыщенность, затем, стоя на маске выбрала цветовой диапазон и у меня побежали муравьи. Что с ними делать? тут лишнее кисточкой не закрасишь… Что я делаю не так? А с волосами очень хочется разобраться, интересно))) (Автор: Теперь и для CS3 все разложено по полочкам).

Титова Ольга: -С уроком вроде бы справилось, немножко результатов не добилась, может уже внимательности не хватает. Не получилось у меня в первом задании сделать что бы губы не были синие,))) Со вторым оч легко, понравился первый вариант как цвет глаз поменять (оч быстрый), с третьим я немножко не аккуратно выделила область. Светлан урок оч понятен и доходчивый. Жду продолжения!!!

Надежда Диденко: — (Автор: — большое спасибо за 35!!! найденных ошибок в тексте. Надеюсь, что все исправила).

Photoshop CS4 — Коррекция тона и насыщения


&nbsp &nbsp Использование Photoshop CS4
Коррекция цвета и тона / Коррекция цвета и тона изображения
Команда «Цветовой тон/насыщенность» позволяет регулировать тон, насыщенность и яркость определенного цветового диапазона или одновременно всех цветов изображения. Эта коррекция особенно хорошо подходит для точной настройки цветов изображения в режиме CMYK, чтобы все они входили в цветовой охват устройства вывода.

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

Применение настройки Цветовой тон/Насыщенность

  1. Выполните одно из следующих действий.
    • Щелкните значок «Цветовой тон/насыщенность» или набор «Цветовой тон/насыщенность» на панели «Коррекция».
    • Выберите команду меню «Слой» > «Новый корректирующий слой» > «Цветовой тон/насыщенность». В диалоговом окне «Новый слой» нажмите кнопку «OK». Две цветные полосы в открывшемся диалоговом окне представляют цвета в порядке, в котором они следуют на цветовом круге. Верхняя цветная полоса — это цвет до коррекции; нижняя цветная полоса показывает, как коррекция влияет на все тона при полном насыщении.
      Примечание: Выберите команду меню «Изображение» > «Коррекция» > «Цветовой тон/насыщенность». Но обратите внимание, что в данном методе коррекции вносятся непосредственно в слой изображения и определенная часть исходной информации при этом удаляется.
  2. Используя всплывающее меню «Редактирование» на панели «Коррекция», выберите цвета, которые требуется откорректировать.
    • Чтобы одновременно корректировать все цвета, выберите «Все».
    • Чтобы корректировать один цвет, выберите один из перечисленных предустановленных цветовых диапазонов. Для того чтобы изменить цветовой диапазон, обратитесь к разделу Коррекция тона и насыщения.
  3. Для параметра «Цветовой тон» введите нужное значение или перетаскивайте ползунок до тех пор, пока цвета не будут исправлены.
    Значения в текстовом поле отражают, на какое число градусов осуществляется поворот цветового колеса относительно исходного цвета пиксела. Положительное значение указывает, что поворот происходит по часовой стрелке; отрицательное значение — это поворот против часовой стрелки. Допустимые значения — от ?180 до +180.

    Цветовой круг
    А. НасыщенностьБ. Тон
  4. Для параметра «Насыщенность» введите нужное значение или перетащите ползунок вправо, чтобы усилить насыщение, или влево, чтобы уменьшить его.
    При этом значение цвета сдвигается от центра или к центру цветового круга. Допустимые значения — от ?100 (процентное уменьшение насыщения, более тусклые цвета) до +100 (процентное увеличение насыщения).
    Для коррекции насыщенности в определенном цветовом диапазоне выберите инструмент прямой коррекции изображения и щелкните по цветовому фрагменту изображения. Перемещайте курсор направо или налево по изображению, чтобы уменьшить или увеличить насыщенность цветового диапазона, в котором находится выбранный пиксель.
  5. Для параметра «Яркость» введите нужное значение или перетащите ползунок вправо, чтобы усилить осветление (добавить белый ко всем цветам), или влево, чтобы уменьшить его (добавить черный ко всем цветам). Допустимые значения — от ?100 (процентное содержание черного цвета) до +100 (процентное содержание белого цвета).
    Примечание: Для отмены настроек цветового тона/насыщенности нажмите кнопку «Сброс» на панели «Коррекция».

Выбор диапазона цветов в настройке «Цветовой тон/насыщенность»

  1. Выполните одно из следующих действий.
    • Щелкните значок «Цветовой тон/насыщенность» на панели «Коррекция».
    • Выберите команду меню «Слой» > «Новый корректирующий слой» > «Цветовой тон/насыщенность». В диалоговом окне «Новый слой» нажмите кнопку «OK».
      Примечание: Можно также выбрать команду меню «Изображение» > «Коррекция» > «Цветовой тон/насыщенность». Но обратите внимание, что в данном методе коррекции вносятся непосредственно в слой изображения и определенная часть исходной информации при этом удаляется.
  2. Выберите цвет на панели «Коррекция» в меню, расположенном непосредственно над ползунковыми регуляторами.
    На панели «Коррекция» показаны четыре значения цветового круга (в градусах). Они соответствуют ползункам, которые находятся под цветными полосами. Два внутренних вертикальных ползунка определяют цветовой диапазон. Два внешних треугольных ползунка показывают, где коррекции цветового диапазона «спадают» («спадание» — это размывка или ослабление коррекции вместо четко определенного применения или неприменения коррекции).
  3. Для модификации диапазона цветов используйте либо инструменты «Пипетка», либо ползунки.
    • Щелкните или перетащите указатель по изображению, выбрав инструмент «Пипетка» , чтобы выделить цветовой диапазон. Чтобы расширить диапазон, щелкните или перетащите указатель по изображению, выбрав инструмент «Пипетка+» . Чтобы сузить диапазон цветов, щелкните или перетащите указатель по изображению, выбрав инструмент «Пипетка-» . Выбрав инструмент «Пипетка», можно также увеличивать диапазон, удерживая клавишу «Shift», или уменьшать его, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
    • Перетащите один из белых треугольных ползунков, чтобы отрегулировать степень спадания цвета (ослабления коррекции), не меняя размер диапазона.
    • Перетащите область между треугольным и вертикальным ползунками, чтобы отрегулировать размер диапазона, не меняя степень спадания.
    • Перетащите центральную область, чтобы переместить набор ползунков коррекции целиком (и треугольные, и вертикальные ползунки) и выбрать другую область цвета.
    • Перетащите один из белых вертикальных ползунков, чтобы отрегулировать диапазон цветового компонента. При перемещении вертикального ползунка от центра набора ползунков коррекции ближе к треугольному ползунку цветовой диапазон увеличивается, а спадание уменьшается. При перемещении вертикального ползунка к центру набора ползунков коррекции и дальше от треугольного ползунка цветовой диапазон уменьшается, а спадание увеличивается.
    • Цветную полосу можно перетаскивать, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы в центре оказывался другой цвет.

Набор ползунков коррекции «Цветовой тон/Насыщенность»
А. Значения ползунка «Цветовой тон»Б. Коррекция спадания без изменения диапазонаВ. Коррекция диапазона без изменения степени спаданияГ. Коррекция цветового диапазона и спаданияД. Перемещение набора ползунков целиком

Если переместить набор ползунков так, что он попадет в другой цветовой диапазон, имя в меню «Редактировать» изменится, отразив это перемещение. Например, если выбрать пункт «Желтые» и изменить диапазон так, что набор ползунков попадет в красную часть цветной полосы, имя в списке изменится на «Красные 2». Можно преобразовать до шести индивидуальных цветовых диапазонов в вариации одного цветового диапазона (например, от «Красные» до «Красные 6»).

Примечание: По умолчанию при выборе компонента цвета выделяется диапазон цвета шириной 30° со спаданием в размере 30° с каждой стороны. Слишком низкое значение спадания может привести к появлению полос на изображении.

Расцвечивание изображения в оттенках серого или создание эффекта однокрасочного изображения

  1. Чтобы добавить цвет в изображение в оттенках серого, выберите команду меню «Изображение» > «Режим» > «RGB», для того чтобы преобразовать его в режим RGB.
  2. >Для доступа к коррекции «Цветовой тон/насыщенность» выполните одно из следующих действий.
    • Щелкните значок «Цветовой тон/насыщенность» на панели «Коррекция».
    • Выберите команду меню «Слой» > «Новый корректирующий слой» > «Цветовой тон/насыщенность». В диалоговом окне «Новый слой» нажмите кнопку «OK».

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

  3. Нажмите кнопку «Тонирование». Если цвет переднего плана черный или белый, то изображение преобразуется в изображение в тонах красного (0°). Если цвет переднего плана не белый и не черный, то в изображение добавляются тона цвета, который в данный момент выбран для переднего плана. Значение осветления каждого пиксела не меняется.
  4. Если необходимо, при помощи ползунка «Цветовой тон» выберите новый цвет. Используйте ползунки «Насыщенность» и «Яркость» для коррекции насыщения и осветления пикселов.

Профессиональное создание черно-белого изображения

Чтобы добавить этот корректирующего слой на палитру слоёв, по иконке «Добавить новый корректирующий слой» (add the New Adjustment Layer), расположенной внизу палитры слоёв и выберите из списка пункт Цветовой тон/Насыщенность (Hue/Saturation):

Обесцвечивание фотографии

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

Если мы теперь посмотрим на фото в окне рабочего документа, то увидим, что все цвета были удалены:

Осветление и затемнение различных цветовых участков на изображении

Итак, мы убрали цвет из всего изображения. Мы уже рассмотрели несколько способов это сделать, и возникает вопрос, что же делает технику регулировки с помощью Цветовой тон/Насыщенность такой особенной?
Отвечаю. Мы можем создать вариант черно-белой версии с собственными настройками, осветляя или затемняя какие-либо конкретные области изображения в зависимости от их первоначального цвета!

В верхней части диалогового окна данного корректирующего слоя имеется опция, в настоящее время установленная на пункт «Все» (в анг. версии — Master, неплохой перевод, не правда ли?):

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

Если вы кликните на слово «Все» (Master), раскроется список из шести основных цветов изображения (красный, желтый, зеленый, голубой, синий и пурпурный, в англ. — red, yellow, green, cyan, blue, and magenta), из которых можно выбрать любой. При выборе определенного цвета мы можем регулировать только те области изображения, которое первоначально имели этот цвет, а другие области остаются неизменными. После того, как мы выбрали нужный нам цвет, можно просто перетащить ползунок яркости (Lightness) влево, чтобы затемнить области, первоначально содержащие этот цвет на фотографии, либо перетащить ползунок вправо для осветления.

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

С выбором красного я могу осветлить тон кожи (а также любые другие области изображения, которое первоначально имели красный цвет), перетащив ползунок «Яркости» (Lightness) вправо. Следите за изменением вашего изображения в окне рабочего документа, для того, чтобы определить, на какое значение перетаскивать. Я собираюсь перетащу мою «Яркость» до значения около +50, но Ваше фото будет, естественно, отличаться от моего, так что используйте своё значение, которое лучше всего подойдёт именно для Вашего изображения:

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

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

Если вы хотите уточнить исходный цвет изображения, нажмите на значок видимости слоя («глаз»), расположенный слева от корректирующего слоя в палитре, чтобы временно скрыть корректирующий слой и посмотреть оригинал (это подходит для всех версий Photoshop). Для версий CS4 — CS6 читайте примечание 1.

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

Но прежде чем начинать работу с другим цветом, не забудьте вернуть видимость корректирующего слоя!
Это вернёт ч/б изображение обратно, и я выберу из списка «Жёлтые»:

Теперь, после выбора цвета, я затемню деревья на заднем плане, переместив ползунок «яркость» влево, до значения примерно минус 50.
Вот что у меня получилось сейчас. Для сравнения с предыдущим состоянием наведите мышку на фото, при наведении отобразится фото до затемнения:

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

Сохранение чёрно-белой версии для последующего редактирования

Если вы предполагаете в будущем вернуться к дальнейшему редактированию изображения, сохраните документ в формате Photoshop — файле PSD. Это сохранит корректирующий слой нетронутыми в палитре слоёв, что позволяет быстро вновь открыть его диалоговое окно и внести дальнейшие нужные вам изменения.

В Photoshop CS3 или выше, чтобы вновь открыть диалоговое окно слоя «Цветовой тон/Насыщенность», просто дважды щелкните на его миниатюре в палитре слоёв.

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

Цветокоррекция с помощью инструмента цветовой тон/насыщенность (Hue/Saturation).

О программе 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 находится на центральной оси. И изменение цветового тона никоим образом не влияет на его оттенки. Обратите внимание на снимок ниже. Сдвинув ползунок цветового тона, мы изменили цвет неба над «домом с химерами». Изменилась и окраска бликов на затемнённом стекле купола в правой части. НО цвет стен остался практически таким же.

 

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

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

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

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

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

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

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

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

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

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

Как использовать цветовой тон/насыщенность

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Еще статьи о использовании Цветового Тона/Насыщенности:

4 секрета цвета в фотошоп. Цветокоррекция. Цветовой тон и насыщенность. Цветовой баланс. Света и тени. | Поговорим

Раскрываю все тайны цветокоррекции.

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

Для начинающих фотошоперов эта информация — просто находка.

Цветовой тон и насыщенность

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

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

В 1676 г И. Ньютон провел эксперимент по расщеплению светового луча с помощью призмы. В результате он получил 7 явно различимых цветов спектра.

цветовой спектр в фотографии

цветовой спектр в фотографии

Основные цвета

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

Это КРАСНЫЙ ЖЕЛТЫЙ СИНИЙ

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

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

Основные цвета в фотошопе

Основные цвета в фотошопе

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

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

соединение цветов в фотошопе

соединение цветов в фотошопе

КРАСНЫЙ+ЖЕЛТЫЙ=ОРАНЖЕВЫЙ
ЖЕЛТЫЙ+СИНИЙ=ЗЕЛЕНЫЙ
СИНИЙ+КРАСНЫЙ=ФИОЛЕТОВЫЙ

Цветовой тон, яркость, насыщенность, светлота

Тон – это основная характеристика, по которой называют цвета.

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

Тона получают смешиванием в разных пропорциях основных цветов.

Тона и оттенки – синонимы.

Полутонами называется незначительное, но уловимое глазом изменение в цвете.

Яркость — характеристика восприятия. Она определяется нашей скоростью выделения одного цвета на фоне других.

Яркими считается «чистые» цвета, без примеси белого или черного. У каждого тона максимальная яркость наблюдается при разной светлоте:

тон, светлота и яркость

тон, светлота и яркость

Это утверждение верно в том случае, если рассматривать линейку оттенков одного цвета.

оттенки одного цвета на курсе азы фотошоп

оттенки одного цвета на курсе азы фотошоп

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

Разные яркости цвета в фотошоп

Разные яркости цвета в фотошоп

Давайте от теории цвета в фотошопе перейдем к практике.

Двигая ползунок цветового тона — мы меняем всю картинку целиком

Цветовой тон в фотографии на курсе Азы фотошоп с Натальей Новак

Цветовой тон в фотографии на курсе Азы фотошоп с Натальей Новак

Ползунок насыщенности изменяет фото от черно-белого до кислотно-цветного.

Цветовой тон и насыщенность в фотошопе

Цветовой тон и насыщенность в фотошопе

Цветовой тон и насыщенность делают фотографию черно белой в фотошопе

Цветовой тон и насыщенность делают фотографию черно белой в фотошопе

Регулировка яркости позволяет затемнять и осветлять фотографию.

Затемненение фотографии при помощи цветового тона и насыщенности в фотошоп

Затемненение фотографии при помощи цветового тона и насыщенности в фотошоп

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

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

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

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

и тогда мы можем менять (например розы- красный канал) В любой цвет

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Замена канала красного в цветовом тоне на курсе азы фотошоп с Натальей Новак

Color Balance (Цветовой баланс)

Выберите в меню Image (Изображение) – Adjustments (Коррекция) – Color Balance (Цветовой баланс). Комбинация клавиш Ctrl+B.Но лучше щелкните по значку Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой). Его можно найти внизу палитры Layers (Слои). Выберите пункт Color Balance (Цветовой баланс). Появится диалоговое окно:

Цветовой баланс в фотошопе

Цветовой баланс в фотошопе

В появившемся окне находятся три ползунка, соответствующие основным цветам моделей CMYK и RGB.

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

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

А также, для увеличения нужного цвета можно уменьшить количество цветов, соседних с противоположным. Чтобы увеличить Cyan (Голубой), можно добавить Green (Зеленый) и Blue (Синий).

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

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

В большинстве случаев следует устанавливать галочку Preserve Luminosity (Сохранять свечение или яркость), чтобы компенсировать изменения яркостей, которые будут происходить при настройке цветового баланса. Если этого не сделать, яркость фотографии будет изменяться вместе с изменением цвета.

Как изменять баланс в тенях, светах и средних тонах по отдельности.

Выберите диапазон,который собираетесь корректировать Shadows (Тени), Midtones (Средние тона) или Highlights (Света). Для этого в разделе Tonebalance(Тоновый баланс) выберите соответствующий пункт.

Для того чтобы эффект применялся ко всему снимку, отметьте пункт Midtones (Средние тона), тогда светлые и темные тона тоже будут слегка изменяться.

Тени и свет

Тени/Света

 Инструмент Photoshop — Shadows/Highlights (Тени/Света) многих пугает, им очень легко испортить изображение. При первом вызове Image->Adjustments->Shadows/Highlights

инструмент тени и света в фотошоп

инструмент тени и света в фотошоп

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

В настройках каждой из них существует три шкалы:

«Эффект»

«Тон»

«Радиус»

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

Подробнее и наглядней в видео курсе ниже

Как изменить цвет объекта в Adobe Photoshop – База знаний Timeweb Community

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

Меняем цвет объекта в Фотошопе: 7 способов

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

Цветовой тон/Насыщенность

С помощью корректировки «Цветовой тон/Насыщенность» (Hue/Saturation) можно поменять цвета всей картинки или только выделенной части. Чтобы вызвать это окно, перейдите во вкладку «Изображение – Коррекция – Цветовой тон/Насыщенность» или просто нажмите сочетание клавиш Ctrl+U. 

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

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

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

Окно «Замена цвета»

Чтобы открыть окно «Замена цвета», перейдите по вкладкам «Изображение – Коррекция – Заменить цвет».

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

  1. Щелкаю по желтому цветку пипеткой. В окне «Цвет» сразу отображается выбранный оттенок. 
  2. Ставлю галочку «Локализованные наборы цветов» и с зажатым Shift щелкаю по цветочкам на фотографии, чтобы добавить все оттенки желтого.
  3. Регулирую разброс, тон, насыщенность и яркость. 
  4. Нажимаю ОК. Неплохо!

Инструмент «Замена цвета»

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

Он работает очень просто – выбирайте цвет с помощью палитры и закрашивайте нужный объект. Я выберу малиновый цвет, чтобы перекрасить шляпу. Обратите внимание на режим наложения, здесь должен стоять параметр «Цветность» (Color). 

Думаю, шляпа теперь выглядит веселее 🙂

Изменение цвета выделенного объекта

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

  1. Возьмите инструмент «Выделение предметов». 
  2. Выделите курсором область, в которой находится объект. 
  3. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation). 
  4. Двигайте ползунки, чтобы изменить цвет. Здесь же можно поменять насыщенность и яркость объекта. 

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

Таким же образом вы можете менять цвет выделенного предмета с помощью окна «Замена цвета». Выделите объект инструментом «Быстрое выделение», затем перейдите во вкладку «Заменить цвет».

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

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

Меняем цвет предмета кистью

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

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

Менять размер кисти можно с помощью клавиш «]» и «[» на клавиатуре прямо во время окрашивания. Вы можете просто закрашивать мышкой вручную, но так будет достаточно сложно сделать ровную линию. Обычно я делаю так: щелкаю мышкой в одной точке, а с зажатой клавишей Shift – в другой. Так получается ровная линия – этим способом удобнее закрашивать края предмета.

Как только вы закончите с закрашиванием кистью, выберите режим наложения «Цветовой тон».

Использование масок
Изменение цвета с помощью кисти

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

  1. Нажмите на этот значок, чтобы создать новый корректирующий слой. 
  2. Выберите «Цветовой тон/Насыщенность». 
  3. Двигайте ползунки, пока не получите нужный вариант цвета. 
  4. Нажмите Ctrl+I. Это позволяет сделать инверсию слоя-маски. Маска стала черной, и теперь мы ее не видим. 
  5. Выберите инструмент «Кисть» (B) и поставьте белый цвет кисти. Белый цвет проявляет слой-маску. 
  6. Настройте кисть: она должна быть 0% жесткости, мягкая и круглая. Регулируйте удобный размер кисти в окне настроек или нажатием клавиш «]» и «[». 
  7. Закрасьте объект кистью – вы увидите, как проявляется слой с цветом. 
  8. Аккуратно пройдитесь кистью по всем контурам. Если необходимо поправить цвет и тон, щелкните по иконке корректирующего слоя.
  9. Режим наложения установите на «Цветность» или «Цветовой тон». Готово!
Изменение цвета заливкой

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

  1. Нажмите на значок создания нового корректирующего слоя и нажмите «Цвет».
  2. Выберите цвет, в который хотите перекрасить объект. Я, конечно, беру зеленый.
  3. Кликните на миниатюру маски и нажмите Ctrl+I, чтобы сделать инверсию маски. 
  4. Аккуратно выделите объект инструментом «Быстрое выделение» или «Выделение предмета». 
  5. Можно уточнить выделение, нажав правой кнопкой мыши на «Выделение и маска». 
  6. Уточните края и при желании сделайте сглаживание, настройте контрастность. 
  7. Переключитесь на слой-маску, выберите инструмент «Выделение». 
  8. Нажмите по выделению правой кнопкой мыши – «Выполнить заливку». 
  9. Кликните по стрелочке, выберите «Белый». 
  10. Далее просто поменяйте режим наложения на «Цветовой тон». 

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

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

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

Как изменить цвет волос в Фотошопе

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

  1. Откройте картинку. Я буду упражняться в колористике на этом примере. 
  2. Создайте корректирующий слой «Цветовой тон/Насыщенность». 
  3. Щелкните галочку «Тонирование» и покрутите ползунки изменения цвета и яркости. Сейчас вы видите маску целиком.
  4. Щелкните по миниатюре слоя-маски и нажмите Ctrl+I. 
  5. С помощью белой кисти прокрасьте зону волос. Аккуратно пройдитесь по краям мягкой круглой кистью.

Вуаля! Кажется, фотография выглядит как настоящая.

Заключение

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

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

Корректирующий слой «Цветовой тон / Насыщенность» в Photoshop

Есть два инструмента, которые я считаю важными для работы с контрастом и цветом в Photoshop: уровни и оттенок / насыщенность. В предыдущей статье я показал вам «8 основных элементов хорошей цветной печати». В хорошо экспонированном изображении вполне возможно, что уровни и оттенок / насыщенность — единственные два инструмента, которые вам понадобятся для работы с первыми 4 элементами: контраст , цветовой баланс, яркость и насыщенность цвета.

Да, и для справки, вот статья, которую я написал ранее о «Уровне корректирующего слоя».

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

Теперь поговорим об оттенке / насыщенности , но сначала несколько определений.

Три основных атрибута / компонента цвета — это оттенок, насыщенность и яркость.

1.) Оттенок : Оттенок — это один цветовой оттенок или название цвета. Зеленый — это оттенок, оранжевый — это оттенок и т. Д. Существует бесконечное количество оттенков…

2.) Яркость : Яркость — это величина воспринимаемой яркости цвета. Черный цвет не имеет яркости, тогда как белый цвет имеет самую высокую яркость.

3.) Насыщенность: Насыщенность — это интенсивность, чистота или количество оттенка.

Назначение оттенка / насыщенности:

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

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

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

Или скажем, что зеленые в вашем пейзажном снимке слишком синие / зеленые: выберите «Зеленый» канал в раскрывающемся меню , затем измените оттенок, чтобы вернуть зеленый цвет к более реалистичному цвету, например как Forest Green, опять же, не затрагивая другие цвета вашего изображения.

Где найти : Три места, в порядке доступа:

1.) Вы можете найти его на панели настроек в CS4, 5 и 6, а также в элементах 7 и 8.

2.) Вы можете нажать кнопку «Новый корректирующий слой» на панели слоев (искусственная кнопка «Инь-Ян») и выбрать «Оттенок — Насыщенность» в раскрывающемся списке.

3.) Вы также можете перейти в меню «Слои» -> «Новый корректирующий слой» и выбрать его из этого меню.

Как работает оттенок / насыщенность:

Диалоговое окно (показано выше для более ранних версий Photoshop) для Hue / Saturation очень интуитивно понятно:

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


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

~ Когда вы перемещаете ползунок «Оттенок» влево, вы увидите, что значения зеленого на вашем изображении меняются от зеленого к желтому, затем к красному и, наконец, к пурпурному оттенку.

~ Когда вы перемещаете ползунок «Оттенок» вправо, вы увидите, что ваши значения зеленого меняются от зеленого к голубому, затем к синему и, наконец, к пурпурному оттенку.

3.) Отрегулируйте насыщенность: Опять же, используя в качестве примера «Зеленый» канал, переместите ползунок «Насыщенность» до упора вправо, и вы увидите эффект слишком большой насыщенности. И наоборот, если вы переместите ползунок до упора влево, ваши зеленые значения превратятся в оттенки черного и белого.

4.) Отрегулируйте яркость: Я редко использую этот ползунок. Я лично считаю это неэффективным. Более эффективно и менее разрушительно отрегулировать яркость с помощью уровней и / или кривых .

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

В приведенном выше примере коррекция только для насыщенности:

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

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

В приведенном выше примере коррекция оттенка и насыщенности:

На снимке Uncorrected Image зелень слишком холодная с синим смещением. Терракотовые горшки немного ненасыщены.В остальном изображение выглядит нормально.

Corrected Image более приятен. Для этого ползунок «Оттенок» «Зеленого» канала перемещается влево, а насыщенность «Красного» канала увеличивается.

Джон Уоттс, Watts Digital Imaging

Как использовать оттенок / насыщенность в Photoshop

Описание учебника

Этот эпизод предназначен для начинающих, но он помогает улучшить свои навыки, независимо от вашего уровня.Узнайте, как использовать оттенок / насыщенность в Photoshop! Загрузите наше практическое изображение из Adobe Stock ЗДЕСЬ.

Глобальные настройки насыщенности

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

По умолчанию диалоговое окно «Оттенок / насыщенность» изменяет ВСЕ цвета изображения при настройке ползунков. Но это можно изменить!

Настройка локальной насыщенности

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

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

Раскраска

Создайте новый слой Hue / Saturation и отметьте кнопку «Colorize». Это изменит все изображение на тот же цвет! Это удобно, если вы хотите сменить, например, красную рубашку на зеленую. Однако в цвете не так много вариаций. Если вам нужно больше вариаций, вы можете уменьшить непрозрачность слоя, чтобы часть исходного изображения просвечивала.

Картина по изображению

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

Как использовать оттенок и насыщенность в Photoshop

Как использовать оттенок и насыщенность в Photoshop

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

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

Во-первых, давайте создадим новый корректирующий слой Hue Saturation:

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

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

Что делает Hue Saturation в Photoshop?

На самом базовом уровне панель «Оттенок / насыщенность» влияет на общий оттенок, насыщенность и яркость.

Другими словами:

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

В приведенном ниже примере я увеличил яркость, и, как вы можете видеть, он осветляет ВСЕ тона изображения: светлые участки, средние тона И тени:

Регулировка насыщенности оттенка в отдельных цветовых каналах

Вы также можете работать с отдельными цветовыми каналами.

Например, если выбрать канал «Желтые» в раскрывающемся меню, любые внесенные мной изменения повлияют на только на желтых на моем изображении:

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

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

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

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

Создание монотонного изображения с регулировкой насыщенности оттенка

Вы также можете создать монотонное изображение с помощью ползунка «Насыщенность тона».Во-первых, убедитесь, что вы находитесь на основном цветовом канале, потому что вы хотите работать со всеми каналами здесь, а не только с конкретным, как в примере выше. Затем установите флажок Colorize:

.

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

Как редактировать с помощью оттенка и насыщенности

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

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

Красный канал:

Блюз Канал:

Magentas Канал:

Затем я создаю новый слой Hue / Saturation, и на этот раз на главном канале я использую функцию Colorize.Я также устанавливаю режим наложения на панели слоев на Мягкий свет и уменьшаю общую непрозрачность. Это сделает изображение ярче и в то же время придаст ему более приглушенный вид. :

Наконец, я заканчиваю созданием еще одного нового слоя Hue Saturation и немного увеличиваю Lightness в Master канале:

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

У вас есть какие-либо вопросы или комментарии по поводу оттенка и насыщенности в Photoshop? Оставьте нам комментарий ниже — мы будем рады услышать от вас! И ПОЖАЛУЙСТА, ПОДЕЛИТЬСЯ нашим учебником с помощью кнопок социальных сетей (мы очень ценим это)!

Анна Гей

Фотограф-портретист

Анна Гей — фотограф-портретист из Афин, штат Джорджия, автор электронной книги dPS «Искусство автопортрета».Она также разрабатывает экшены и текстуры для Photoshop. Когда она не снимает и не пишет, ей нравится проводить время со своим мужем и их двумя кошками, Эльфи и Толстяком.

Как использовать оттенок / насыщенность в Photoshop

Что такое оттенок / насыщенность?

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

Как работает этот инструмент

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

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

Полезные функции

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

Когда использовать этот инструмент

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

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

Изменить цвет в Photoshop с насыщенностью оттенка

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

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

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

Глобальная настройка оттенка / насыщенности — изменение цвета в Photoshop

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

Целевые цвета с раскрывающимся списком — изменение цвета в Photoshop

Итак, у нас есть этот пример.Я собираюсь добавить корректирующий слой оттенка и насыщенности, и на этот раз я воспользуюсь раскрывающимся списком.

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

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

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

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

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

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

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

Как выбрать определенный цвет — изменить цвет в Photoshop

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

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

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

И мы сделаем его, эти желтые на самом деле превращаются в много зеленых. Есть до и после. Таким образом, мы выбрали тот желтый цвет, который был в основном у него в хвосте. Я воспользуюсь своим инструментом целевой настройки и хочу изменить эти красные цвета здесь. Как и раньше, я просто увеличиваю оттенок и насыщенность, сужаю цвета. И вот тут я выбрал красные.Здесь вы можете видеть области, те полосы, которые были красными, теперь они того же цвета, что и нижняя часть этой полосы. Вот что я ищу. Обнулите их, и я поменяю свои красные цвета, на которые нацелился. Это нацеливание на определенный цвет. До после.

Как раскрасить с помощью оттенка / насыщенности — изменить цвет в Photoshop

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

Здесь слева находится недвижимость. Если я нажму на кнопку «Раскрасить», это будет именно то, что изначально делает «Colorize». Он изменяет ваше изображение на черно-белое, а затем применяет один цвет. Так что я могу поиграть с оттенком и довести его до примерно 33. Увеличить мою насыщенность, что-то в этом роде. Сделайте его немного ярче, и, как видите, он приобрел другой оттенок.Это изменило настроение изображения. Но это то, что может сделать Colorize. Вы можете проявить творческий подход к этому.

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

См. Предыдущую статью в блоге здесь 👉 https://charlescabrera.com/color-grading-in-photoshop-2021/

Смотрите мой сайт фотографии здесь 👉 https://www.charlescabreraphotography.com

Черно-белые преобразования Photoshop

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

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

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

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

Вот фотография, которую я использую в этой серии уроков:

Исходное изображение.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Добавьте корректирующий слой оттенка / насыщенности

Как и большинство настроек изображения Photoshop, настройка оттенка / насыщенности бывает двух видов. Есть стандартная версия, которая вносит изменения непосредственно в само изображение, и есть версия корректирующего слоя . Как мы узнали из учебника по неразрушающему редактированию фотографий с помощью корректирующих слоев , всегда лучше работать с корректирующими слоями, потому что мы получаем те же результаты, что и при стандартных настройках изображения (находится в разделе Изображение > Настройки меню в строке меню вверху экрана), не повредив ни единого пикселя исходной фотографии.

Чтобы добавить корректирующий слой оттенка / насыщенности, щелкните значок New Adjustment Layer в нижней части палитры слоев (это круг, разделенный по диагонали между черным и белым) и выберите Hue / Saturation из списка корректирующих слоев. что появляется:

Щелкните значок «Новый корректирующий слой» и выберите «Цветовой тон / насыщенность» из списка.

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

Как следует из названия, корректирующие слои отображаются как независимые слои в палитре «Слои».

Шаг 2. Обесцветьте фото

Если вы используете Photoshop CS4, как я использовал в этих уроках, вы найдете различные элементы управления для корректирующего слоя Hue / Saturation на панели Adjustments Panel , которая является новой для CS4. Если вы используете Photoshop CS3 или более раннюю версию, элементы управления появятся в диалоговом окне, которое всплывает на вашем экране.

Создание пользовательской черно-белой версии цветной фотографии с использованием корректирующего слоя «Цветовой тон / насыщенность» представляет собой двухэтапный процесс.Первый шаг, который мы рассмотрели еще в учебнике Desaturating the Color , — это создание начальной черно-белой версии путем обесцвечивания цвета всего изображения, и мы можем сделать это, просто перетащив ползунок Saturation до конца. слева:

Перетащите ползунок «Насыщенность» влево, чтобы быстро обесцветить изображение.

Если мы посмотрим на фотографию в окне документа, то увидим, что весь цвет был удален:

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

Шаг 3. Осветление или затемнение разных цветов изображения

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

Если вы посмотрите в верхнюю часть диалогового окна Hue / Saturation (или на панель Adjustments Panel в Photoshop CS4, которую я буду называть диалоговым окном с этого момента, чтобы упростить задачу), вы увидите параметр, который в настоящее время установлен на Мастер :

Параметр выбора цвета в диалоговом окне «Оттенок / насыщенность», по умолчанию установлен на «Мастер».

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

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

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

Выбор красного в опции выбора цвета.

Теперь, когда выбран красный цвет, я могу осветлить тона кожи (а также любые другие области изображения, которые изначально содержали красный цвет), перетащив ползунок «Яркость» вправо. Следите за своим изображением в окне документа, перетаскивая ползунок, чтобы оценить результаты. Я собираюсь перетащить ползунок Lightness на значение около +50, но ваша фотография будет отличаться от моей, поэтому используйте настройку, которая лучше всего подходит для вашего изображения:

Осветление тонов кожи на изображении путем перетаскивания ползунка «Яркость» вправо.

В черно-белой версии фотографии оттенки кожи теперь светлее:

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

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

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

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

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

При скрытии корректирующего слоя восстанавливаются все цвета изображения.

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

Прежде чем мы выберем какие-либо другие цвета, нам сначала нужно снова включить корректирующий слой Hue / Saturation. Для этого еще раз щелкните значок видимости слоя в палитре слоев:

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

Это вернет фотографию в окне документа в черно-белое состояние. Чтобы затемнить деревья на заднем плане, я выберу Yellows из списка цветов в диалоговом окне Hue / Saturation:

Выбор желтого цвета в опции выбора цвета.

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

Затемнение желтых оттенков изображения путем перетаскивания ползунка «Яркость» влево.

Вот моя черно-белая версия после затемнения деревьев на заднем плане:

Фон стал темнее.

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

Сохранение полностью редактируемой черно-белой версии

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

В Photoshop CS3 или более ранней версии, чтобы повторно открыть диалоговое окно «Цветовой тон / насыщенность» в любое время, просто дважды щелкните его миниатюру в палитре «Слои».Нажмите OK в правом верхнем углу диалогового окна, когда вы закончите вносить изменения, чтобы закрыть его. В Photoshop CS4 щелкните один раз на его миниатюре в палитре слоев, чтобы просмотреть элементы управления оттенком / насыщенностью на панели настроек:

Дважды щелкните миниатюру оттенка / насыщенности, чтобы повторно открыть его диалоговое окно (Photoshop CS3 и более ранние версии), или щелкните один раз, чтобы просмотреть элементы управления на панели настроек (Photoshop CS4).

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

Если, с другой стороны, вам нужен самый лучший способ преобразования цветных фотографий в черно-белые и вы используете Photoshop CS3 или выше , вам определенно нужно проверить Регулировка черно-белого изображения , совершенно новое в Photoshop CS3!


Как творчески использовать настройки оттенка / насыщенности в Photoshop

Мы собираемся показать вам несколько способов использования настроек слоя оттенка / насыщенности, чтобы ваши изображения выделялись в Photoshop.

Зачем использовать корректировку слоя Hue / Saturation? Потому что, по сравнению с другими методами, использование корректировки слоя позволяет вам работать с изображениями неразрушающим образом, поскольку дает вам возможность вернуться к ним и внести изменения в будущем.

Что такое оттенок / насыщенность?

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

Оттенок — это цвет. Он представлен на верхнем слайдере меню корректирующего слоя «Цветовой тон / Насыщенность».

Насыщенность — это сколько одного цвета. Он представлен на среднем слайдере меню корректирующего слоя «Цветовой тон / Насыщенность».

Яркость — это яркость цвета.Он представлен на последнем слайдере меню корректирующего слоя «Цветовой тон / Насыщенность».

Как создать базовые настройки оттенка / насыщенности

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

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

  1. Создайте корректирующий слой Hue / Saturation, щелкнув значок Adjustments в правом нижнем углу экрана. Щелкните Hue / Saturation .
  2. Опустите ползунок Saturation почти полностью до -87 .Затем перейдите к ползунку Hue и увеличьте его до +100 .
  3. Щелкните B для инструмента Brush . Если для Foreground установлено значение Black , закрасьте выделенную область кошки, чтобы вернуть ее первоначальный цвет.

Уловка состоит в том, чтобы не торопиться и быть уверенным, что вы не рисуете там, где не хотите, чтобы ваши цвета были.Используя кисть Brush , вы можете переключить клавишу X , чтобы изменить цвет Foreground на Black или White для внесения исправлений.

Связанный: Как легко создавать световые эффекты в Photoshop, используя режим наложения наложения

Использование масок насыщенности для более реалистичных результатов

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

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

  1. Выбрав слой Background , нажмите Ctrl + J , чтобы продублировать слой.
  2. Перейдите к Фильтр > Другое > HSB / HSL .
  3. Во всплывающем диалоговом окне убедитесь, что RGB выбран в Input Mode . В разделе Порядок строк выберите HSL , а затем щелкните OK .
  4. Перейти к Каналы .Выберите RGB + Ctrl .
  5. Вернитесь на вкладку Layers . Удалите дублированный слой, перетащив его на значок Trash .
  6. Выбрав слой Background , создайте слой Hue / Saturation .
  7. Маска насыщенности будет создана над слоем Background .
  8. Ради интереса давайте изменим оттенок изображения. Дважды щелкните значок слоя и установите ползунок Hue на +119 .В результате цвет станет розовым.
  9. Теперь давайте сбросим Hue обратно на 0 . Затем отрегулируйте ползунок Saturation до упора влево до -100 . Затем отрегулируйте ползунок Lightness до упора вправо до +100 . Это дает совершенно другой результат!

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

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

Использование целевых настроек для определенных цветов

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

Вот как это сделать.

  1. Создайте корректирующий слой Hue / Saturation, щелкнув значок Adjustments в правом нижнем углу экрана.Щелкните Hue / Saturation .
  2. Щелкните инструмент Hand (слева от Master ), чтобы активировать режим целевой настройки.
  3. Прокрутите мышью до цветов. Вы увидите, что ваш курсор изменился на инструмент Eyedropper .Нажмите на объект, на который хотите нацелить, в данном случае на цветы. Пурпурный теперь отображается в поле цветового канала справа от инструмента Hand .
  4. Есть два способа получить доступ к ползунку оттенка. Самый простой способ — просто вручную переместить ползунок Hue к желаемому цвету (после выбора цвета с помощью инструмента Hand ).Второй способ можно использовать, даже не касаясь ползунков. В этом примере просто нажмите Ctrl , а затем перетащите указатель мыши на +50 , чтобы изменить цвет на Red .
  5. Затем просто нажмите левой кнопкой мыши (активирует ползунок «Насыщенность») и перетащите указатель мыши на +30 , чтобы увеличить насыщенность красного.
  6. При желании, если вы хотите использовать ползунок Lightness для увеличения или уменьшения яркости красного, просто переместите ползунок вручную.В этом случае мы увеличили яркость до +100 , чтобы получить не совсем белый результат.

Целевые корректировки — еще один быстрый и простой способ более профессионального редактирования изображений.

Расширенные целевые корректировки

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

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

  1. Создайте корректирующий слой Hue / Saturation, щелкнув значок Adjustments в правом нижнем углу экрана. Щелкните Hue / Saturation .
  2. Щелкните инструмент Hand (слева от Master ), чтобы активировать режим целевой настройки.
  3. Прокрутите указатель мыши до светло-красного цвета в верхней части напитка. Вы увидите, что ваш курсор изменился на инструмент Eyedropper . Нажмите на объект, на который вы хотите нацелиться, в данном случае на светло-красный цвет льда. Красные теперь отображаются в поле цветового канала справа от инструмента Hand .
  4. Для этой расширенной техники целевой настройки мы будем использовать инструмент (-) Eyedropper в нижней части меню Hue / Saturation.Это вычитает все более темные цвета на дне напитка. Для этого нажмите инструмент «Пипетка (-) » и начните нажимать на более темные оттенки красного в стекле, включая клубнику. Это гарантирует, что на следующем шаге мы изменим только более светлый красный цвет.
  5. Затем опустите ползунок Saturation до тех пор, пока более светлые красные оттенки в жидкости не станут светлее.Мы закончили на -80 после перемещения правого ползунка Color Bar влево, чтобы включить более темные красные оттенки.
  6. Вы заметите, что жидкость в верхней части напитка стала светлее, но не стала полностью ненасыщенной. Чтобы еще больше уменьшить цвет в выбранной области, переместите ползунок Lightness вправо.Мы остановились на +70 , чтобы убрать большую часть красного оттенка.

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

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

Как грамотно раскрасить изображение

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

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

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

  1. Чтобы выбрать цветочный горшок, перейдите на Выберите > Тема .
  2. Перейдите к Select > Select and Mask .
  3. Нажмите на инструмент Refine Edge Tool Brush .
  4. Закрасьте области, чтобы раскрыть фон в цветах.
  5. Измените Output на на New Layer with Layer Mask , а затем нажмите OK .
  6. Щелкните поле видимости нижнего слоя ( Layer 0 ). Это вернет изображение к нормальному виду до того, как сделать выбор.
  7. Нажмите на Layer 0 Copy , затем создайте слой Hue / Saturation , как раньше.
  8. Перетащите маску слоя Layer 0 Copy на слой Hue / Saturation и нажмите Yes .
  9. Дважды щелкните на миниатюре Hue / Saturation Layer , чтобы открыть меню.
  10. Щелкните поле Colorize . Затем установите ползунки Hue , Saturation и Lightness на следующие значения, чтобы сделать зеленый цвет: Hue +70 , Saturation +56 , Lightness -20 .
  11. Замаскируйте зеленый цвет цветка, выбрав маску слоя Hue / Saturation .Затем щелкните B для инструмента Brush . Если для Foreground установлено значение Black , закрасьте выделение вдали от цветка и стебля, восстанавливая его исходные цвета.

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

Развитие навыков редактирования фотографий

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

Изображение предоставлено: Максим Поткин / Unsplash

Как заменить небо на любой фотографии с помощью Photoshop

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

Читать далее

Об авторе Крейг Беман (Опубликовано 41 статья)

Крейг Беман — американский фотограф из Мумбаи.Он пишет статьи о Photoshop и редактировании фотографий для MakeUseOf.com.

Более От Крейга Бемана
Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

.

alexxlab

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

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