В основі багатьох інструментів Photoshop, що працюють з кольором лежі, модель HSB без ясного уявлення про її пристрій важко налаштувати якісний робочий процес обробки зображень. Внесення ясності до цього питання присвячено цю статтю.

Колірна модель HSB

Я вже звертався до теми пристрою колірної моделі HSB, коли говорив про корекцію кольору за допомогою . Тим часом з'явилася необхідність зупинитися на цій темі більш докладно у зв'язку з виходом серії, що планується, статтею присвячених корекції кольору з першою з яких можете познайомитися тут. Бо більшість «інструментів», що працюють з кольором, мають у своїй основі саме цю колірну модель.

І так, приступимо: HSB абревіатура англійських слів Hue, Saturation, Brightnessу перекладі російською Тон, Насиченість і Яскравість — три координати цієї колірної моделі. Визначимося з цими поняттями щоб уникнути різночитань надалі:

Тон– власне колір, його вибір у даній колірній моделі здійснюється поворотом по колу на певний градус.

Точка відліку 0 градусів знаходиться у середині червоного спектру. 60 градусів жовтий колір, 120 зелений, 180 ціан, 240 синій, 300 пурпурний (маджента) і повертаємося у вихідну точку - 360о червоний колір.

Насиченість- Інтенсивність обраного (хроматичного) кольору, тобто відмінність від рівного йому за яскравістю (ахроматичного) сірого кольору. У HSB визначається відстанню у відсотках від цента кола 0% нейтрально сірий колір до 100% край кола – найбільш насичений «чистий колір».

Яскравість– параметр, який визначає кількість світла, відображеного від об'єкта, пофарбованого в певний колір. Вимірюється у відсотковому відношенні. 0% мінімальне відображення, будь-який колір із мінімальною яскравістю стає чорним. 100% максимальне відображення – білий колір.

Оперуючи цими визначеннями легко графічно уявити колірну модель HSB як циліндра як висоти якого виступає яскравість (B), радіус — насиченість (S) і довжина кола тон (H).

Палітра вибору кольору (Color Picker) у Photoshop

Озброївшись цими поняттями звернемося до палітрі вибору кольоруу Photoshop, що найбільш наочно ілюструє принцип вибору кольору. Викликати яку можна подвійним кіком по полю кольору на панелі інструментів.

Клацнувши верхній квадрат, отримуємо можливість виклику палітри для зміни кольору переднього плану, нижній відповідно дозволить змінити колір фону.

Детально познайомитися з пристроєм цієї палітри ви можете, використовуючи "чарівну" кнопку F1 під час роботи з програмою.

Перше на що звертаєш увагу відкритті Color Picker - велике квадратне поле, яке є ніщо інше як зріз вже знайомого циліндра від центру до краю.

Пересуваючи мету вибору всередині цього поля по вертикалі, ми регулюємо складову яскравості. Рухаючи її горизонталлю — змінюємо значення насиченості. При цьому сам колір ніяк не змінюється, за цей параметр відповідає райдужна смуга з права.

Вона є розрізаним і випрямленим за червоним кольором, який є початком відліку (0о), колірним кругом. Повзунки, що знаходяться з двох сторін смуги, дозволяють змінювати кут повороту по колу, незважаючи на те, що пересуваються вони вгору-вниз, тим самим вказуючи потрібний колір.

Можна прогулятися по колірному колу, встановивши максимальні значення для більшої наочності, насиченості і яскравості S, B -100% змінювати тільки значення для кута повороту (Н) вибраний чистий, колір буде показаний у верхній частині вікна перегляду.

Щоб отримати нейтрально сірий колір 50% потрібно значення насиченості знизити до 0% яскравість встановити в 50%. значення тону при цьому не відіграють жодної ролі

Попрацюйте з цією палітрою змінюйте параметри HSB подивіться, що відбувається з кольором. Перейдіть на параметр насиченості S встановивши чек бокс на нього, подивіться як зміниться вікно вибору і смуга тону, мало того зміняться і їх призначення, проробіть ту ж операцію з яскравістю.

