Вам важко даються кольори та колірні схеми? У цій статті художниця та автор коміксів Енн Мауліна пояснює, як використовувати локальні кольори та кольори освітлення, а також ділиться порадами, які допоможуть вам створювати гармонійні ілюстрації! Вступ
Колірні схеми – це комбінації кольорів, що використовуються в ілюстрації та дизайні. У дизайні колірні схеми застосовуються в основному для опису локальних кольорів (тобто кольорів об'єктів та матеріалів при нейтральному освітленні). В ілюстрації кольорові схеми допомагають передати настрій і атмосферу. На всі локальні кольори в ілюстрації впливає колір висвітлення. Наприклад, на концептуальному малюнку (ліворуч) спідниця Рієн синювато-сіра, а на ілюстрації (праворуч) вона здається темно-бірюзовою, тому що на її колір впливає зелений колір освітлення.
У розпорядженні цифрових художників тисячі кольорів достатньо лише один раз клікнути. Не забувайте також про всесильні шари, що коригують, які, на загальну думку, можуть вирішити будь-які проблеми з пофарбуванням. Ці зручні інструменти можна використовувати для прискорення роботи, проте існують і правила. Слідувати їм чи ні – вирішуйте самі. У цій статті я поясню основи роботи з кольором, які допоможуть вам підібрати потрібні колірні схеми для ваших робіт.
Застосування колірних схем
Використання гармонійних колірних схем допомагає створювати приємні оку поєднання кольорів. Колірні схеми також допоможуть вам передати глядачеві певний настрій.
Чи відчуваєте різний настрій у цих схожих картинках з коміксу? Колористика (теорія кольору)
Колористика допомагає зрозуміти закони, за якими комбінуються кольори, а також той факт, що кольори не завжди такі, якими вони нам здаються.
Кольори, поміщені поруч, взаємодіють друг з одним. Деякі з них доповнюють один одного, деякі – підкреслюють, а деякі погано поєднуються один з одним, через що обидва кольори виглядають тьмяно. Колористика показує, що у колірному колі є певні поєднання кольорів, які гармонійно поєднуються у межах однієї картини чи ескізу. Нижче ви бачите знайомі схеми, на яких показані гармонійні, згідно з колористикою, поєднання кольорів.
Подивившись на ці схеми, можна подумати, що гармонійних поєднань кольорів не так багато.
Але не забувайте: колірні схеми – це набори тонів, а й комбінації різних значень яскравості і насиченості. Ці три величини називають трьома основними характеристиками кольору.
Тон – це традиційна назва кольору, наприклад, блакитний або жовтий. Тони спектра зазвичай перераховуються так: КОЖЗГСФ (червоний, помаранчевий, жовтий, зелений, блакитний, синій, фіолетовий).
Насиченість – Це чистота тону. Її також називають інтенсивністю чи хроматичністю.
Яскравість – це ступінь світлоти чи темряви. Кожен колір має яскравість, наприклад, червоний з високим показником яскравості буде виглядати як яскраво-червоний або рожевий (якщо його насиченість менша).
Отже, якщо врахувати ці три характеристики, здається, що можна створити безліч різних колірних схем. Але чи це так насправді?
Ось кілька колірних схем, які я використовувала у своїх ілюстраціях, з різними гармонійними поєднаннями кольорів, заснованими на наведених вище схемах з теорії кольору.
Як бачите, крім різних колірних поєднань, я також грала з насиченістю та яскравістю кольору. Однак є кілька правил, яким я завжди дотримуюсь, граючи з цими характеристиками. Чи зможете побачити закономірність до того, як я її опишу?
№ 1. Це не обов'язково, але я завжди розставляю кольори у схемі за рівнем яскравості. Так їх простіше перенести на ілюстрацію чи концептуальний ескіз. Наприклад, кольори, позначені вище як «темний акцент», використовуються в контурах, а кольори, позначені як «відблиски» – у небі, джерелах світла і, звичайно ж, відблиски.
№ 2. Зазвичай (але не завжди) я зменшую насиченість найтемніших і найсвітліших кольорів. Таким чином, найбільш насичені кольори в моїх колірних схемах – це переважно півтони.
№ 3. І останній пункт – це основне правило роботи з кольором, закон, обов'язковий до виконання:
"Коли змінюєте яскравість, змінюйте і температуру кольору (тон)!"
- Ось розташування нашого зеленого кольору на колірному колі та на колірній смузі. За правилами роботи з кольором при зміні яскравості ми повинні зрушити температуру кольору (тон). Але у якому напрямі?
- Незалежно від напрямку зсуву тону, переконайтеся, що світло та тінь знаходяться у протилежних напрямках. Якщо справа знаходиться яскравіший тон, ліворуч повинен бути менш яскравим, і навпаки.
- Таким чином, у нас є дві можливості: тепле світло з холодними тінями АБО холодне світло з теплими тінями. Давайте зараз виберемо тепле світло з холодними тінями. Візьмемо наш півтон, збільшимо його яскравість, при цьому зрушивши його тон вправо на колірному колі або у бік жовтого на смузі кольору, і отримаємо світлий півтон. Зменшимо його насиченість, щоб він виглядав природніше.
- Візьмемо півтон, зменшимо його яскравість і зрушимо тон вліво на колірному колі, отримаємо темний півтон.
- Підберемо інші кольори за тим самим методом, поки не отримаємо повну колірну схему.
Розповідаємо, як зробити роботу з малюнком простіше за допомогою колірних схем.
Щоб малюнок виглядав добре та його кольори поєднувалися, художники використовують кругову чи іншу колірну схему. Розповідаємо, які бувають види схем, як працює поєднання кольорів та що потрібно робити, щоб уникнути популярних помилок.
Що являє собою колірне коло і як його використовують
Колір – це палітра, яку використовують для створення відтінків і підбору комплементарних кольорів. Коло – зручна форма представлення колірної гами, тому часто використовують цей вид схеми.
Найчастіше художники використовують певну колірну схему — коло Іттена, яке включає:
- Первинну тріаду: червоний, жовтий та синій.
- Вторинну тріаду, яка виходить із поєднання первинних фарб і включає: фіолетовий, зелений і помаранчевий.
- Третичну палітру з дванадцяти фарб, отриманих при поєднанні первинної та вторинної тріади.
Колірна схема – це інструмент, який полегшує малювання плакатів, інтерфейсів та постерів. Ним користуються не лише дизайнери, а й художники.
Митці використовують цей інструмент з одним нюансом: від схем відходять при створенні об'єму в малюнку, так як для нього потрібно використовувати світлотінь, теплохолодність та інші особливості об'ємного малювання, які не враховують подібні палітри кольорів.
Типи колірних схем та як вони використовуються
Залежно від своєї мети художники використовують різні поєднання колірної гами.Поговоримо про найбільш популярні поєднання.
Аналогова палітра
Гамма із трьох сусідніх відтінків на кольоровому колі. Відтінки цієї палітри кольорів створюють у малюнку відчуття стриманості та гармонійності через близькість кольорів та їх високу сумісність. Всі кольори близькі один до одного, тому око може відпочити.
Коли поєднуються кольори аналогової палітри, картини виходять спокійними та однотонними.
Картина Клод Моне. Художник часто використовував у картинах відтінки зеленого спектра. Джерело
Комплементарна палітра
Гамма із двох комплементарних кольорів, які знаходяться один навпроти одного на круговій схемі. Сумісність двох вибраних кольорів особливо хороша через їхню високу контрастність один до одного. Наш мозок обожнює контрасти – ще в давнину вони допомагали виявляти небезпеку серед однотонних відтінків оточення: лісів, боліт та інших місцевостей.
Цією властивістю психіки часто користуються під час створення рекламних артів. Обидва кольори – це акценти, які поєднують в одній картині для отримання яскравих та контрастних об'єктів.
При виборі цієї палітри дизайнери та художники найчастіше зупиняються на синьо-жовтогарячій розкладці. Саме її часто використовують на плакатах різних фільмів.
Самі фільми дуже різні, але їхні постери мають однакову синьо-жовтогарячу розкладку. Таке поєднання називається Teal&Orange і до нього часто вдаються дизайнери в кінематографі. Джерело
Спліт-комплементарна палітра
Ця гама схожа на просту комплементарну палітру: вона також використовується для створення контрастних об'єктів на малюнку, але замість додаткового кольору використовують два.
Поєднання кольорів усередині цієї палітри дозволяють зробити композицію менш контрастною та приглушити яскраві акценти.
Така тріадна розкладка підходить для новачків: з нею важко помилитися під час розфарбовування композиції. Ідеальний приклад спліт-комплементарної палітри – полотно Клода Моне «Регата в Аржантеї».
Картина "Регата на Аржантеї" французького живописця Клода Моне. Джерело
Трикутна палітра
У цій гамі беруть участь три рівновіддалені один від одного кольори. Якщо з'єднати точки на схемі за допомогою ліній, то вийде рівнобедрений трикутник – звідси назва палітри.
Трикутна тріадна палітра дозволяє поєднувати на одній картині основу та два додаткові акцентні кольори. Композиція з такою палітрою вийде одночасно контрастною та різноманітною.
Приклад використання трикутної палітри – картина "Молочниця" художника Йоханнеса Вермеєра. Джерело
Квадратна палітра
Гамма з чотирьох рівновіддалених один від одного кольорів. Якщо з'єднати точки на схемі за допомогою ліній, то вийде квадрат, тому палітру називають квадратною. Друга популярна назва – зошитна палітра.
Квадратна палітра, як правило, хороший вибір, коли потрібно створити яскраве та барвисте зображення. Дизайнери часто використовують її при створенні дизайну інтер'єрів.
Фото одного із таких інтер'єрів. Джерело
Прямокутна палітра
У цій палітрі, як і в квадратній, є чотири кольори. На відміну від квадратної палітри у відстані між кольорами на спектрі — у прямокутній палітрі вони ближчі.
Композиції, створені відтінками з прямокутної палітри, виходять спокійними та умиротвореними.
Прикладом використання прямокутної палітри є картина «Тополя» художника Йоханнеса Вермеєра. Джерело
Монохромна палітра
У монохромній гамі використовується один колір, але з різним рівнем насиченості та в різних тонах.Наприклад, якщо за основу взято синій колір, то у підборі художник використовує ще світло-синій, темно-синій та інші варіанти.
Один із прикладів використання монохромної палітри – картина Клода Моне «Ранок на Сені».
Та сама картина. За основу взято синій колір та його світлі та темні відтінки. Джерело
Ахроматична палітра
Сюди входять три кольори: білий, чорний та сірий.
Комбінація чорного, білого та сірого, як правило, використовується на фото та поліграфії, але дуже часто й художники беруться за основу ахроматичну палітру.
Один із прикладів — сучасний іранський художник Reza Afshar, який створює не лише кольоровий арт, а й чорно-білий.
Поради щодо використання колірних схем
Є чотири корисні поради, які допоможуть використовувати кругові палітри ефективно.
Скористайтеся прийомом "База, нюанс, акцент"
Кольори малюнку можуть конфліктувати один з одним та ламати загальну композицію. Щоб цього не відбувалося, митець має стежити за яскравістю, тоном, насиченістю та навіть площею кольорових плям.
Умовно палітру кольору можна розділити на три частини:
- База. Це головний колір малюнка – саме його найбільше використовують при малюванні.
- Нюанс. Додатковий колір, який конфліктує з базою, а навпаки — доповнює її.
- Акцент. Контрастний стосовно базі колір, особливо помітний її фоні.
Якщо вважати базу однієї складової кольору, а нюанс і акцент другої, то ідеальне співвідношення між ними буде 70/30 або ж 80/20.
Малюнок художника Reza Afshar. База цього малюнка – зелений колір. Акцентом виступає жовтий колір, що сильно виділяється на фоні бази. Співвідношення бази та акценти якраз становить близько 70 на 30
Зменште насиченість базових кольорів, але підвищіть насиченість акцентних
Багато яскравих кольорів з високою насиченістю роблять картину «шумною», через що до уваги глядача не буде за що зачепитися. Для фокусування уваги того, хто дивиться, потрібно знизити насиченість кольорів за винятком акценту, особливо якщо художник збирається їх змішувати.
Так робить індонезійська художниця Ann Maulina – вона знижує насиченість світлих і темних відтінків для того, щоб перевести акцент на півтони.
Головний акцентний колір, який використовується на губах дівчини – помаранчевий. Він має найбільшу інтенсивність тону. Джерело
При згадці кольору художниця проводить аналогію з голосами: якщо їх надто багато і всі вони однакової гучності, то замість пісні виходить біліберда. Однак якщо основний голос залишити голосним, а решту зробити тихими, то у всієї пісні з'являється зрозуміла логіка та милозвучність.
Так працює і із квітами. Зробіть акцентний колір інтенсивним, щоб він виділявся і натомість інших.
На лівому малюнку всі кольори однієї інтенсивності — через це малюнок став отруйним і нерозбірливим. У середнього малюнка приглушено інтенсивність: кольори стали краще поєднуватися. У варіанті справа з'явився один «гучний» акцентний колір, який робить картину гармонійнішою.
Задійте додаткові відтінки та кольори
Часта помилка художників-початківців — суворе дотримання кольорових схем. До підбору кольорів не слід ставитися настільки суворо, тому що в картинах часто поєднуються проміжні відтінки, а не чисті і насичені варіанти.
За приклад візьмемо Голлівуд та його улюблену палітру Teal & Orange (синій та помаранчевий).Поєднувати два ці кольори почали з виходу фільму «О, де ж ти, брате?» 2000-го року. Після нього колористи почали активніше «фарбувати» у синій та помаранчевий та інші фільми.
Апофеозом використання комбінації став фільм "Трансформери".
Крім «Трансформерів», синій та помаранчевий колір у великій кількості використовувалися у фільмах «Острів», «Божевільний Макс: Дорога люті» та «Люди Ікс: Апокаліпсис». Джерело
Якщо поєднувати тільки два кольори, то картинка виходить занадто вигадливою. Щоб привести композицію в норму, колористи додають до кадру додаткові відтінки: наприклад, жовтий або зелений. Завдяки додатковим кольорам кадр стає збалансованим.
Те саме працює і з малюнком.
Корисні ресурси, що полегшать роботу з кольором
- ColorScheme. Підбір колірної схеми з можливістю подивитися, як виглядатимуть кольори для людей з особливостями зору (дальтонізм).
- AdobeColor. Підбір колірної схеми та вилучення кольору із завантаженої картинки.
- Coolors. Вибір палітри із завантаженого зображення з можливістю вибирати конкретні колірні точки для точкового результату.
- Brandfolder. Генератор палітр на основі завантажених зображень. Створені відтінки підписуються колірними кодами.
Згідно COLOURLovers, перша палітра кольорів, існує вже більше 300 років, і була розроблена Ісааком Ньютоном. Хоча інші колірні діаграми існували ще до того часу. Базовий дизайн розвивався з плином часу, але концепція залишалася тією ж практично будь-яка комбінація кольорів з палітри, буде поєднуватися.
Основна палітра кольорів складається з 12 кольорів, які можуть бути об'єднані різними способами для створення різноманітних ефектів. Кольори можуть доповнювати одне одного, і навіть створювати хаос. Кольори поділяються на категорії теплих та прохолодних. Теплі кольори, яскраві та енергійні, припадають на колесі від червоного до синього та зеленого. Холодні кольори, які варіюються від червоного до оранжевого та жовто-зеленого, вважаються заспокійливими. Білий, чорний і сірий, є нейтральними і беруть він властивості оточуючих квітів.
Розширені колірні схеми
Розширені палітри кольорів побудовані на цьому дизайні і додають рівну кількість варіантів кольору навколо колеса. Деякі палітри також включають відтінки і тони кожного кольору. Відтінок – це варіант кольору, що досягається шляхом додавання до нього білого. Тіні – це затемнення кожного відтінку шляхом додавання чорного кольору. Додавання сірого до кольору створює інший тон.
Різновиди кольору
Принцип колірної палітри починається з трьох основних кольорів – червоного, жовтого та синього. Кольори рівновіддалені на колесі. Основні кольори є основою для інших, будь-який колір можна зробити за допомогою комбінації основних.
Вторинні кольори створюються шляхом змішування двох основних кольорів із колірного кола. Результатами будуть помаранчевий, зелений та фіолетовий кольори.
Остання група відтінків, третинні кольори, створені на основі змішування первинного та вторинного кольорів. Кожен колір має назви з двох слів, такі як: червоно-оранжевий, синьо-фіолетовий або синьо-зелений.
Колірні схеми, як правило, створюються шляхом вибору та об'єднання двох, трьох або чотирьох кольорів на палітрі.Кожна палітра кольорів може бути створена з чистого кольору, відтінку, тіні або тону. Поєднуйте відтінок з відтінком, тоном і тоном, і так далі для кращого кольору.
Додаткова колірна схема
Додаткова колірна схема
Кольори з протилежних позицій на колі, вважаються додатковими. Червоний та зелений, жовтий та фіолетовий, синій та жовто-оранжевий кольори доповнюють один одного.
Використання додаткових кольорів створює високу контрастність у ваших проектах, особливо коли для кожного використовується чистий відтінок. Додаткова кольорова гама, відмінно підходить для невеликого колірного виділення елементів, але може бути важкою у використанні. Уникайте використання додаткових гам для великих проектів або як основи для вашого веб-сайту, також уникайте тексту в додаткових кольорах.
Декілька інших типів додаткових кольорових гам, поєднують двоколірне сполучення з додатковими кольорами для чотирьох палій відтінків. Розколота додаткова гама, використовує колір, доповнення та два кольори поряд з ним. Подвійна додаткова гама, використовує два кольори розташованих пліч-о-пліч на колесі, і пару протилежних кольорів.
Аналогова колірна схема
Аналогова колірна схема
Аналогова колірна схема використовує сусідні кольори з колірного колеса. В результаті виходять візуально приємні та заспокійливі кольори. Один з кольорів, у таких колірних схемах, використовується як домінуючий колір. Виберіть другий колір для підтримки домінуючого відтінку, і третій для використання як акцент.
Тріадні та зошити кольорові схеми
Тріадна колірна схема
Тріадна колірна схема використовує три кольори на однаковій відстані один від одного, на колірному колі. Ця схема є однією з найпопулярніших серед дизайнерів. Тріадні колірні схеми створюють відчуття рівності та безпеки через використання різних відтінків.
Тріадні колірні схеми мають тенденцію бути досить яскравими. Балансуйте колір, вибравши домінуючий відтінок і два інших тріадні кольори як акценти.
Зошитна (прямокутна) колірна схема
Зошитова (або прямокутна) колірна схема використовує комбінацію з чотирьох кольорів і вкрай схожа на тріадну, оскільки дуже жива, і містить один домінуючий колір. Розташування кольорів походить від двох наборів додаткових кольорів, тобто чотири тони не однаково розташовані навколо колірного кола. Прямокутна схема може використовувати комбінацію червоного та зеленого з червоно-оранжевим та синьо-зеленим. Слідкуйте за тим, як теплі та холодні кольори використовуються у цій схемі для створення бажаного ефекту.
Багато в чому, як тріадна схема, зошитна колірна схема використовує чотири кольори, але кольори рівномірно розподілені по колірному колу. Знову ж таки, один відтінок має бути домінуючим, а інші три акцентними.
Інші колірні схеми
Крім основних колірних схем, існує ще кілька інших, які широко використовуються.
Монохроматична колірна схема
Однією з найпопулярніших і найсучасніших колірних схем є монохроматична гама. Кожен колір, який використовується на панелі, є відтінком, тоном або тінню одного кольору.
Нейтральна колірна схема
Нейтральна кольорова гама, використовувати тільки відтінки коричневого та бежевого кольору.Ви можете «нейтралізувати» будь-який колір, змішавши його з його доповненням.
Ахроматична колірна схема
Ахроматичні схеми створені за допомогою відтінків чорного, білого та сірого.
Кольори можуть бути складними
Хоча все може і здатися досить простим, але колір це більше, ніж просто комбінування кольорів з різних колірних схем. Колір може встановити настрій або диктувати особистість вашого сайту. Подумайте про те, як ви використовуєте кожен колір, як фон, акцент, для тексту, і тільки потім грайте з різними схемами. Не забувайте про те, як півтонами та відтінками можна досягти різних “ефектів” у потрібних місцях.