Что такое цвет и как его получить в Photoshop? Модель HSB
Что такое цвет и как его получить в Photoshop?
Модель HSB
Наш третий урок по работе с цветом и тоном в Photoshop посвящен цветовой модели HSB.
Модель HSB - это наиболее понятная для человека модель цвета, так как наше восприятие любого оттенка цвета практически основано на этой модели.
Кроме того, в работе некоторых инструментов фотошопа так же применяется эта модель.
К примеру, в таком отличной команде, как "Цветовой тон/Насыщенность".
Там даже сами маркеры настройки так и называются:
- Hue - цветовой тон
- Saturation - насыщенность
- Brightness - яркость
Т.е., по начальным буквам названий получаем модель HSB.
По числовому значению движка "Цветовой тон" (Hue) очень удобно оценивать какой оттенок цвета мы получаем.
Урок сделан в русифицированной программе СС 2018, но может быть легко повторен практически в любой версии фотошопа.
Приятного и полезного просмотра!
Вся серия материалов на эту тему здесь:
- статья "Выборочная коррекция фото"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель RGB"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель CMYK"
- видео урок "Как определить цвет изображения по цифрам в RGB"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель LAB"
- видео урок "Тоновая и цветовая коррекция. Три правила работы с цветовым кругом"
Если у Вас не очень быстрый Интернет, нажмите на "Play", а потом на паузу и немного подождите пока видео подгрузится для его комфортного просмотра.
-
Автор - Накрошаев Олег - Продолжительность видеоурока - 15 мин 28 сек
- Размер картинки - 1920х1080 (Full HD)
- Формат видео - MP4
- Размер архива - 55,3 Мб
Транскрибация урока:
В этом уроке мы поговорим о модели HSB. Файл "HSB".
Любой цвет в модели HSB определяется своим цветовым тоном (Hue - хью) — собственно цветом, насыщенностью (Saturation - сатюрейшен) — процентом добавления к цвету белой краски и яркостью (Brightness - брайтнесс) — процентом добавления черной краски.
Спектральные цвета или цветовые тона располагаются по краю цветового круга и характеризуются на нем положением, определяемым величиной угла в диапазоне от 0 до 360 градусов.
Эти цвета обладают максимальной (100 %) насыщенностью (S) и яркостью (B).
Насыщенность изменяется по радиусу круга от 0 (в центре) до 100 % (на краях).
При значении насыщенности 0 % любой цвет становится белым.
Яркость — параметр, определяющий освещенность или затемненность. Все цвета цветового круга имеют максимальную яркость (100 %) вне зависимости от тона. Уменьшение яркости цвета означает его затемнение. Для отображения этого на модели добавляется новая координата, направленная вниз, на ней откладываются значения яркости от 100 до 0 %.
В результате получается цилиндр, который образуется из серии кругов с уменьшающейся яркостью, нижний слой — черный.
Для проверки сказанного откроем диалоговое окно выбора цвета. В поля S и B введем максимальное значение 100 %, а в поле H — минимальное значение 0°.
В результате мы получим чистый красный цвет солнечного спектра.
Этому же цвету соответствует красный цвет модели RGB, его код (255, 0, 0), что указывает на соответствие этих моделей друг другу.
Почему в поле H мы ввели значение 0°, чтобы получить красный цвет.
Просто потому, что за отсчет 0° в этой модели приняли красный цвет, т.е. отсчет начинается с чисто красного цвета.
В поле H будем изменять значение угла с шагом 10°.
Мы будете получать цвета в том порядке, как они расположены в спектре - радуге: красный сменится оранжевым, оранжевый — желтым, желтый — зеленым и т. д.
Угол 60° дает желтый цвет (255, 255, 0), 120° — зеленый (0, 255, 0), 180° — голубой (255, 0, 255), 240° — синий (0, 0, 255) и т. д.
Чтобы получить розовый цвет — на языке модели HSB блеклый красный — необходимо в поле H ввести значение 0°, а насыщенность (S) понизить, например, до 50 %, задав максимальное значение яркости (B).
Серый цвет для модели HSB — это сведенные к нулю цветовой тон (H) и насыщенность (S) с яркостью (B) меньше 100 %.
Вот примеры светло-серого: H = 0, S = 0, B = 80 % и темно-серого цветов: H = 0, S = 0, B = 40 %.
Белый цвет задается так: H = 0, S = 0, B = 100 %, а чтобы получить черный цвет, достаточно снизить до нуля значение яркости при любых значениях тона и насыщенности.
В модели HSB любой цвет получается из спектрального цвета, который напомню располагается по краю цветового круга добавлением определенного процента белой и черной красок.
Поэтому HSB — это очень простая в понимании модель, которую используют маляры и профессиональные художники.
У них обычно есть несколько основных красок, а все другие получаются добавлением к ним черной или белой.
Однако при смешивании художниками красок, полученных на основе базовых, цвет выходит за рамки модели HSB.
Давайте теперь подойдем к модели HSB со стороны цветового круга.
Главное отличие от моделей RGB и CMYK заключается в том, что с помощью этой модели нельзя синтезировать цвет.
Что такое синтезировать цвет - это значит вызвать у человека цветовое ощущение.
На моделях RGB и CMYK можно создать устройство, которое будет у нас вызывать ощущение цвета.
Создать HSB устройство невозможно, потому что на входе, т.е. в глазах человека находятся рецепторы, которую по сути представляют собой RGB систему.
Но с помощью HSB системы очень удобно описывать цвет.
Разберемся еще раз с понятиями цветового тона, насыщенности и яркости.
- Цветовой тон (Hue - хью) - это оттенок цвета, т.е. то место, которое оттенок цвета занимает в радуге. Цветовой тон (Hue - хью) откладывается в градусах, по традиции 0° - это красный цвет, далее 60° - желтый цвет 120° — зеленый, 180° — голубой и т.д., 360 - это опять тот же красный цвет, с которого мы начинали.
- Насыщенность (Saturation - сатюрейшен) - это отличие цвета от аналогичного по яркости нейтрального серого.
На цветовом круге насыщенность возрастает от центра по радиусу на край круга.
К примеру, откроем палитру цветов и поставим насыщенный оранжевый цвет - FF8000.
Теперь поставим тоже оранжевый цвет, вот такой - b38970.
Он то же оранжевый, но он гораздо ближе к серому, т.е. менее насыщенный оранжевый цвет.
Т.е., эти два цвета отличаются по насыщенности.
- Яркость (Brightness - брайтнесс). На этом цветовом круге яркости нет. Она перпендикулярна кругу, т.е. перпендикулярна вашему экрану.
В результате получаем цветовой цилиндр, который я показывал вам чуть раньше.
Здесь мы так же имеем три параметра, как и у RGB и CMYK, но эта система как-то немного ближе к нам. Почему?
Когда мы на бытовом уровне оцениваем цвет, мы по сути пользуемся этой цветовой моделью.
К примеру, возьмем тенниску, файл "Оранжевая тенниска". Как мы определяем цвет: смотрим на тенниску и говорим - это оранжевая тенниска.
Тем самым мы определили Цветовой тон (Hue - хью). Конечно, очень приблизительно, но главное мы поняли, что это не голубой, не желтый, не синий и т.д.
Эта тенниска довольно сочная, значит насыщенность цвета довольно высокая - определили 2-й параметр Насыщенность (Saturation - сатюрейшен).
Осталась Яркость (Brightness - брайтнесс). Примерно прикидываем и определяем, что яркость примерно средняя, не темная и не светлая.
В результате для определения цвета мы по сути воспользовались системой HSB, но конечно весьма приблизительно.
Цветовая модель HSB удобна для описания цвета, особенно очень удобно ориентироваться по значению Цветового тона (Hue - хью), чтобы определить цветовой оттенок.
Но в подавляющем большинстве случаем мы с Вами работаем в цветовой модели RGB.
Поэтому в следующем уроке будем учиться оценивать цвет по числовым значениям RGB.
СКАЧАТЬ УРОК
"Что такое цвет и как его получить в Photoshop? Модель HSB":
Друзья!
Если Вам понравился урок, то нажимайте на кнопки соцсетей, чтобы и Ваши друзья получили пользу от этого урока.
Оставляйте свои комментарии и задавайте вопросы.
Если Вы хотите посмотреть всю серию бесплатных видео уроков по данной теме, подпишитесь на специальную рассылку сайта.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии
Олег Николаевич, спасибо за познавательный урок! Для меня всё ново, поэтому вдвойне ценно.
С уважением, Светлана.
Спасибо. Уроки очень интересные. Объясняете очень доходчиво... сложное простым языком, почти на "пальцах"... не каждый так умеет...
Это комплимент в ваш адрес.
Не только в этом уроке, но и в других ваших уроках чувствуется любовь к тому, чем вы занимаетесь и желание научить вашему любимому делу других людей...
Уроки по теории цвета для меня очень познавательные... про "охотника и фазана" я знаю и помню с седьмого класса, а это было уже в далеком 1968 году... и к тому же на уроках физики... а вот то, что я сейчас узнаю от вас - для меня это просто открытие...
Спасибо большое. С нетерпением жду ваши следующие уроки.
P.S.
Фотошоп Ps CC2019 установил/ купил меньше месяца тому назад... для обработки RAW файлов... поэтому все началось с Bridge и ACR... а теперь потихоньку перехожу на Ps.
С уважением.
Алексей