ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Кто на сайте

Сейчас 268 гостей и 3 зарегистрированных пользователей на сайте

  • serg-952
  • tanyaf
  • ton2011

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Что такое цвет и как его получить в Photoshop? Модель HSB

Что такое цвет и как его получить в Photoshop?

Модель HSB

Наш третий урок по работе с цветом и тоном в Photoshop посвящен цветовой модели HSB.

Модель HSB - это наиболее понятная для человека модель цвета, так как наше восприятие любого оттенка цвета практически основано на этой модели.

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

К примеру, в таком отличной команде, как "Цветовой тон/Насыщенность".

Там даже сами маркеры настройки так и называются:

  • Hue - цветовой тон
  • Saturation - насыщенность
  • Brightness - яркость

Т.е., по начальным буквам названий получаем модель HSB.

По числовому значению движка "Цветовой тон" (Hue) очень удобно оценивать какой оттенок цвета мы получаем.

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

Приятного и полезного просмотра! 

model hsb

Вся серия материалов на эту тему здесь:

Если у Вас не очень быстрый Интернет, нажмите на "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":

    

 

Друзья!

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

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

 

 

 

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

Форма для подписки находится ниже.

 

  

Печать

Комментарии  

Валерий
+3 # Валерий 25.11.2018 21:30
Спасибо!
Ответить | Ответить с цитатой | Цитировать
Tania75M
+3 # Tania75M 25.11.2018 20:00
Олег, добрый вечер! Постепенно закрывается пробел в понимании получения того или иного цвета в фотошопе. Информация нужная и ценная. Если будет углубленное обучение, обязательно приму участие. Еще раз отдельное спасибо за качественную подачу материала.
Ответить | Ответить с цитатой | Цитировать
gelsominosvet
+4 # gelsominosvet 25.11.2018 08:22
Доброе утро!
Олег Николаевич, спасибо за познавательный урок! Для меня всё ново, поэтому вдвойне ценно.
С уважением, Светлана.
Ответить | Ответить с цитатой | Цитировать
АНАТОЛИЙ СЕРГЕЕВИЧ КУЩ
-4 # АНАТОЛИЙ СЕРГЕЕВИЧ КУЩ 24.11.2018 18:07
Мне это не нужно
Ответить | Ответить с цитатой | Цитировать
Валентина
+2 # Валентина 24.11.2018 11:53
Здравствуйте, уважаемый Олег! Мне приходиться пользоваться этой моделью при редакции старых фото. Большое спасибо за понятное, доступное для "чайников" изложение материала, подкреплённое подробной транскрипцией. С уважением Валентина.
Ответить | Ответить с цитатой | Цитировать
Алексей
+4 # Алексей 24.11.2018 11:33
Олег, добрый день,
Спасибо. Уроки очень интересные. Объясняете очень доходчиво... сложное простым языком, почти на "пальцах"... не каждый так умеет...
Это комплимент в ваш адрес.
Не только в этом уроке, но и в других ваших уроках чувствуется любовь к тому, чем вы занимаетесь и желание научить вашему любимому делу других людей...
Уроки по теории цвета для меня очень познавательные... про "охотника и фазана" я знаю и помню с седьмого класса, а это было уже в далеком 1968 году... и к тому же на уроках физики... а вот то, что я сейчас узнаю от вас - для меня это просто открытие...
Спасибо большое. С нетерпением жду ваши следующие уроки.
P.S.
Фотошоп Ps CC2019 установил/ купил меньше месяца тому назад... для обработки RAW файлов... поэтому все началось с Bridge и ACR... а теперь потихоньку перехожу на Ps.
С уважением.
Алексей
Ответить | Ответить с цитатой | Цитировать
Николай
+1 # Николай 23.11.2018 22:02
Интересно, а вот модель LAB имеет вполне схожую структуру, но попробую и с hsb.
Ответить | Ответить с цитатой | Цитировать
Владимир
-1 # Владимир 23.11.2018 21:51
Приветствую Вас, Олег Николаевич! Хочу быть честным: а очень сильно мне, начинающему, - нужны такие тонкости, наверное я уже не успею стать таким профессионалом, а для работы с Фотошопом тех уроков, что вы даёте достаточно, я так думаю. Извините за откровенность, но так будет честнее и Вам меньше заботы.С уважением. Владимир.
Ответить | Ответить с цитатой | Цитировать
Tania75M
+1 # Tania75M 25.11.2018 19:14
Владимир, что за пессимистическое настроение? Учиться никогда не поздно, хотя Вы и не собираетесь быть профессионалом. Информация, которую дает Олег в своих уроках, ценная и для простого фотошоп-любителя.
Ответить | Ответить с цитатой | Цитировать
Student
+2 # Student 23.11.2018 19:34
Спасибо большое! Со скрипом начинаю кое-что понимать :-)
Ответить | Ответить с цитатой | Цитировать

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

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


Прикрепить фотографии