Теория цвета
Восприятие цвета
Важность цвета в видео сложно переоценить. С помощью цвета в кадре создаётся напряжение, акцентируется внимание на важных деталях, поддерживается необходимая атмосфера. Из-за того, что цвет оказывает сильное влияние на зрителей, правильное его использование может стать очень эффективным инструментом, дополняющим сюжет анимации или видеоролика.
Основные задачи цвета в моушн-дизайне:
Три основные характеристики цвета — тон, яркость и насыщенность.
Тон — это названия цветов, так хорошо знакомых нам. Зелёный, красный, синий — это и есть цветовой тон. Такие цвета называются хроматическими.
Цвета, которые не имеют цветового тона, называются ахроматическими — это белый, чёрный и вся шкала между ними.
Яркость — уровень зрительного ощущения, в соответствии с которым область в поле зрения воспринимается как более или менее светлая. Если свет приглушён и смещается в тёмный участок шкалы, то мы называем его тёмным, неярким. Соответственно, чем выше яркость, тем светлее становится кадр.
Любой цвет может быть представлен в любом диапазоне яркости. Он может стать разбелённым или приглушённым, то есть максимально светлым или тёмным.
Светлота — это относительная субъективная яркость относительно яркости другого объекта. Это значит, что мы оцениваем яркость цвета в зависимости от цветов, расположенных рядом.
Насыщенность — степень отличия цвета от серого той же светлоты. Если представить три ведра с серой краской, в которые добавляют краситель, то в третьем ведре с тремя стаканами краски насыщенность будет максимальной.
Пример насыщенности — при том же уровне яркости у нас появилась цветовая составляющая, яркость остаётся прежней.
Насыщенность цвета зависит от яркости. Тёплые цвета выглядят более насыщенными при высокой яркости. Холодные цвета выглядят более насыщенными при низкой яркости.
Давайте рассмотрим несколько примеров.
Важность цвета в видео сложно переоценить. С помощью цвета в кадре создаётся напряжение, акцентируется внимание на важных деталях, поддерживается необходимая атмосфера. Из-за того, что цвет оказывает сильное влияние на зрителей, правильное его использование может стать очень эффективным инструментом, дополняющим сюжет анимации или видеоролика.
Основные задачи цвета в моушн-дизайне:
- управление вниманием зрителя (цвет как акцент, как то, за чем мы следим);
- визуальная иерархия (цвет позволяет понять, что является главным в кадре, а что — второстепенным);
- эмоциональная окраска (цвет как инструмент для смены настроения, как способ вызвать определённые ассоциации);
- физиологическое воздействие (например, когда используют цвет для возбуждения или расслабления. Чаще всего это достигается за счёт продолжительного воздействия);
- формирование впечатления;
- выразительность;
- стилистическое единство.
Три основные характеристики цвета — тон, яркость и насыщенность.
Тон — это названия цветов, так хорошо знакомых нам. Зелёный, красный, синий — это и есть цветовой тон. Такие цвета называются хроматическими.
Цвета, которые не имеют цветового тона, называются ахроматическими — это белый, чёрный и вся шкала между ними.
Яркость — уровень зрительного ощущения, в соответствии с которым область в поле зрения воспринимается как более или менее светлая. Если свет приглушён и смещается в тёмный участок шкалы, то мы называем его тёмным, неярким. Соответственно, чем выше яркость, тем светлее становится кадр.
Любой цвет может быть представлен в любом диапазоне яркости. Он может стать разбелённым или приглушённым, то есть максимально светлым или тёмным.
Светлота — это относительная субъективная яркость относительно яркости другого объекта. Это значит, что мы оцениваем яркость цвета в зависимости от цветов, расположенных рядом.
Насыщенность — степень отличия цвета от серого той же светлоты. Если представить три ведра с серой краской, в которые добавляют краситель, то в третьем ведре с тремя стаканами краски насыщенность будет максимальной.
Пример насыщенности — при том же уровне яркости у нас появилась цветовая составляющая, яркость остаётся прежней.
Насыщенность цвета зависит от яркости. Тёплые цвета выглядят более насыщенными при высокой яркости. Холодные цвета выглядят более насыщенными при низкой яркости.
Давайте рассмотрим несколько примеров.
У голубого цвета (третий справа) низкая насыщенность и средняя яркость.
Жёлтый и оранжевый цвета проявлены в высокой яркости и насыщенности.
Голубой цвет в кадре проявлен в высокой яркости и средней насыщенности, жёлтый и синий — в высокой насыщенности и не столь высокой яркости.
Цветовые гармонии
Знание базовых принципов работы с цветом поможет понять, как выбор того или иного цвета сказывается на общей атмосфере, вызывая необходимые эмоции.
Одним из самых популярных инструментов по работе с цветом является круг Иттена.
Это цветовая система, состоящая из 12 цветов. Опираясь на цветовой круг, можно выбрать палитру для ролика, интерфейса сайта, фирменного стиля, иллюстрации и так далее.
Основа — первичные цвета: жёлтый, синий, красный. Три основных цвета, которые не могут быть созданы при помощи смешивания других цветов.
Вторичные цвета появляются при помощи смешивания первичных цветов: зелёный, оранжевый, фиолетовый.
Третичные появляются при помощи смешивания первичных и вторичных, поэтому носят составные названия.
Знание базовых принципов работы с цветом поможет понять, как выбор того или иного цвета сказывается на общей атмосфере, вызывая необходимые эмоции.
Одним из самых популярных инструментов по работе с цветом является круг Иттена.
Это цветовая система, состоящая из 12 цветов. Опираясь на цветовой круг, можно выбрать палитру для ролика, интерфейса сайта, фирменного стиля, иллюстрации и так далее.
Основа — первичные цвета: жёлтый, синий, красный. Три основных цвета, которые не могут быть созданы при помощи смешивания других цветов.
Вторичные цвета появляются при помощи смешивания первичных цветов: зелёный, оранжевый, фиолетовый.
Третичные появляются при помощи смешивания первичных и вторичных, поэтому носят составные названия.
Цветовая гармония — закономерное сочетание цветов, образующих органическое целое.
Основной принцип гармонии исходит из обусловленных физиологией законов:
два или более цвета являются гармоничными, если при оптическом смешивании они образуют белый;
два или более цвета являются гармоничными, если при физическом смешивании они образуют нейтральный серый;
все другие цветовые сочетания по своему характеру становятся экспрессивными.
По цветовому кругу Иттена:
Все пары дополнительных цветов и все сочетания цветов, связанных друг с другом через равносторонние или равнобедренные треугольники, квадраты и прямоугольники, шестиугольники, являются гармоничными.
Связка геометрических фигур может быть расположена в любой точке цветового круга.
Полезные инструменты работы с цветом
Для работы с цветом существует множество ресурсов. Рассмотрим некоторые из них.
Ресурс colorscheme.ru позволяет посмотреть на основные цветовые схемы и поэкспериментировать с цветовым кругом.
Coolors — ресурс позволяет собрать собственные наборы цветов и делиться ими с другими дизайнерами в публичной библиотеке. В ней уже больше миллиона готовых палитр.
Color Hunt — это открытая коллекция цветовых палитр: можно не только выбрать готовый набор, но и создать свой. Теги сортируют все наборы по категориям-настроениям. Можно посмотреть самые популярные палитры за месяц, год или за всё время с 2015 года.
Основной принцип гармонии исходит из обусловленных физиологией законов:
два или более цвета являются гармоничными, если при оптическом смешивании они образуют белый;
два или более цвета являются гармоничными, если при физическом смешивании они образуют нейтральный серый;
все другие цветовые сочетания по своему характеру становятся экспрессивными.
По цветовому кругу Иттена:
Все пары дополнительных цветов и все сочетания цветов, связанных друг с другом через равносторонние или равнобедренные треугольники, квадраты и прямоугольники, шестиугольники, являются гармоничными.
Связка геометрических фигур может быть расположена в любой точке цветового круга.
Полезные инструменты работы с цветом
Для работы с цветом существует множество ресурсов. Рассмотрим некоторые из них.
Ресурс colorscheme.ru позволяет посмотреть на основные цветовые схемы и поэкспериментировать с цветовым кругом.
Coolors — ресурс позволяет собрать собственные наборы цветов и делиться ими с другими дизайнерами в публичной библиотеке. В ней уже больше миллиона готовых палитр.
Color Hunt — это открытая коллекция цветовых палитр: можно не только выбрать готовый набор, но и создать свой. Теги сортируют все наборы по категориям-настроениям. Можно посмотреть самые популярные палитры за месяц, год или за всё время с 2015 года.
