Работа с цветом и подбор палитры
На этой лекции вы ознакомитесь с основными терминами для работы с цветом, узнаете о методах распределения цвета в иллюстрациях, а также научитесь адаптировать палитры под печатный и цифровой формат.
Чтобы эффективно работать с цветом, необходимо понимать его основные характеристики. Это базовая информация при работе с цветовыми решениями.
Основные термины: Тон, Насыщенность, Яркость
Тон (Hue): Это то, что мы в первую очередь называем цветом — красний, синий, зеленый и т. д.
Помимо тональных значений, цвет обладает характеристикой насыщенности и яркости.
Насыщенность (Saturation): Это интенсивность или чистота цвета. Высокая насыщенность означает яркий, чистый цвет. Низкая насыщенность делает цвет более тусклым, серым или блеклым.
Яркость (Value): Это светлота или темнота цвета. Значение не зависит от самого тона. Например, светло-красный (розовый) и темно-красный (бордовый) имеют разное значение яркости, но один и тот же тон.
Цветовой круг — это схема, представляющая цвета видимого спектра в виде круга, где каждый сектор соответствует определённому цвету, расположенным в порядке, близком к спектру радуги.
По системе организации цветов Иоханнеса Иттена, тона можно разложить на цветовом круге и разделить на следующие категории:
Первичные цвета: Красный, желтый, синий. Это базовые цвета, которые нельзя получить путем смешивания других.
Вторичные цвета: Оранжевый (красный + желтый), зеленый (синий + желтый), фиолетовый (синий + красный). Получаются путем смешивания двух первичных цветов.
Третичные цвета: Получаются путем смешивания первичного и вторичного цвета (например, красно-оранжевый, сине-зеленый).
Пользуясь цветовым кругом можно составлять палитры, опирающиеся на цветовые схемы (гармонии). Эти комбинации можно применять к различным цветовым моделям, которые будут рассмотрены позже в лекции.
Цветовые гармонии — это схемы сочетания цветов, которые воспринимаются как приятные и сбалансированные.
Используйте цветовой круг, чтобы выбрать базовый цвет. Этот цвет станет основой для вашей цветовой палитры, задаст тон и настроение вашему дизайну и повлияет на выбор дополнительных цветов, которые вы можете подобрать на основе различных цветовых гармоний.
Важно отметить, эти схемы — не правила, а лишь упрощенные способы составления палитр и поиска цветовых комбинаций.
Виды цветовых гармоний
Монохромная Монохроматические цветовые схемы фокусируются на одном цвете, часто используя его вариации по насыщенности, светлоте (добавление белого) и темноте (добавление черного).
Аналоговая Для создания этой схемы выбираются несколько соседних цвета на цветовом круге, обычно один доминирующий оттенок и два смежных для акцентов.
Комплементарная Состоит из двух цветов, расположенных прямо напротив друг друга на цветовом круге, создавая сильный контраст и взаимно усиливая интенсивность друг друга.
Сплит-комплементарная Включает основной цвет и два цвета, расположенные по обе стороны от его комплементарного цвета на цветовом круге, образуя подобие равнобедренного треугольника.
Триада Состоит из трех цветов, расположенных на равных интервалах вокруг цветового круга, формируя равносторонний треугольник.
Квадрат/Тетрада Состоит из четырех цветов, расположенных в двух комплементарных парах на цветовом круге, образуя прямоугольник.
Контраст
Использование контраста — один из самых эффективных способов распределения объемов.
Цветовой контраст: Использование комплементарных цветов (например, синий и оранжевый) для создания динамики.
Тональный контраст: Самый сильный способ создать иерархию. Разница между светлым и темным мгновенно привлекает глаз. Например, темный силуэт на светлом фоне или наоборот. При таком способе сначала создается изображение в черно-белых оттенках, чтобы распределить тональные значение, а позже каждой группе тона придается цветовое значение
При распределении тона нужно выделить спектр оттенков для работы: полный спектр, высокий ключ, низкий ключ. Высокий ключ используется при создании светлых и нежных сочетаний, а тёмный создаёт более тяжелое настроение.
При работе с полным спектром тона важно сузить набор рабочих цветов, чтобы сохранить целостность изображения и упростить его восприятие, для этого можно использовать правила «60-30-10» и «70-30»
Правило 60-30-10
60% — доминирующий цвет: Основной цвет, который занимает большую часть иллюстрации, создавая общую атмосферу и фон.
30% — вторичный цвет: Цвет, который дополняет доминирующий, добавляет интерес и разнообразие. Он часто используется для второстепенных элементов.
10% — акцентный цвет: Яркий или контрастный цвет, используемый для привлечения внимания к ключевым деталям. Он должен выделяться и быть использован точечно.
Правило 70-30
Эта схема обычно применяется при создании более минималистичного, но все еще сбалансированного цветового решения.
70% — доминирующий цвет. Это основной, преобладающий цвет или тональный объем, который задает общее настроение, фон или является основным визуальным весом композиции. Он занимает большую часть пространства и создает визуальное единство.
30% — акцентный/вторичный цвет. Это дополнительный цвет или тональный объем, который используется для создания контраста, привлечения внимания к ключевым элементам.
При создании иллюстрации для медиа, необходимо брать во внимание платформу, на которой размещается материал, ваши иллюстрации. Для цифрового и печатного формата используются разные цветовые модели — RGB и CMYK соответственно. Эти модели отвечают за технику отображения цвета. Фундаментальное различие двух моделей заключается в том, что RGB основан на свете, который излучает экран, а CMYK — на пигменте (чернилах), которые наносятся на бумагу.
RGB (Red, Green, Blue)
RGB — это аддитивная модель цвета, что означает, что цвета создаются путем добавления света. Когда все три цвета (красный, зеленый, синий) смешиваются в равной, максимальной интенсивности, получается белый цвет (свет). Отсутствие всех трех цветов дает черный. RGB имеет очень широкий цветовой охват, способный воспроизводить огромное количество ярких и насыщенных цветов, которые могут быть видны на экране. Особенно это касается ярких неоновых оттенков, сияющего оранжевого или ультра-фиолетового.
Характеристики модели.
Каждый из трех каналов (R, G, B) обычно имеет числовое значение от 0 до 255. 0 означает полное отсутствие данного цвета. 255 означает максимальную интенсивность данного цвета.
Таким образом, чисто красный оттенок будет кодироваться как 255, 0, 0. А если добавить к нему максимальное значение синего, то получится пурпурный цвет (255, 0, 255)
Область применения: цифровые платформы (сайты, социальные сети, видеосъемка и т. д.)
CMYK (Cyan, Magenta, Yellow, blacK)
CMYK — это субтрактивная модель цвета, что означает, что цвета создаются путем вычитания света. Это достигается за счет использования чернил (красок), которые поглощают (вычитают) определенные части спектра белого света и отражают остальные. Когда все четыре цвета (голубой, пурпурный, желтый и черный) смешиваются, теоретически получается черный цвет (на практике часто получается грязный темно-коричневый, поэтому добавлен отдельный черный — Key/Black). Отсутствие всех четырех чернил дает белый цвет бумаги.
Цветовой охват CMYK значительно уже, чем у RGB. Это означает, что CMYK не может воспроизвести все те яркие и насыщенные цвета, которые вы видите на экране в режиме RGB. Многие яркие синие, зеленые и особенно неоновые цвета в RGB при конвертации в CMYK станут менее насыщенными и более тусклыми.
Характеристики модели.
Каждый из четырех каналов (C, M, Y, K) обычно выражается в процентах от 0% до 100%. 0% означает отсутствие данной краски. 100% означает максимальное нанесение данной краски.
Например, белый цвет выражается (0, 0, 0, 0), голубой/cyan (100, 0, 0, 0), а синий образуется смешением cyan и magenta — 100, 100, 0, 0.
Из-за физических ограничений, максимальное суммарное значение цвета ограничивается диапазоном 240-320% (сумма четырех значений CMYK), так как при слишком обильном нанесении краски возникают проблемы с её засыханием, что вредит четкости изображения.
Область применения: печать и полиграфия (журналы, брошюры, книги, плакаты, и т. д.) Типографии работают с файлами в этой цветовой модели.
HSB (Hue, Saturation, Brightness)
Помимо моделей, отражающих технические особенности отражения цвета, существует модель, основанная на интуитивном восприятии цвета человеком — HSB. Эта модель не используется для вывода изображения на устройствах или при печати, но может служить куда более удобным способом для конструирования цветовых палитр.
Характеристики модели.
В модели HSB оттенок представлен как угол на цветовом круге, обычно от 0 до 360 градусов. А значение Насыщенности и Яркости цвета выражается в процентах от 0% до 100%.
0° (или 360°) = Красный 60° = Желтый 120° = Зеленый 180° = Голубой
Таким образом, чтобы получить тёмно-красный оттенок достаточно снизить процент яркости красного цвета, получив значение (360, 100, 50)
Область применения: взаимодействие с цветом для художников и дизайнеров. Модель позволяет наглядно видеть, как изменение одного параметра (например, яркости) влияет на цвет, не затрагивая его основной тон.
Выбор цветовой модели
Возвращаясь к обсуждению технических цветовых моделей (RGB и CMYK), становится ясно, что недостаточно просто перевести механически палитру из одной модели в другую. Чтобы добиться цветового баланса, нужно вручную настраивать значение цветов. Чаще всего вам понадобится подготавливать цифровое изображение для иллюстрации, а значит переводить его из RGB в CMYK. Это можно выполнять в графических редакторах, таких как Photoshop, Krita, Corel Draw.
Советы по выбору цветовой модели.
Определите носитель. Перед созданием и обработкой изображения, определите его будущий носитель: экраны или печатная продукция. Это позволит вам заранее спланировать доступный цветовой спектр иллюстрации. Например, при подготовке иллюстрации для размещения на печатной продукции, придётся отказаться от чересчур контрастных, неоновых оттенков, максимально высоких значений цветов. Если известно, что изображение планируется использовать при печати, работайте изначально в модели CMYK и выбирайте оттенки в заранее ограниченном спектре.
Уточняйте у заказчика/типографии. Важно брать во внимание, что цифровые устройства и полиграфия пользуются огромным спектром различных цветовых моделей, каждая из которых нужна для конкретной модели устройства или типа бумаги. Если известно о конкретных характеристиках носителя, обратитесь
В гибридных проектах начинайте со CMYK. Гораздо проще добавить насыщенности и контраста нескольким цветам, чем всей цветовой палитре проекта.
Онлайн-платформы для создания палитр
Задание 4 Применение цветовых схем и адаптация палитр
Часть 1. Выберите фотографию или картину и разложите ее цветовую палитру сначала по методу контрастов используя 3 тона: черный, белый и серый, а потом выделите ее тон/цвета по правило 60-30-10 или 70-30. Постарайтесь не дробить изображение и фокусироваться на больших пятнах. Следите за тем, как размер и количество пятен согласовывается с выбранным методом.
Часть 2. Выделите цветовую схему, на которую может опираться выбранное изображение и соберите палитру из 3-4 цветов, основываясь на одной из схем. Полученную палитру адаптируйте в режим CMYK, не забывая об её ограничениях.
Ищите референсы в творчестве известных художников и фотографов, поскольку профессионалы осознанно используют данные принципы их проще проследить.
Требования к выполнению задания Предоставьте оригинальное изображение и серию тональных/цветных набросков, отражающих одно из правил.