Орієнтуйтесь на зміни параметрів у полях HSB при переміщенні мішені та повзунків, це допоможе зрозуміти, що відбувається з кольором. Через невеликий час, проведене за цими експериментами, ви зможете усвідомити для себе як взаємодіють параметри Hue, Saturation, Brightness і який внесок робить кожен з них у формуванні кольору.

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

Тема уроку «Палітри кольорів у системах передачі кольорів RGB, SMYK, HSB»

9 клас

1 година навчального часу

Тип уроку: ознайомлення з новим матеріалом

Вигляд уроку: змішаний

Технологія: особистісно-орієнтована, що розвиває

На момент проведення уроку учні повинні

знати:

одиниці виміру інформації

поняття просторової дискретизації

формулу зв'язку кількості кольорів на палітрі та кількості інформації

графічні режими екрана монітора

вміти :

здійснювати переклад одиниць інформації

визначати кількість графічної інформації

коротко конспектувати основні моменти лекції

Цілі уроку:

перевірити рівень освоєння матеріалу минулого уроку

сформувати уявлення про сприйняття кольору людиною

познайомиться з процесом розкладання квітів на складові.

розглянути особливості кольору екранами моніторів

розглянути відмінності в палітрах кольорів у різних системах кольору

закріпити вміння з знаходження глибини кольору та обсягу зображення.

Завдання уроку:

Освітня: закріпити знання на визначення глибини кольору, кількості кольорів, навчити визначати кольори за заданою інтенсивністю базових кольорів, навчити визначати кольори, якщо є фарби в системі передачі кольоруRGB, CMYK.

виховна : формування загальнокультурних навичок роботи з графічною інформацією, формування інформаційної культури, виховувати уважність, акуратність, самостійність;

розвиваюча : розвивати алгоритмічне мислення; навички використання прикладного програмного забезпечення; вміння вирішувати інформаційні завдання.

В результаті вивчення даної теми учні повинні

знати:

палітри кольорів у різних системах кольору

вміти:

визначати кольори, якщо є фарби в системі передачі кольоруRGB, CMYK.

Комплексно-методичне забезпечення:

Інтерактивна дошка;

матеріали для перевірки домашнього завдання (інформаційний диктант)

презентація “Палітри кольорів у системах передачі кольорівRGB, SMYK, HSB” Підручник Н.Д. Угріновича для 9 класу§ 1.5

План уроку:

Організаційний момент (2 хв).

Перевірка домашнього завдання (20 хв).Діктант «Основні поняття комп'ютерної графіки»та вирішення завдань біля дошки

Новий матеріал (15 хв).

Закріплення вивченого матеріалу: відповіді на запитання (5 хв)

Підбиття підсумків (2 хв)

Домашнє завдання (1 хв).

Хід уроку

1. Організаційний момент

Привітання, хто відсутній

2. Перевірка домашнього завдання

Д іктант "Основні поняття комп'ютерної графіки" (учні записують поняття)

1. Мінімальна ділянка зображення, для якої незалежно можна задати колір, називається ПІКСЕЛЬ

2. Чим роздільна здатність нижче, тим розмір пікселя БІЛЬШ

3. Чим нижче роздільна здатність, тим якість зображення НИЖЧЕ
4. Завершіть фразу: Сканер має апаратне та оптичне .. ДОЗВІЛ

5. Кількість інформації, яка використовується для кодування кольору крапки, називається ГЛУБИНА

6. За допомогою цього пристрою можна здійснювати процес просторової дискретизації. СКАНЕР

7 . Цей вид інформації може бути представлений у двох формах: аналогової та дискретної. ГРАФІЧНА

Розв'язання задачі біля дошки (2 учні). Завдання відображені на інтерактивній дошці:

