Hsl в фотошопе что это
В своей статье про 25 советов по обработке фото в Лайтрум я очень советовал изучить настройку HSL, и вдумчиво ей пользоваться. Так что же такое HSL в лайтруме, и зачем он нужен?
Цветовая модель HSL
Цветовая модель HSL, её ещё иногда называют цветовым пространством HSL, это один из способов передачи цветов в изображениях. По сути здесь можно провести параллели с цветовым пространством RGB, а про него вы наверняка уже где-то слышали, да и я не раз рассказывал про цветовые профили.
HSL в Лайтруме
Обработка фотографии в Лайтруме с использованием палитры HSL, это всегда операции с цветом: с его количеством, насыщенностью и тоном.
HSL в Фотошопе
HSL палитра конечно больше относится к Adobe Lightroom, а в Фотошопе HSL режим изображения можно включить только в виде фильтра. Вообще говоря, учитывая позиционирование продуктов Adobe как профессиональных, такое решение не удивляет.
С самой первой версии Adobe Photoshop работал с цветовым пространством RGB, в качестве профессиональных режимов для типографий, Adobe предусмотрели позже режимы CMYK и LAB. Более того, борясь за качество и унификацию отображения цветов, Adobe даже выпустила собственный профиль Adobe RGB.
Однако HSL в фотошопе есть, но только условно, как способ редактирования параметров, в общем то по той же схеме, что и в lightroom. Активировать его можно через корректирующие слои, или же нажав Ctrl+Shift+A запустив плагин Adobe Camera Raw.
Обработка фото и видео в HSL
Вам интересна профессиональная обработка фотографий в Лайтрум, но вы только учитесь? Почитайте мою статью про 25 советов по обработке фотографий в Лайтрум для начинающих, в ней много полезного.
Есть какие-то вопросы? Задавайте их в комментарии ниже.
Сайт обходится мне в копеечку, и как видите - здесь нет рекламы.
Понравилась статья?
Переведите хотя бы 10 руб:-)
P.S. Если нажать на номер карты - он скопируется!
Фотограф, блогер, специалист по рекламе в интернете. В прошлом веб-дизайнер/разработчик. Веду своё шоу в VK Клипах, люблю рок, джаз, Стивена Кинга и Харуки Мураками.
Сейчас намного сложнее сделать свой стиль фотографии узнаваемым. Конечно, есть профильные фотографы, такие как Уильям Эглстон и Стивен Шор, чьё использование цветов распознаётся сразу.
Очень легко начать следовать последним трендам Instagram и игнорировать свой уникальный стиль. Сегодня я хочу дать вводные советы для использования цветов в постобработке фотографий.
Изучите основы цветовой теории
Это полностью визуальная наука. Поэтому самый лёгкий способ говорить о цвете – посмотреть на него.
Вот стандартное цветовое колесо:
Это самый простой способ показать взаимоотношения между цветами. Большинство коррекций фотографий выполняется в RGB (Red, Green and Blue – Красный, Зелёный, Синий). Это называется аддитивная цветовая модель. Adobe разработала интерактивное цветовое колесо Adobe Color CC. Рекомендую поиграться с ним по ссылке.
Есть три основные правила сочетания цветов: аналоговое, монохромное и комплементарное. Под каждой фотографией ниже я добавил основные цвета, чтобы вы могли немного приучить и себя их подмечать.
Аналоговое сочетание
Пример аналоговых цветов – фотография Уильяма Эглстона.
Как вы можете заметить, основными цветами тут являются разные оттенки красного, оранжевого и жёлтого, благодаря чему на снимок очень приятно смотреть. Все эти цвета находятся рядом на цветовом колесе.
Монохромное сочетание
Снимок ниже – пример монохромной цветовой схемы из фильма Поезд на Дарджилинг режиссера Уэса Андерсона.
Все цвета являют собой разные оттенки одного цвета. Чётко можно видеть, что все они находятся на одном «кусочке» цветового колеса.
Комплементарное сочетание
Этот кадр из фильма Трон: Наследие – пример комплементарной цветовой схемы.
Комплементарные цвета находятся на противоположных сторонах цветового колеса. Это очень популярный способ сочетания, используемый в большинстве современных фильмов. Можно увидеть множество примеров, когда оранжевый и синий цвета используются в качестве комплементарных.
Нетрудно догадаться, что базовое знание цветовой теории может помочь в редактировании фотографий. Если вы хотите узнать больше о цвете, рекомендую посмотреть это видео (здесь использован более фильмовый подход, но принципы те же):
Инструмент HSL
Инструмент Оттенок, Насыщенность и Свечение (Hue, Saturation and Luminance – HSL) расположен под инструментом тональной кривой. Он позволяет редактировать индивидуальные цветовые диапазоны фотографий.
Перед тем как мы перейдём к основам работы с инструментом, давайте разберёмся с возможностями изменения цвета фотографии (т. е. что значат эти слова).
- Оттенок: общий тон цвета
- Насыщенность: интенсивность цвета
- Свечение: яркость цвета
Это краткое пояснение HSL. Теперь давайте поговорим о самом инструменте и его влиянии на снимки.
Вот так выглядит результат до и после внесения коррекций:
В зависимости от процесса, инструмент можно настроить несколькими способами. Если вы кликните на HSL, Lightroom организует все цвета организует все цвета в порядке от красного (Red) до пурпурного (Magenta).
А также можно заметить, что появились подкатегории для Оттенка (Hue), Насыщенности (Saturation), Свечения (Luminance) и Всех (All). Если вы ранее не работали с этим инструментом, рекомендую оставить всё по умолчанию.
На каждом слайдере есть разная интенсивность оттенка цвета. Это небольшая демонстрация влияния позиции ползунка на результат.
Работая с группой Оттенок (Hue), я всегда представляю, что выбираю цвет на цветовом колесе.
Кнопка, на которую указывает стрелка на скриншоте, выполняет ту же функцию, что кнопка инструмента регулировки тональной кривой. Если хотите узнать больше, почитайте в этой статье.
Однако, главная её особенность в том, что она позволяет регулировать несколько значений одновременно.
Наводя на различные участки изображения, вы увидите, какие слайдеры влияют на них.
Выше можно видеть, что по мере того, как я перетаскиваю мышку в участках с травой, изменяются зелёный и аквамариновый слайдеры.
Прим. переводчика – на gif-файле этого не видно, но автор на самом деле перетаскивает не сами слайдеры, а как раз озеленённые участки.
Если кликнуть по вкладке «All», все секции будут в одной колонке.
Ещё один способ организовать HSL – кликнуть по вкладке Цвет (Color). Я предпочитаю этот способ, так как с его помощью можно поочерёдно пройтись по всем цветам и откорректировать их по своему вкусу.
С этого я обычно начинаю работу.
Совет: Жёлтый и зелёный намного сильнее связаны, чем может показаться.
Если кликнуть по «B&W», снимок станет чёрно-белым. Здесь можно контролировать индивидуальный цветовой диапазон при помощи нацеленного регулирующего инструмента. Таким образом, можно поменять тон травы или объектов, придав им необходимый вид.
Я считаю очень полезной кнопку выборочной коррекции, благодаря которой можно перетягивать курсор вверх и вниз, меняя тон необходимого участка. Это потрясающе, ведь можно изменять несколько каналов одновременно.
Как использовать инструмент
Начните с определения основных цветов
Если вы не можете понять, где находится манипулируемый цвет, потаскайте слайдер свечения и сразу заметите участки, которые поддаются влиянию.
Для регулирования оттенков кожи используйте красный, оранжевый и жёлтый каналы.
Для тёмной одежды, неба и водоёмов лучше всего подходят аквамариновый и синий.
Поочередно регулируйте цвета, пока не получите нужный результат
При использовании слайдера насыщенности, чаще всего отметка будет на негативном значении. Как по мне, при нуле или выше результат слишком неестественный.
Этот слайдер невероятно эффективен, если нужно сделать определённые нежелательные цвета более тусклыми.
Например, если мы хотим подчеркнуть красный и зелёный, являющиеся комплементарными цветами, мы просто немного обесцветим синее небо, горы и океан, как показано на скриншоте:
Изменения едва заметны, но такой метод может серьёзно помочь, когда нужно подчеркнуть определённые цвета.
Создайте пресет, чтобы сохранить время
Чтобы создать пресет, кликните по иконке «+» в левой части экрана.
Выберите Оттенок, Насыщенность и Свечение.
Пресеты – превосходный инструмент, если вы работаете с одним набором фотографий, так как инструмент HSL по-разному влияет на каждый снимок. Таким образом, можно отредактировать одно фото, придав ему необходимый вид, а затем применить эффект ко всем остальным, сохранив тонны времени.
А также проделав этот процесс для нескольких подборок фотографий, вы начнёте накапливать коллекцию пресетов, которые можно использовать в будущем.
В этой статье я расскажу о масках, которые наиболее часто применяются при обработке изображений.
Надеюсь, что те, кто читают данный материал, уже знают, что такое маска, а также умеют создавать простейшие маски из каналов изображения. При необходимости эти моменты можно вспомнить, проштудировав следующие уроки: "Ластик или маска?" и "Использование масок на основе каналов"
Маска светов
Вот один из способов ее создания, на мой взгляд, самый гибкий. Сначала создать нужный корректирующий слой, белая маска при этом создается автоматически.
Затем кликнуть по маске, сделав ее активной и перейти в меню Изображение – Внешний канал (Image – Apply Image). В общем случае в качестве источника для маски выбирается композит RGB, но также можно выбрать любой из каналов изображения. Предварительно желательно просмотреть каналы и определить, какой из них лучше подойдет для решения поставленной задачи.
Приведу несколько примеров, чтобы вам легче было определиться с выбором канала в той или иной ситуации:
- Кожа самая светлая в красном канале, средняя по яркости в зеленом и самая темная в синем.
- Ясное небо самое темное в красном канале, среднее по яркости в зеленом и самое светлое в синем. Если небо в облаках, то, как правило, оно самое проработанное в красном канале.
- Зеленая растительность самая темная в синем канале, средняя по яркости в красном канале и самая светлая в зеленом.
Созданная из композита RGB маска светов имеет следующий вид
При воздействии на изображение через данную маску наибольшая интенсивность будет наблюдаться в светах, меньшая в средних тонах, минимальная в тенях.
Маска теней
Это инвертированная маска светов. Алгоритм ее создания практически тот же, за исключением того, что в диалоговом окне команды Внешний канал нужно поставить галочку в чекбоксе Инвертировать.
Получаемая при этом маска является обратной к маске светов, то есть, негативным изображением в градациях серого.
При воздействии на изображение через маску теней наибольшая интенсивность будет приходиться на самые глубокие тени, меньшая на средние тона, минимальная на света.
Маска насыщенности
Существует много способов ее создания. С появлением в последней версии Photoshop CC 2014.1 фильтра HSB/HSL все стало намного проще. Данный фильтр находится в меню Фильтр – Другое - HSB/HSL (Filter – Other - HSB/HSL). Раньше этот фильтр входил в набор дополнительных инструментов для Photoshop от Adobe, а теперь его включили в число стандартных.
Для создания маски насыщенности нужно сделать копию слоя и применить к ней фильтр HSB/HSL со следующими настройками. Данный фильтр замещает красный, зеленый и синий каналы каналами цветовой модели HSL или HSB. Также можно делать и обратное преобразование.
Можно также выбрать во второй колонке параметр HSL, тогда получим несколько другую маску. Заготовка для маски находится в зеленом канале изображения.
В этой статье я расскажу о масках, которые наиболее часто применяются при обработке изображений.
Надеюсь, что те, кто читают данный материал, уже знают, что такое маска, а также умеют создавать простейшие маски из каналов изображения. При необходимости эти моменты можно вспомнить, проштудировав следующие уроки: "Ластик или маска?" и "Использование масок на основе каналов"
Маска светов
Вот один из способов ее создания, на мой взгляд, самый гибкий. Сначала создать нужный корректирующий слой, белая маска при этом создается автоматически.
Затем кликнуть по маске, сделав ее активной и перейти в меню Изображение – Внешний канал (Image – Apply Image). В общем случае в качестве источника для маски выбирается композит RGB, но также можно выбрать любой из каналов изображения. Предварительно желательно просмотреть каналы и определить, какой из них лучше подойдет для решения поставленной задачи.
Приведу несколько примеров, чтобы вам легче было определиться с выбором канала в той или иной ситуации:
- Кожа самая светлая в красном канале, средняя по яркости в зеленом и самая темная в синем.
- Ясное небо самое темное в красном канале, среднее по яркости в зеленом и самое светлое в синем. Если небо в облаках, то, как правило, оно самое проработанное в красном канале.
- Зеленая растительность самая темная в синем канале, средняя по яркости в красном канале и самая светлая в зеленом.
Созданная из композита RGB маска светов имеет следующий вид
При воздействии на изображение через данную маску наибольшая интенсивность будет наблюдаться в светах, меньшая в средних тонах, минимальная в тенях.
Маска теней
Это инвертированная маска светов. Алгоритм ее создания практически тот же, за исключением того, что в диалоговом окне команды Внешний канал нужно поставить галочку в чекбоксе Инвертировать.
Получаемая при этом маска является обратной к маске светов, то есть, негативным изображением в градациях серого.
При воздействии на изображение через маску теней наибольшая интенсивность будет приходиться на самые глубокие тени, меньшая на средние тона, минимальная на света.
Маска насыщенности
Существует много способов ее создания. С появлением в последней версии Photoshop CC 2014.1 фильтра HSB/HSL все стало намного проще. Данный фильтр находится в меню Фильтр – Другое - HSB/HSL (Filter – Other - HSB/HSL). Раньше этот фильтр входил в набор дополнительных инструментов для Photoshop от Adobe, а теперь его включили в число стандартных.
Для создания маски насыщенности нужно сделать копию слоя и применить к ней фильтр HSB/HSL со следующими настройками. Данный фильтр замещает красный, зеленый и синий каналы каналами цветовой модели HSL или HSB. Также можно делать и обратное преобразование.
Можно также выбрать во второй колонке параметр HSL, тогда получим несколько другую маску. Заготовка для маски находится в зеленом канале изображения.
Узнайте, как настраивать цветовой тон, насыщенность и яркость цветов изображения с помощью корректирующего слоя «Цветовой тон/насыщенность».
Команда «Цветовой тон/насыщенность» позволяет регулировать тон, насыщенность и яркость определенного цветового диапазона или одновременно всех цветов изображения. Эта коррекция особенно хорошо подходит для точной настройки цветов изображения в режиме CMYK, чтобы все они входили в цветовой охват устройства вывода.
Добавьте корректирующий слой. Выполните одно из следующих действий.
- На панели меню выберите Слой > Новый корректирующий слой > Цветовой тон/насыщенность . В диалоговом окне Новый слой нажмите кнопку ОК .
- На панели Коррекция нажмите значок «Цветовой тон/насыщенность».
Выберите команду меню Изображение > Коррекция > Цветовой тон/насыщенность . Но обратите внимание, что в данном методе коррекции вносятся непосредственно в слой изображения и определенная часть исходной информации при этом удаляется.
На панели Свойства выберите следующие параметры.
- В меню Набор выберите набор «Цветовой тон/насыщенность».
- В меню справа от инструмента прямой коррекции :
- Выберите Все , чтобы одновременно корректировать все цвета.
- Выберите один из перечисленных предустановленных цветовых диапазонов, чтобы корректировать необходимый цвет.
Сведения об изменении цветового диапазона, см. в разделе Указание диапазона цветов, скорректированного с помощью набора «Цветовой тон/насыщенность».
![Набор настроек коррекции «Цветовой тон/насыщенность»]()
Для коррекции цветового тона выполните любое из следующих действий.
- Для параметра Цветовой тон введите нужное значение или перетаскивайте ползунок до тех пор, пока цвета не будут исправлены.
Значения в поле отражают, на какое число градусов осуществляется поворот цветового круга относительно исходного цвета пикселя. Положительное значение указывает, что поворот происходит по часовой стрелке; отрицательное значение обозначает поворот против часовой стрелки. Допустимые значения — от ‑180 до +180.
![]()
- Включите инструмент прямой коррекции изображения . Удерживая нажатой клавишу Ctrl (Windows) или клавишу Command (Mac OS), нажмите цвет на изображении и перетащите указатель влево или вправо, чтобы изменить значение Цветовой тон .
Для коррекции насыщенности выполните любое из следующих действий.
- Для параметра Насыщенность введите нужное значение или перетащите ползунок вправо, чтобы усилить насыщение, или влево, чтобы уменьшить его.
Допустимые значения — от ‑100 (процентное уменьшение насыщения, более тусклые цвета) до +100 (процентное увеличение насыщения).
![]()
- Включите инструмент прямой коррекции изображения и нажмите цвет на изображении. Перемещайте курсор вправо или влево по изображению, чтобы уменьшить или увеличить насыщенность цветового диапазона, в котором находится выбранный пиксель.
Для параметра Яркость введите нужное значение или перетащите ползунок вправо, чтобы усилить осветление (добавить белый ко всем цветам), или влево, чтобы уменьшить его (добавить черный ко всем цветам). Допустимые значения — от ‑100 (процентное содержание черного цвета) до +100 (процентное содержание белого цвета).
Для отмены настроек цветового тона/насыщенности нажмите кнопку «Сброс» в нижней части панели Свойства .
![]()
На панели Свойства выберите цвет в меню справа от инструмента прямой коррекции .
![Указание диапазона цветов]()
Ползунки регулировки и соответствующие значения цветовых кругов (в градусах) появляются между двумя цветовыми шкалами.
- Два внутренних вертикальных ползунка определяют цветовой диапазон.
- Два внешних треугольных ползунка показывают, где коррекции цветового диапазона «спадают» (спадание — это размывка или ослабление коррекции вместо четко определенного применения или неприменения коррекции).
- Нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка» , чтобы выделить цветовой диапазон.
- Чтобы расширить диапазон, нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка+» .
- Чтобы сузить диапазон цветов, нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка–» .
- Выбрав инструмент «Пипетка», можно также увеличивать диапазон, удерживая клавишу «Shift», или уменьшать его, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
- Перетащите один из белых треугольных ползунков, чтобы отрегулировать степень спадания цвета (ослабления коррекции), не меняя размер диапазона.
- Перетащите область между треугольным и вертикальным ползунками, чтобы отрегулировать размер диапазона, не меняя степень спадания.
- Перетащите центральную область, чтобы переместить набор ползунков коррекции целиком (и треугольные, и вертикальные ползунки) и выбрать другую область цвета.
- Перетащите один из белых вертикальных ползунков, чтобы отрегулировать диапазон цветового компонента. При перемещении вертикального ползунка от центра набора ползунков коррекции ближе к треугольному ползунку цветовой диапазон увеличивается, а спадание уменьшается. При перемещении вертикального ползунка к центру набора ползунков коррекции и дальше от треугольного ползунка цветовой диапазон уменьшается, а спадание увеличивается.
- Цветную полосу можно перетаскивать, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы в центре оказывался другой цвет.
Набор ползунков коррекции «Цветовой тон/Насыщенность»![Набор ползунков коррекции «Цветовой тон/Насыщенность» в Photoshop]()
A. Значения ползунка «Цветовой тон» B. Коррекция спадания без изменения диапазона C. Коррекция диапазона без изменения степени спадания D. Коррекция цветового диапазона и спадания E. Перемещение набора ползунков целиком
![]()
Если переместить набор ползунков так, что он попадет в другой цветовой диапазон, имя в меню (справа от инструмента прямой коррекции ) изменится, отразив цветовой диапазон. Например, если выбрать пункт «Желтые» и изменить диапазон так, что набор ползунков попадет в красную часть цветной полосы, имя в списке изменится на «Красные 2». Можно преобразовать до шести индивидуальных цветовых диапазонов в вариации одного цветового диапазона (например, от «Красные» до «Красные 6»).
По умолчанию при выборе компонента цвета выделяется диапазон цвета шириной 30° со спаданием в размере 30° с каждой стороны. Слишком низкое значение спадания может привести к появлению полос на изображении.
Читайте также:
