На этой лекции вы ознакомитесь с основными терминами для работы с цветом, узнаете о методах распределения цвета в иллюстрациях, а также научитесь адаптировать палитры под печатный и цифровой формат.
Чтобы эффективно работать с цветом, необходимо понимать его основные характеристики. Это базовая информация при работе с цветовыми решениями.
Основные термины: Тон, Насыщенность, Яркость
Тон (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)