1. Визначте кількість кольорів на панелі при глибині кольору 4, 8, 16, 24, 32 біти. Дозволяється користуватися комп'ютерним калькулятором.

2. Кольорове растрове зображення з палітрою 65536 кольорів має розмір 100х100 пікселів. Який інформаційний обсяг має це зображення?

3. Для зберігання зображення розміром 64х32 пікселів виділено 64 кбайт пам'яті. Якою є максимально можлива кількість кольорів на панелі зображення?

4. 256 кольоровий малюнок містить 10 байт інформації. Зі скількох точок він складається?

Актуалізація знань (фронтальне опитування):

- Згадуючи раніше вивчену тему «Кодування графічної інформації», дайте відповідь, будь ласка, на запитання:Як графічна інформація подається на комп'ютері?

За допомогою якої формули ми можемо обчислитиінформаційний обсяг графічного зображення?

- Назвіть дві основні форми подання графічної інформації.

3. Мотивація

Згадаймо курс фізики. На які кольори може бути розкладений білий колір?

Учні згадують оптичні прилади та кольори веселки.

Тема нашого урокуПалітри кольорів у системах кольору RGB , CMYK , HSB ”

( Презентація 1 слайд 1 ).

4. Вивчення нового матеріалу

Як влаштовано світлосприйняття людини?

( Людина сприймає колір за допомогою рецепторів – колб. Найбільша чутливість припадає на червоний, зелений та синій кольори, сума яких у різних поєднаннях дає відтінки. ) . ( слайд 2-3 ).

Сьогодні ми дізнаємося, як здійснюється передача кольорів за допомогою комп'ютерів.

Нам відомі такі системи кольору: (слайд 4 ).

З екрану комп'ютера ми також сприймаємо кольори як поєднання базових кольорів – червоний, синій та зелений. Така система називається за першими буквами базових кольорів англійською мовою.redR, greenG, blueB– RGB . (Слайд 5-6)

Накладання кольорів один на одного дає нам інші відтінки.

Учні працюють із солодом із формування відтінків із базових кольорів. (Слайд 7-8)

Де застосовується системаRGB(слайд 9)

Розглядається палітраSMYK(Слайд 10-13)

Де застосовується системаSMYK(слайд 14)

Розглядається палітраHSBта формування квітів у цій палітрі(Слайд 16-17)

5. Закріплення вивченого матеріалу

Учням пропонується відповісти на запитання щодо пройденого матеріалу(Слайд 18)

6. Підбиття підсумків уроку

Виставлення оцінок, запис домашнього завдання (слайд 16 )

Щоб скористатися попереднім переглядом презентацій, створіть собі обліковий запис Google і увійдіть до нього: https://accounts.google.com

Підписи до слайдів:

Біле світло має складну структуру.

У 1666 р. Ісаак Ньютон за допомогою скляної призми вперше досліджував біле світло та встановив його складний склад. Відео Ісаак Ньютон

Біле світло має складну структуру!

Склад білого світла: Фіолетовий Синій Блакитний Зелений Жовтий Помаранчевий Червоний Для запам'ятовування квітів у спектрі користуються умовною фразою: «Кожний Мисливець Бажає Знати, де Сидить Фазан».

Око людини Людина сприймає світло за допомогою колірних рецепторів (так званих колб), що знаходяться на сітківці ока.

Базові кольори Найбільша чутливість колб припадає на червоний, зелений та синій кольори, які є базовими для людського сприйняття.

Тема уроку: Палітри кольорів у системах передачі кольорів RGB, CMYK та HSB.

Системи передачі кольору: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) червоний зелений синій чорний жовтий пурпурний блакитний відтінок насиченість яскравість

RGB Основними кольорами є червоний, зелений, синій. Палітра кольорів формується шляхом додавання червоного, зеленого та синього кольорів. Колір палітри можна визначити за допомогою формули:

