→ Пошук по сайту       Увійти / Зареєструватися
Знання Усе про колір. Робота з кольором

Робота з кольором

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

Основні поняття

Всім відомо, що спектр складається з семи кольорів, назви яких глибоко запали в голову ще з школи завдяки мнемонічному заклинанню «Чоловік Охоче Жінку Заміж Бере Собі Файну».

На мал. 1 показана смуга, отримана шляхом розкладання променя білого світу на складові кольори за допомогою скляної призми.

Мал. 1. Спектральні кольори

Колірний круг виходить, якщо смугу спектру приведену на мал. 1, уявити у вигляді гнучкої пластини і зігнути її в коло (мал. 2). Хоча в круга за визначенням немає початку, традиційно червоний колір орієнтують на північ, від нього і ведуть відлік.

Мал. 2. Спектральний колірний круг

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

Це пов'язано з тим, що будь-який відтінок на екрані монітора формується за рахунок трьох складових червоного, зеленого і синього кольору.

Відповідно, в кожного з цих кольорів є свій антагоніст, що у результаті (3х2) і дає шість кольорів, а не сім, як в спектрі.

Мал. 3. Спрощений колірний круг

Червоний, зелений і синій кольори називаються основними, оскільки саме вони відповідають за формування необхідного кольору на екрані монітора. На колірному крузі ці кольори максимально рівновіддалені один від одного і кут між ними складає 120 градусів (мал. 4).

Мал. 4. Основні кольори

Основні кольори входять в аддитивну колірну модель (от add — складати), при якій складання всіх трьох кольорів утворює білий колір. До такої моделі відноситься RGB.

Зауваження
Приведена схема основних кольорів працює лише для комп'ютерних графічних систем. У традиційних художників основними кольорами вважається червоний, жовтий і синій.

Кольори, які протиставляються основним, називаються компліментарними або додатковими. До них відноситься жовтий, блакитний і фіолетовий, останній в різних літературних джерелах інколи ще називають пурпурним (мал. 5).

Мал. 5. Компліментарні або додаткові кольори

Ці кольори дуже важливі для субстрактивной колірної моделі (від subtract — віднімати), при якій колір формується за рахунок часткового поглинання і віддзеркалення променів світла від об'єкту. До такої моделі відноситься CMYK.

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

Мал. 6. Кут для завдання кольору

Значенням 0 і 360 градусів відповідає червоний колір, він починає і замикає точку відліку. Основні і додаткові кольори отстоят один від одного на 60 градусів, так, для зеленого кольору кут буде рівний 120 градусів, а для блакитного кольору — 180.

Принципи колірного круга

З колірним кругом зв'язані наступні особливості:

  • Кольори розташовані напроти один одного, тобто віддалені на 180 градусів, є контрастними. При їх змішенні в аддитивній моделі виходить білий колір. До контрастних пар відносять кольори жовтий з синім і червоний з блакитним.
  • Контрастні кольори взаємно виключають один одного. Якщо в зображенні підвищити рівень червоного кольору, це автоматично зменшить рівень блакитного. І навпаки, якщо знизити рівень червоного кольору, то це приведе до підвищення рівня блакитного.
  • Будь-який колір виходить змішуванням довколишніх до нього кольорів. Так, жовтий колір утворюється складанням червоного і зеленого.
  • Оскільки кожен колір в деякому роді є сумішшю інших кольорів, то посилення значення одного кольору в зображенні автоматично наводить і до підвищення рівня його складових, і навпаки. Наприклад, зелений колір виходить змішенням жовтого і блакитного кольору. Якщо підвищити значення зеленого кольору в зображенні, то одночасно станеться посилення і жовтого з блакитним. Вірно і зворотне, зміна жовтої і блакитної компоненты впливає на рівень зеленого кольору.
  • Кожному кольору можна протиставити не один контрастний колір, а пару, яка його утворює. Аби знизити значення червоного кольору, можна підсилити значення блакитного кольору або одночасно підсилити рівень зеленого і синього, що приведе до того ж результату.

Використання колірного круга

Розглянемо, яким чином можна використовувати приведені вище принципи на практиці, зокрема, в графічному редакторові Photoshop. Для прикладу візьмемо чорно-білу фотографію, на ній добре будуть помітні будь-які маніпуляції з кольором (мал. 7).

Мал. 7. Вихідна фотографія

Інструмент Color Balance (Баланс кольору)

Принципи колірного круга наочно використовуються при роботі з інструментом Color Balance (Image > Adjustments > Color Balance...), який легко можна активізувати за допомогою комбінації Ctrl+B.

На мал. 8 представлений вигляд панелі.

Мал. 8. Панель інструменту Color Balance

Інструмент надає три основні повзунки, які управляють значенням червоного, зеленого і синього кольору. В кожного кольору є свій антагоніст, тому пониження рівня одного кольору наводить до підвищення значення кольору, контрастного до нього.

Значення будь-якого компонента може змінюватися в умовних одиницях від -100 до 100. Виставлене значення показане в полі Color Level, там же можна встановлювати точні показники.

Будь-яке зображення характеризується такими показниками яскравості, як: тіні (Shadows), середні тони (Midtones) і світла (Highlights). Для кожного з них можна міняти свої налаштування кольору в ту або іншу сторону. Після виставляння значень кольору, приведених на мал. 8, вихідна фотографія набуває помаранчевого відтінку (мал. 9).

Мал. 9. Зміна кольору у фотографії

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

Наступний інструмент, Curves (Image > Adjustments > Curves..., активація клавішами Ctrl+M), який активно застосовується для цветокоррекции зображень, також заснований на роботі колірного круга, хоча і не так явно, як попередній інструмент.

Мал. 10. Панель інструменту Curves

Криві маніпулюють з яскравістю і є графіком відношення вхідної яскравості до вихідний. Оскільки спочатку жодних змін не вироблялися, то ці значення рівні між собою і графік виглядає у вигляді прямої, нахиленої під кутом 45 градусів. Для кожного каналу криві можна набудовувати індивідуально, управляючи тим самим, кольором в зображенні. Хоча каналів всього три, слід розуміти, що працюємо ми з шістьма базовими кольорами.

Наприклад, аби підсилити блакитний відтінок, що автоматично знижує рівень червоного, для каналу Red слід встановити криву, показану на мал. 11.

Мал. 11. Крива для зменшення значення компоненти кольору

Підвищення значення вихідної яскравості (мал. 12) наводить до посилення вибраної компоненты кольору. Таким чином, під'їм або опускання кривих в різних каналах дозволяє встановити будь-який колір в зображенні.

Мал. 12. Крива для підвищення значення компоненты кольору

Висновок

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

загрузка...
Сторінки, близькі за змістом