Колір Коди інтенсивності базових кольорів Червоний Зелений Синій Чорний 00000000 0 00000000 0 00000000 0 Червоний 11111111 255 00000000 0 00000000 0 Зелений 00000 0 0 Синій 00000000 0 00000000 0 11111111 255 00000000 0 11111111 255 11111111 255 Пурпурний 100 100 11111111 255 11111111 255 00000000 0 11111111 255 11111111 255 11111111 255 Кодування кольорів при глибині кольору 24 біта

RGB Застосовується на моніторах комп'ютерів, телевізорах та інших випромінювальних технічних пристроях.

CMYK Основними кольорами є блакитний, пурпуровий та жовтий. Палітра кольорів формується: шляхом віднімання з білого кольору певних кольорів шляхом накладання блакитного, пурпурового, жовтого кольору. Колір палітри можна визначити за допомогою формули

Колір Формування кольору Black = C + M + Y = W - G - B - R White = (C = 0, M = 0, Y = 0) Red = Y + M = W - G - B Green = Y + C = W – R – B Blue = M + C = W – R – G Cyan = W – R = G + B Magenta = W – G = R + B Yellow = W – B = R +G Формування кольорів у системі передачі кольорів CMYK

CMYK Заснована на сприйнятті не випромінюваного, а світла, що відбивається. Застосовується в поліграфії, друку зображень на принтерах (т.к. надруковані документи сприймаються людиною у відбитому світлі).

Найголовніше: Існують наступні системи кольору: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) Палітра кольорів в системі кольору RGB формується шляхом складання червоного, зеленого та синього кольорів. Колір палітри можна визначити за допомогою формули:

Найголовніше: Основними кольорами в системі передачі кольорів CMYK є блакитний, пурпуровий, жовтий. Палітра кольорів формується шляхом віднімання з білого кольору певних кольорів шляхом накладання блакитного, пурпурового, жовтого кольору. Колір палітри можна визначити за допомогою формули

Найголовніше: Система кольоропередачі HSB використовує як базові параметри Hue (відтінок кольору), Saturation (насиченість), Brightness (яскравість). Параметр Hue дозволяє вибрати відтінок кольору з усіх кольорів оптичного спектру, починаючи з червоного кольору і закінчуючи фіолетовим. Параметр Saturation визначає відсоток «чистого» відтінку та білого кольору. Параметр Brightness визначає інтенсивність кольору

Виконати завдання: Завдання 1.7 (стор.21) Визначити кольори, якщо задані інтенсивності базових кольорів у системі передачі кольорів RGB Завдання 1.8 (стор.21) Визначити кольори, якщо на папір нанесені фарби в системі кольору CMYK .

Завдання 1.7 Колір Інтенсивність базових кольорів Червоний Зелений Синій 00000000 00000000 00000000 11111111 00000000 00000000 11111111 00000000 11111111 11111111 11111111 00000000 11111111 11111111 11111111 111111

Завдання 1.8 (стор.21) Колір Формування кольору (C = 0, M = 0, Y = 0) Y + M = W – G – B Y + C = W – R – B M + C = W – R – G W – R = G + B W - G = R + B W - B = R + G

Людина сприймає світло за допомогою колірних рецепторів (так званих колб), що знаходяться на сітківці ока. Найбільша чутливість колб припадає на червоний, зелений та синій кольори, які є базовими для людського сприйняття. Сума червоного, зеленого та синього кольорів сприймаються людиною як білий колір, їх відсутність – як чорний, а різні поєднання – як численні відтінки кольорів.

З екрану монітора людина сприймає колір як суму випромінювання трьох базових кольорів: червоного, зеленого та синього. Така система кольору називається RGB, за першими буквами англійських назв кольорів (Red - червоний, Green - зелений, Blue - синій). Кольори на панелі RGB формуються шляхом складання базових кольорів, кожен із яких може мати різну інтенсивність. Колір Color панелі можна визначити за допомогою формули.

Color = R + G + В де 0

При глибині кольору 24 біти на кодування кожного з базових кольорів виділяється по 8 бітів. У цьому випадку для кожного з кольорів можливі N = 28 = 256 рівнів інтенсивності. Рівні інтенсивності задаються кодами: десятичними (від мінімальної – 0 до максимальної – 255); -Двійковими (від до)

Кодування кольорів при глибині кольору 24 біта Колір Двійковий і десятковий коди інтенсивності базових кольорів Червоний Зелений Синій Чорний Червоний Зелений Синій Блакитний

Під час друку зображень на принтерах використовується палітра кольорів у системі CMYK. Основними фарбами в ній є Cyan – блакитна, Magenta – пурпурна та Yellow – жовта. Система CMYK, на відміну від RGB, заснована на сприйнятті не випромінюваного кольору, а світла, що відбивається. Надруковане на папері зображення людина сприймає у відбитому світлі. Якщо на папір фарби не нанесені, то світло, що падає, повністю відбивається, і ми бачимо білий аркуш паперу Якщо фарби нанесені, то вони поглинають певні кольори. Кольори на панелі CMYK формуються шляхом віднімання з білого кольору певних кольорів.

Cyan = W – R = G + В Нанесена на папір блакитна фарба поглинає червоне світло та відображає зелене та синє світло, і ми бачимо блакитний колір. Cyan = W – R = G + В Magenta = W – G = R + В Нанесена на папір пурпурна фарба поглинає зелене світло та відображає червоне та синє світло і ми бачимо пурпуровий колір. Magenta = W - G = R + Yellow = W - В = R + G Нанесена на папір жовта фарба поглинає синє світло і відображає червоне і зелене світло, і ми бачимо жовтий колір. Yellow = W - В = R + G Red = У + М = W - R - У Якщо нанести на папір пурпурну і жовту фарби, то поглинатиметься зелений і синій колір, і ми побачимо червоний колір. Red = У + М = W - R - В Green = У + С = W - R - У Якщо нанести на папір блакитну та жовту фарби, то поглинатиметься червоний та синій колір, і ми побачимо зелений колір. Green = У + С = W – R - У Якщо нанести на папір пурпурну та блакитну фарби, то поглинатиметься зелений та червоний колір, і ми побачимо синій колір. Blue = М + С = W - R - G

Формування кольорів у системі передачі кольорів СМУК Колір Формування кольору Чорний Black = С + М + У = W - G - В - R Білий White = (С = 0, М = 0, У = 0) Червоний Red = У + М = W – R - В Зелений Green = У + С = W - R - В Синій Blue = М + С = W - R - G Блакитний Cyan = W - R = G + В Пурпуровий Magenta = W - G = R + В Жовтий Yellow = W - В = R + G

Змішання трьох фарб – блакитної, жовтої та пурпурової повинно призводити до повного поглинання світла, і ми повинні побачити чорний колір. Проте практично замість чорного кольору виходить брудно-бурий колір. Тому в колірній моделі присутній ще один, істинно чорний колір. Оскільки буква «В» вже використовується для позначення синього кольору, для позначення чорного кольору прийнято останню букву в англійській назві чорного кольору «Black», тобто. «К» У системі передачі кольорів CMYK палітра кольорів формується шляхом накладання блакитної, пурпурової, жовтої та чорної фарб.

Модель CMYK Модель CMYK субтрактивной, тобто. для отримання нового відтінку потрібно забрати основні кольори в певних пропорціях. Блакитний = білий – червоний = зелений + синій Пурпурний = білий – зелений = червоний + синій Жовтий = білий – синій = червоний + зелений Чорний білий + червоний + зелений + синій

Система кольоропередачі RGB застосовується в моніторах комп'ютерів, телевізорах та інших технічних пристроях, що випромінюють світло. Система передачі кольорів CMYK застосовується в поліграфії, т.к. надруковані документи сприймаються людиною у відбитому світлі. У струменевих принтерах для отримання зображення високої якості використовуються чотири картриджі, що містять базові кольори.

Система кольоропередачі HSB використовує як базові параметри Відтінок кольору (Hue), Насиченість (Saturation) та Яскравість (Brightness). Параметр Hue дозволяє вибрати відтінок кольору з усіх кольорів оптичного спектру, починаючи з червоного до фіолетового (H = 0 – червоний, H = зелений, H = 240 – синій, H = 360 – фіолетовий). Параметр Saturation визначає відсоток чистого відтінку і білого кольору (S = 0% - білий колір, S = 100% - чистий відтінок). Параметр Brightness визначає інтенсивність кольору (мінімальне значення B = 0 відповідає чорному кольору, максимальне значення B = 100 відповідає максимальній яскравості вибраного кольору).

HSB Модель HSB налаштована під сприйняття кольору людиною. У ній зверху розташовуються всі основні кольори, спадаючи по яскравості вниз. Для більш точного визначення бажаного відтінку використовується смуга градації праворуч, що дозволяє зробити вибраний колір яскравішим або темнішим. Також є вибір кольору за назвою та його координати у перекладі у модель RGB або CMYK.

Глава Підручник: Угрінович Н.Д. Інформатика та ІКТ. Базовий курс: Підручник для 9 класу. - 4-те вид. -М.: БІНОМ. Лабораторія знань

Слайд 2

Біле світло може бути розкладене за допомогою оптичних приладів (наприклад, призми) або природних явищ (райдуги) на різні кольори спектру: червоний, оранжевий, жовтий, зелений, блакитний, синій та фіолетовий. Добре відома фраза, яка допомагає легко запам'ятати послідовність кольорів у спектрі видимого світла: "Кожен мисливець бажає знати, де сидить фазан".

Слайд 3

Людина сприймає світло за допомогою колірних рецепторів, так званих колбочок, що знаходяться на сітківці ока. Найбільша чутливість колб припадає на червоний, зелений та синій кольори, які є базовими для людського сприйняття. Сума червоного, зеленого та синього кольорів сприймається людиною як білий колір, їх відсутність – як чорний, а різні їх поєднання – як численні відтінки кольорів. У веселки 7 кольорів. Око розрізняє 3 кольори. По 100 градацій на колір.

Слайд 4

Палітра кольорів у системі кольору RGB.

З екрану монітора людина сприймає колір як суму випромінювання трьох базових кольорів: червоного, зеленого та синього. Така система кольору називається RGB, за першими буквами англійських назв кольорів (Red - червоний, Green - зелений, Blue - синій). Кольори на панелі RGB формуються шляхом складання базових кольорів, кожен із яких може мати різну інтенсивність. Колір палітри Color можна визначити за допомогою формули Color = R + G + В де 0

Слайд 5

Формування кольорів у системі кольору RGB

При мінімальних інтенсивності всіх базових кольорів виходить чорний колір, при максимальних інтенсивності – білий колір. При максимальній інтенсивності одного кольору та мінімальній двох інших – червоний, зелений та синій кольори. Накладання зеленого та синього кольорів утворює блакитний колір (Cyan), накладання червоного та зеленого кольорів – жовтий колір (Yellow), накладання червоного та синього кольорів – пурпуровий колір (Magenta).

Слайд 6

В системі кольору RGB палітра кольорів формується шляхом складання червоного, зеленого і синього кольорів.

Слайд 7

Кодування кольорів при глибині кольору 24 біти

При глибині кольору 24 біти на кодування кожного з базових кольорів виділяється по 8 бітів. В цьому випадку для кожного з кольорів можливі N = 28 = 256 рівнів інтенсивності. Рівні інтенсивності задаються десятковими (від мінімального – 0 до максимального – 255) або двійковими (від 00000000 до 11111111) кодами.

Слайд 8

Слайд 9

Десяткові коди інтенсивності базових кольорів.