§5 Основные характеристики цвета. Свет и цвет: основы основ

💖 Нравится? Поделись с друзьями ссылкой

Мы привыкли видеть цвет только как атрибут объекта, а свет - фактор, который может это изменить. Помидоры красные, трава зелёная, а свет может только немного поменять оттенок либо осветить объекта, правильно?.. Нет.

Цвет не существует сам по себе - это только эффект механизма нашего зрения. Нет света, нет и цвета - вы ведь не видите цвет объектов, когда темно? Это не значит, что темнота мешает видеть нам свет, это значит, что свет «создаёт» цвет. Если для вас это не очевидно, читайте далее, ведь художнику необходимо это знать. Рекомендую сначала ознакомиться с первой статьёй из серии, чтобы у вас не возникало много вопросов.

Что такое цвет?

Давайте вспомним физику. Не бойтесь, я разжую для вас весь материал настолько, насколько это возможно. Некоторые объекты являются радиоактивными, а это значит, что они излучают микрочастицы. Свет - как радиация, потому что каждый источник света излучает фотоны.

Поток фотонов формируется из волн разной длины волны.

Поток фотонов, вылетающий от источника света куда-либо, мы называем лучом.

Это всего лишь несколько фактов. Но что получается, если учесть человеческий фактор? Вокруг нас множество электромагнитных волн, но мы можем видеть только волны определённой частоты. Например, мы не видим тепло, ибо соответствующие электромагнитные волны лежат вне диапазона видимого света (однако, если накалить металл до определённой температуры, он становится красным для нас). Те электромагнитные волны, которые мы можем видеть, физики называют видимым светом, а мы - просто светом.

В наших глазах функционируют два вида фоторецепторов - палочки (rods) и колбочки (cones). Когда луч света попадает на них, они отправляют информацию в мозг.

Палочки очень чувствительны к свету, они отвечают за видение движения и форм, а также за ночное видение. С колбочками все интереснее. Они разделяют волны по частоте, так, чтобы мозг мог обработать их, на красные (длинные волны), зелёные (средние) и синие (короткие). Цвет, который мы видим, формируется в зависимости от того, в каких пропорциях смешаны эти типы волн в потоке света.

Но почему тогда в потоке света могут быть волны разной длины, если они исходят от одного источника света? Большинство лучей падают на какой-либо объект и отражаются далее (например, на сетчатку вашего глаза). Обычно объект не отражает лучи так идеально, как, например, зеркало. Волны некоторых частот полностью поглощаются объектами и они никогда не доходят до наших глаз. В итоге до нас доходит только часть изначальных волн. Эти «остатки» луча и интерпретируются нашим мозгом в цвет. Разные цвета получаются от того, что разные объекты поглощают и отражают волны разных частот.

Возможно, вы не понимаете, как это все связано с представлением понятия цвета в нашем деле. В конце концов, мы ведь рисуем только цвет, нам не нужно моделировать физические процессы, чтобы получить его. Скоро вам все станет ясно.

Оттенок, насыщенность, яркость

И все же, есть ли что-то более сложное? Мы знаем, что есть оттенок, насыщенность и яркость, но когда дело доходит до рисования, достаточно трудно догадаться, как управляться с этими параметрами. Оттенок это, хм...цвет, верно? Насыщенность - уровень яркости цвета... и яркость, собственно, говорит нам, темный предмет или светлый. Кажется, все достаточно понятно, верно? Но понятно это только тогда, когда мы говорим о готовой работе; разобраться в том, что же со всем этим делать бывает очень непросто. Так или иначе, нам лишь необходимо понять, откуда берутся эти величины!

Определение оттенка

Оттенок - это "тип" цвета. Красный, пурпурный, оливковый, малиновый - все это оттенки. Они возникают благодаря вышеописанному механизму - отражённые световые волны различной длины смешиваются в различных пропорциях и создают конечный цвет. Отсюда следует, что, оттенок, проще говоря, основан на "цвете предмета". Интересный факт - серебристый, золотистый и коричневый оттенками не являются. Серебристый - это блестящий серый, золотистый - блестящий жёлтый, а коричневый есть тёмный или ненасыщенный оранжевый.

Неважно, сколько названий мы придумаем для оттенков, все они основаны на трёх цветах: красном, зелёном и синем. Чем дальше вы на световом кольце от основного цвета, тем ближе вы к оригинальному оттенку. Например, 50% красного + 50% зелёного дадут жёлтый, но стоит нам эти пропорции чуточку изменить в сторону любого из основных цветов, мы уже получим красноватый или зеленоватый оттенки.

Оттенок не может быть сильнее или слабее, поэтому, на цветовом кольце мы определяем его не в процентной, а в градусной мере.

Определение насыщенности

Оттенок не значит цвет (по-крайней мере, формально). Круги, нарисованные ниже, имеют абсолютно одинаковый оттенок, одинаковую позицию на цветовом кольце, даже яркость у них одинаковая. Так почему мы воспринимаем их цвета как разные?

По общему определению, от насыщенности зависит, сколько белого содержится в цвете.
Но, постойте, разве это не о яркости? Вы хотите сделать цвет ярче и добавляете белого... но это сделает тёмные зоны более насыщенными. Запутанно, верно? Поэтому, нам нужно более подробное пояснение.

Насыщенность - это преобладание цвета. Три примера внизу имеют одинаковый оттенок и яркость, единственное, что меняется - это пропорции. Мы не добавляем белого, мы лишь сокращаем разницу между составляющими цвета так, что ни один из них не выделяется.

Как вы могли догадаться, там, где нет разницы между цветовыми компонентами, нет и насыщенности, и мы получаем белый (пока без учёта яркости).

Определение яркости

Яркость - это максимальное значение светового потока, который наш глаз может воспринять. Нет «более синего» цвета, чем 100% синий, нет ничего более светлого, чем 100% белый.

«Полоски» цветов не могут иметь значение больше максимума.

То есть чёрный получается тогда, когда мы не получаем информации об объекте вообще.

Интересный факт: когда темно, колбочки почти не получают информации, поэтому мы практически не можем различать цвета в темноте. Зато активизируются палочки, более чувствительные к свету. Так как они более чувствительны к синим и зелёным оттенкам, в темноте красные оттенки выглядят для нас много более темными. Этот эффект носит имя Яна Пуркинье.

Кроме абсолютной яркости, у каждого света есть своя яркость (прим. переводчика: в английском языке для этого существуют отдельные термины, в русском - к сожалению, нет). То есть яркость в этом значении - насколько цвет близок к белому.

Если мы обесцветим 100% яркий оттенок до оттенка серого, его яркость не останется стопроцентной. Синий при обесцвечивании превращается в очень тёмный серый, а зелёный - в очень светлый. Это зависит от чувствительности колбочек, и именно поэтому мы воспринимаем жёлтый (красный + ярко-зелёный) как самый яркий свет. Яркость цвета важна, когда мы рассматриваем его обесцвеченный аналог.

Модель HSB

Вам это может показаться запутанным. В реальности ведь мы не представляем цвет как такую сложную структуру с таким набором параметров. Тон, насыщенность и яркость объединяются в одну удобную цветовую модель. Посмотрите на схему ниже - для вас же очевидна ее закономерность? Так почему же вы не используете ее?

Если вы рисуете в цифре, для вас это будет более понятно. Итак, HSB (англ. Hue, Saturation, Brightness — тон, насыщенность, яркость) — цветовая модель . Как она работает?

Если вы понимаете, что эти параметры значат, вам будет нетрудно составить эту модель. Кольцо тона (либо полоса) и треугольник/квадрат яркости и насыщенности - модель SB.

Модель SB можно поделить на области. Если вы визуально выбрали нужный цвет, вам не нужно знать значения насыщенности и яркости.

Конечно, модель квадрата более интуитивна и понятна, но мне больше нравится работать с треугольником. Модель треугольника позволяет объединить насыщенность и яркость. Я пользуюсь вот этим плагином от Len White:
http://nerdchallenge.com/lenwhite/LenWhite.com/LenWhite.com/Entries/2012/9/16_PW_CS6.html

CMY и RGB модели

Вспомним на минуту о настоящих художниках. У них нет цветового кольца под рукой с удобным слайдером. Как, в таком случае, менять яркость, оттенок, насыщенность пигмента?

В первую очередь, давайте задумаемся, в чем же разница между реальным рисованием и рисованием на компьютере? В обоих случаях используется цвет, верно? Проблема в том, что в цифровом рисовании мы используем самые лучшие и яркие цвета, сразу бросающиеся в глаза, тогда, как в традиционном рисовании нас ограничивает свет, отражающийся от пигмента. Это как использовать посредника между тем, что нарисовано, и тем, что мы видим на самом деле. Можно долго дискутировать на тему, какой же тип рисования более близок к искусству; но, без сомнения, рисование на компьютере воспринимается лучше механизмом нашего зрения.

Итак, для традиционного рисования нам нужны краски. Они сами по себе цвет не излучают, вместо этого они впитывают свет на них падающий, и отражают световые волны различной длины, сочетаемые, собственно, с их названием. Так, например, краска красного цвета впитывает синий и зелёный, отражая только красный свет.

Проблема в том, что мы не можем создать идеальный цвет только путём отражения света. CMY спектр есть своеобразный компромисс: голубой не отражает красный, пурпурный не отражает зелёный, а жёлтый не отражает синий. То есть, если мы хотим стимулировать "синие" колбочки, нам нужно смешать голубой и пурпурный - эти цвета отразят как можно меньше красного и зелёного. Помимо этого, в CMY гамму добавлен ещё и чёрный, так как компоненты этого спектра не идеальны и их смешивание в равных пропорциях не даст чёрного.

В модели RGB (аддитивный канал) мы как бы добавляем оттенки к оригинальным; в CMY (субтрактивный канал) все наоборот: чем меньше оттенка мы добавим, тем ярче будет конечный цвет.

Четыре правила смешивания цветов

Правило #1. Смешивание оттенков

Если смешивать два оттенка, то мы получим оттенок где-то между ними, соответственно пропорциям. Применимо как в аддитивном, так и в субтрактивном смешивании.

Правило #2. Смешивание добавочных оттенков

Вы, возможно, слышали о добавочных цветах - это оттенки, лежащие друг напротив друга на цветовом кольце. Контраст между ними (когда оба оттенка имеют одинаковую яркость) настолько же сильный, как между белым и черным. Тем не менее, если их смешать, то они как бы нейтрализуют друг друга.

Смешивание добавочных оттенков даёт нейтральный цвет (серый или сероватый). Аддитивное смешивание 100% ярких добавочных оттенков даст белый, субтрактивное - чёрный.

В субтрактивном методе смешивания прибавление небольшого количества добавочного оттенка поможет наверняка уменьшить яркость.

Правило #3. Смешивание насыщенностей

В обоих методах пропорции при смешивании уравниваются, и в результате насыщенность уменьшается.

Правило #4. Смешивание яркостей

При аддитивном смешивании мы получаем более яркий цвет, при субтрактивном - цвет темнее, чем наиболее светлый из двух цветов.

Цветовая температура

Традиция делить цвета на тёплые и холодные устоялась давно. Мы знаем, что тёплые цвета активные и дружелюбные, а холодные - наоборот. Можно написать много книг о психологии цветов, но дело в том, что цвета делятся на холодные и тёплые спектрально. Какой цвет более тёплый, красный или жёлтый, вы можете сказать? Пурпурный цвет - холодный или тёплый? Где вообще находится эта граница разделения?

Посмотрите на схему. Получается, что теоретически все красные оттенки относятся к тёплым. Однако есть оттенки красного, которые выглядят холоднее. Все дело в контрастности. Цвет не может быть тёплым или холодным, только теплее или холоднее. Кольцо оттенков легче разделить на холодную и тёплую половину. Вырежем красный цвет из палитры, и тут не будет холодного и тёплого. Будет лишь красный.

Итак, как нам создать более тёплый или более холодный оттенок? Все тона на колесе - соседи. У каждого оттенка соседи с какой-либо стороны теплее, с другой - холоднее. Если нам нужен оттенок холоднее оригинального, просто двигаемся по кольцу в соответствующую сторону.

Основные правила затенения

Итак, мы подошли к самому главному. Дайте мне несколько минут и вы сами увидите, что это огромное вступление было необходимо. Если вы будете помнить только правила и не будете знать откуда они вытекают, ваши знания будут ограничены, но если вы правда будете понимать, как это работает, то для вас нет преград!

Основной цвет

Главный цвет, не подсвеченный никаким источником света, называют основным. Хм, мы же знаем, что так не бывает... Лучше сказать, что основной цвет - это цвет, на который не влияют сильно ни свет, ни тень. То есть вишня красная, даже если с одной стороны солнце ее подсвечивает до оранжевого, а с другой, темной стороны она бордовая. Сама вишня все равно красная.

Какие должны быть параметры насыщенности и яркости у основного цвета? Яркость определяется относительно целой картины. Чтобы увидеть настоящую яркость, положите ваш объект на лист белой бумаги. И объект, и бумага освещены одним источником света, и объект не может быть ярче бумаги.

Объясняется все просто - лист белой бумаги отражает 100% света. Если объект ярче бумаги, значит он должен отражать более ста процентов света, а это невозможно. Все дело в контрасте.

А что с насыщенностью? Если яркость зависит от интенсивности света, то насыщенность зависит от пропорций цвета. А пропорции цвета остаются статичными, если меняется интенсивность (есть одно исключение, о котором мы поговорим позже). Это как добавлять воды с каждой ложкой сахара - чай не станет слаще.

Прямой источник света

Давайте вспомним одну схему из прошлой статьи:

Начнём с совсем простенькой картинки. Трава зелёная, мяч красный, небо... неважно. Если фон далеко от объекта, он никак на него не влияет. Сейчас, без прямого источника света, картинка выглядит плоской. Мы называем цвета в таком случае «плоскими».

Когда прямой источник света присутствует, он заполняет все пространство. Его интенсивность - яркость - максимальная в точках, на который свет падает прямо, и минимальная в точках, на который свет почти не падает (теневые области).

Чтобы мяч не висел в воздухе, а лежал на поверхности, нам нужно нарисовать ещё и тоненькую тень между мячом и поверхностью. Мы обсуждали это в прошлой статье. Эта тень - самая тёмная область картинки.

Проблема в том, что картина все равно выглядит ненастоящей. Она красочная, но такое ощущение, что эта картинка из детской книжки. Что-то не так. Если вы внимательно читали первую статью серии, то вы понимаете, что мы использовали только диффузное отражение. Каждый луч света, падающий на мяч, частично поглощён и отражает только красный цвет. То есть в области, на который падает свет, мы получили 100% красный и мы не можем это изменить! Это нормально для матовых материалов, и уменьшать в таком случае насыщенность, чтобы получить яркий красный - это неправильно.

Тогда в чем дело? Дело в том, что полностью матовые материалы в природе большая редкость. То есть большинство матовых материалов также немного обладают способностью зеркального отражения. Немного переместитесь, глядя на какой-либо объект, и если оттенок в некоторых его областях будет хоть немного меняться, значит этот объект способен отражать и зеркально. Если вид объекта вообще никак не изменяется - значит он матовый полностью.

Зеркальное отражение, как мы уже выяснили ранее, это отражение источника света. Большую роль играет соотношение способностей объекта отражать диффузно и зеркально.

Когда мы уменьшаем насыщенность яркой части объекта (добавляем белого, так сказать), мы не увеличиваем его яркость - мы увеличиваем блеск.

Так или иначе, наш мяч все ещё ненастоящий. Теперь он выглядит так, как будто мы нашли где-то 3D модель. Дело в том, что мы использовали нейтральный белый - а в природе такого быть не может. Солнечный свет, пока доходит до наших глаз, проходит и через слои атмосферы. В общем, мы уже говорили об этом в первой статье серии.

Волны небольшой и средней длин рассеиваются легче всего. Чем больше их путь через атмосферу, тем более они рассеиваются, и, может даже вовсе не достигают ваших глаз (во всяком случае, не из изначального источника). Поэтому, "белый" луч становится в основном красным и зелёным, и даже в самой высокой точке наблюдается небольшой недостаток синего - солнечный свет тёплый.

Так почему же отражение из источника тёплого света нейтрально-белое? Чтобы избежать этот эффект искусственной 3D модели, понизьте насыщенность и увеличьте температуру, добавляя в то же самое время тёплый блеск (не важно, сильный или нет). Как мы заметили ранее, красный бывает тёплым и холодным, то есть поверхность не обязательно становится оранжевой или жёлтой.

Важно не приучиться постоянно использовать блеск, чтобы сделать вашу работу более привлекательной. Если вы чувствуете, что приближаетесь к белому, это значит, что ваш объект блестящий или мокрый. Помните об этом, когда будете рисовать кожу.

Непрямые источники света

Но что случается со всей этой синевой, которая рассеивается? Конечно, она делает небо голубым, но если мы видим яркую синеву, это значит, что цвет попадает в наши глаза, и не только глаза. Непрямой свет касается всего вокруг, и, отражённый, он становится виден и для нашего зрения. Он не такой яркий, как прямой солнечный свет, и все же, он может сделать поверхность чуточку ярче. Также, если поверхность не полностью матовая, цвет поверхности теряет насыщенность, приобретая холодный оттенок (так как наш непрямой источник света - холодный). Помните, что прямой свет намного сильнее света непрямого, и они никогда не смешаются - отражение непрямого света не может пересечь линию предела.

Гладкие и блестящие поверхности обладают наибольшей способностью отражать, но матовые, как наша "земля", так же влияют на объекты.

Как мы подметили в предыдущей статье, контраст с расстоянием уменьшается. Но что происходит с оттенком, насыщенностью и яркостью удаляющегося объекта? Здесь все немного сложнее. Когда объект удаляется к фону, цветовая информация, которую он несёт смешивается со светом, отражённым от неба, верно? Это значит, что:

Оттенок постепенно меняет температуру в направлении оттенка неба

Яркость постепенно растёт, пока не достигнет яркости неба

Насыщенность смешана с шумом, поэтому, она падает. Но, если источник света находится на заднем плане (а на переднем плане темно), то насыщенность постепенно возрастёт с приближением к нему.

Чем атмосфера чище, тем реже такой эффект имеет место быть. К примеру, там, где много пыли, дыма, или очень влажно, даже близко расположенный объект радикально поменяет свои свойства. Общеизвестная фишка многих художников (и, кстати, создателей фильмов) - создание глубоких перспектив даже на, по факту, небольших расстояниях, - к примеру, нарисовать одну ногу монстра более глубоким, ярким синим. Для нашего мозга это означает, что нога находится дальше,- то есть, мы достигли глубины. Как бы то ни было, помните, что такой трюк "утолщает" атмосферу, и на открытом воздухе не сработает.

Цвет и цветовая яркость

Правильное заполнение цветом создаёт правильную яркость, так сказать, непреднамеренно. Новички часто начинают свои рисунки с распределения яркости, чтобы все пошло, так сказать, как по маслу, но, на самом деле, с только что изученными нами правилами проблем с работой с цветом у вас больше быть не должно. Действительно, какие могут быть проблемы?
. Первоначальная яркость основного цвета устанавливает, так сказать, яркость для всего рисунка
. Рассеянные свет и тени так же насыщены, как и основной цвет
. Чем больше блеска - тем больше цветовой яркости
. Непрямой свет никогда не бывает ярче прямого, а значит, он не может быть спутан с основным источником света
. Основной цвет становится линией предела, с бликами с одной стороны и тенями с другой, создавая правильный контраст

Как проверить, стоит добавить больше света или теней? Все зависит от контраста, и тут вам самим нужно выбрать, какой лучше подойдёт атмосфере вашего рисунка. В общем, было бы хорошо, помести вы предмет на три фона: белый, чёрный и 50% серый. Если ваш предмет выглядит хорошо на всех трёх - все идёт отлично. Обесцвечивание вашего рисунка для сравнения -тоже хорошая идея.

То, что нужно запомнить

Очень насыщенные, яркие цвета крайне редки в природе, оставьте их для цветов, птиц, и магических предметов
. Помещайте свет на свет, и никогда свет на тень! Если вы хотите осветить тёмное место, делайте это постепенно.
. Если затенение выглядит слишком красочным, устройте небольшой перерыв для своих глаз, посмотрите на рисунок издалека. Велик шанс того, что после часов работы ваши глаза слишком сфокусированы на нем, и на самом деле с цветами все в порядке. Здесь может помочь вращение картинки или непрямой взгляд на неё, например, через зеркало.
. Оставьте 100% белый для бликов, а чёрный для так называемых "щелевых" теней. Их чрезмерное использование радикально уменьшит их силу.

Больше никаких догадок!

Как только вы поймёте, что цвет - это просто сигнал, вид информации, имитировать реальный мир в своих рисунках вам станет намного легче. Вам не нужно запоминать тысячи правил, как только вы поняли основы - вы можете просчитать реальность с удивительной точностью! Конечно, не принимайте их, как универсальный рецепт успеха, - искусство есть искусство, и иногда наилучший эффект может быть достигнут при нарушении правил.

Ожидайте последнюю статью из серии, в котором я покажу вам новые фишки, такие, как множественные и цветные источники света, прозрачность, распространение и преломление света, и расскажу обо всей этой суете вокруг текстур.

Цветовой тон

То, что в профессиональном лексиконе художников обозначается словом «цвет», в научном цветоведении определяется термином «цветовой тон».

Цветовой тон - качество хроматического цвета, при определении которого называют цвет красным, желтым, голубым, зеленым; особенность цвета отличаться от других цветов спектра. В нашем сознании цветовой тон ассоциируется с окраской хорошо знакомых предметов. Многие названия цветов произошли от объектов с характерным цветом: песочный, изумрудный, шоколадный, вишневый, что указывает на неразрывную связь цвета с предметным миром. Термины «светлота» и «цветовой тон» тесно связаны по своему содержанию с понятиями «свет» и «цвет». В натуре цветовой тон и светлота выступают неразделимо. И их разделение есть одна из условностей изобразительного искусства, зависящая от творческой установки художника, типа его видения, используемых им материала и техники. Однако между понятиями «светлота» и «цветовой тон» нельзя провести абсолютного разграничения и теоретически. Если, например, мы берем синюю краску, в различной степени разбавленную белилами, то имеем светлотные градации или изменения ее по светлоте. То же самое будет и со всякой другой краской, но если мы возьмем одну из светлотных градаций синей и одну из светлых градаций красной. То должны будем иметь розовую и голубую краски. «Живопись есть передача тоном (т.е. светосилой цвета), плюс цвет, видимого материала» -- говорил Н. П. Крымов. Это еще раз свидетельствует о том, что всякое красочное пятно заключает в себе цвет, характеризующийся тремя связанными между собой показателями - «светлота», «цветовой тон», «насыщенность». И при изменении краски по светлоте происходит у одних красок меньше, у других - больше изменение по цветовому тону.

Насыщенность

Насыщенность - сила цвета - степень отличия хроматического цвета от равного с ним по светлоте серого цвета; степень приближения к чистому спектральному цвету или процентное содержание цвета в данном оттенке. Чем ближе цвет приближается к спектральному, чем сильнее его отличие от серого цвета, тем он насыщеннее. Розовый, светло-желтый, светло-голубой или темно-коричневый являются малонасыщенными цветами. В практике малонасыщенные цвета получают путем добавления к хроматическому цвету белой или черной краски. От примеси белил цвет светлеет, от черной краски - темнеет. Потемнение или посветление цвета всегда понижает его насыщенность. Насыщенность зависит и от цветового тона. Желтый цвет всегда насыщеннее красного, красный - синего.

В цветоведении часто измеряют не насыщенность, воспринимаемую визуально, а так называемую чистоту, или колориметрическую насыщенность цвета, которая определяется отношением яркости спектральной составляющей к общей яркости цвета. Чистота цвета - относительная величина и обычно выражается в процентах. Чистота спектральных цветов принимается за единицу, или за 100 процентов, а чистота ахроматических цветов равна нулю. Зная цветовой тон, светлоту и насыщенность цвета, можно количественно измерить любой цвет. Малейшее изменение одной из трех определяющих цвет величин влечет за собой изменение цвета. Метод определения цвета по трем перечисленным характеристикам, удобный тем, что цвет можно определить количественно, успешно применяется в различных областях науки и техники, в том числе в полиграфии, текстильном производстве, цветном телевидении и т.д., где для измерения цвета применяют специальные приборы - спектрофотометры и колориметры различных систем. Все методы определения цвета в колориметрии основаны на сравнении цветов, которые лежат в одной плоскости и находятся в одинаковых условиях освещения. В живописи при работе с натуры художник должен анализировать и сравнивать цвета, присущие сложным по форме объемным объектам или предметам, которые, как правило, находятся в окружении цветовой среды или предметов другого цвета и которые расположены на нескольких, иногда достаточно удаленных друг от друга планах и, следовательно, и различных условиях освещения.

Цветовой круг

Цвета спектра - красный, желтый, синий - называют основными цветами. Их нельзя получить смешением других цветов. Если смешать два крайних цвета спектра - красный и фиолетовый, то получится новый промежуточный цвет - пурпурный. В результате мы имеем восемь цветов, считающихся в практике наиболее важными: это желтый, оранжевый, красный, пурпурный, фиолетовый, синий, голубой и зеленый. Замкнув эту полоску в кольцо, можно получить цветовой круг с той же последовательностью цветов, как в спектре. Если в цветовом круге из восьми цветов смешивать соседние цвета в различных пропорциях, то можно получить множество промежуточных оттенков. Смешивая оранжевый с желтым, получим оранжево-желтый и желто-оранжевый и т.д. Цветовые круги могут быть различными по количеству содержащихся в них цветов, но не более 150, т.к. большего количества глаз не различает.

Цветовой круг можно разделить на две части так, чтобы в одну часть вошли красные, оранжевые, желтые и желто- зеленые цвета, а в другую - голубо-зеленые, голубые, синие, фиолетовые. Первые из них называют теплыми цветами, вторые - холодными. Отнесение цветов к теплым или холодным основано на том, что красные, оранжевые и желтые цвета напоминают цвет огня, солнечного света, раскаленных предметов; голубые, синие, фиолетовые цвета напоминают цвет воды, воздушной дали, льда. Чистый зеленый цвет считается нейтральным. Он может быть теплым, если в нем будут заметны желтоватые оттенки, и холодным, если в нем будут преобладать голубоватые и синеватые оттенки.

Основные признаки цвета: цветовой тон, светлота, насыщенность.

Существует несколько признаков цвета, основных из них ТРИ : цветовой тон, насыщенность и светлота.

Цветовой тон определяет место цвета в спектре ("красный-зеленый-желтый-синий" и т. д.). Это главная характеристика цвета. В физическом смысле ЦВЕТОВОЙ ТОН зависит от длины световой волны. Длинные волны - красная часть спектра. Короткие - сдвиг в сине-фиолетовую сторону. Средняя длина волны - это желтые и зеленые цвета, они наиболее оптимальны для глаза.

В нашем сознании цветовой тон ассоциируется с окраской хорошо знакомых предметов. Многие наименования цветов произошли прямо от объектов с характерным цветом: песочный, морской волны, изумрудный, шоколадный, коралловый, малиновый, вишневый, сливочный. Легко догадаться, что цветовой тон определяется названием цвета (желтый, красный, синий) и зависит от его места в спектре.

Интересно узнать, что натренированный глаз при ярком дневном освещении различает до 180 цветовых тонов и до 10 ступеней (градаций) насыщенности. Вообще, развитый человеческий глаз способен различать около 360 оттенков цвета.

Степень хроматичности цвета определяется насыщенностью . Это степень удаленности цвета от серого той же светлоты. Представьте, как свежую траву у дороги покрывает пыль слой за слоем. Чем больше слоев пыли, чем слабее виден первоначальный чистый зеленый цвет, тем меньше НАСЫЩЕННОСТЬ этого зеленого. Цвета с максимальной насыщенностью - это спектральные цвета, минимальная насыщенность дает полную ахроматику (отсутствие цветового тона).

Изменить насыщенность можно 3 способами:

§ добавлением в спектральный цвет черного,

§ добавлением в спектральный цвет белого,

§ добавлением в спектральный цвет его контрастной пары (например: к красно-оранжевому добавить сине - зеленый)

Третий признак цвета - СВЕТЛОТА . Любые цвета и оттенки, независимо от цветового тона, можно сравнить по светлоте, то есть, определить, какой из них темнее, а какой светлее.

Светлота – это сетосила цвета. Изначально (спектрально) самым светлым является желтый. Самым темным - синий. это положение цвета на шкале от белого до черного. Характеризуется словами "красный темный" или " красный светлый". Для ахроматических максимальной СВЕТЛОТОЙ обладает белый цвет, минимальной - черный.

Светлота - качество, присущее как хроматическим, так и ахроматическим цветам. Светлоту не следует путать с белизной (как качеством цвета предмета).

У художников принято светлотные отношения называть тональными, поэтому не следует путать светлотный и цветовой тон, светотеневой и цветовой строй произведения. Когда говорят, что картина написана в светлых тонах, то прежде всего имеют в виду светлотные отношения, а по цвету она может быть и серо-белой, и розовато-желтой, светло-сиреневой, словом самой разной.

Сравнивать по светлоте можно любые цвета и оттенки: бледно-зеленый с темно-зеленым, розовый с синим, красный с фиолетовым.

Интересно заметить, что красный, розовый, зеленый, коричневый и другие цвета могут быть и светлыми, и темными цветами.

Благодаря тому, что мы помним цвета окружающих нас предметов, мы представляем себе их светлоту. Например, желтый лимон светлее синей скатерти, и мы помним, что желтый цвет светлее синего.

Ахроматические цвета, то есть, серые, белые и черные, характеризуются только светлотой. Различия по светлоте заключаются в том, что одни цвета темнее, а другие светлее.

Любой хроматический цвет может быть сопоставлен по светлоте с ахроматическим цветом.

Можно сравнить цвета: красный и серый, розовый и светло-серый, темно-зеленый и темно-серый, фиолетовый и черный. Ахроматические цвета подобраны по светлоте равными хроматическим.

Часть 2. Насыщенность и яркость

Насыщенность - это интенсивность или чистота цвета и она является одним из основных пособников уродливых цветорешений. Яркость - она имеет отношение к светлым или темным тонам красок.

Итак, давайте посмотрим вот на что, слева здесь - 100% насыщенности, очень трудно на это смотреть. Но если мы уменьшим её до 20%, то цвет станет почти телесно-розовым. И опять же, цвета я вообще не менял, просто уменьшил насыщенность, а в результате получилась такая разница.

Попробуем сделать то же самое с яркостью. 100% яркости слева, 20% — справа. В результате квадрат справа выглядит грязно-коричневым, чем красным.

Если вы разберётесь в обоих этих факторах и в насыщенности и яркости, то, как видите можете получить изобилие разных оттенков — и всё это из одного чистого цвета, который был вначале.

Пример вы можете увидеть в этой картине. Хорошо видно, что единственный цвет, который здесь есть — это красный. Простое смешивание его с белой и чёрной краской меняет насыщенность и яркость и обладает силой создать целое изображение из одного единственного цвета. Это очень интересно.

Что же касается мира компьютерной графики, насыщенность здесь является одним из главнейших «преступников».

Многие художники выбирают цвета с высокой насыщенностью, потому что думают, что результат будет превосходным. Однако это очень далеко от правды. Цвета с высокой насыщенностью выглядят не только ненатурально, но и не дают глазу отдохнуть. Особенно, если в рисунке они повсюду, а ведь такой «отдых» очень важен для изображения.

Что касается этого рисунка, то когда вы долго на него смотрите, он начинает вас раздражать. Поэтому участки с низкой насыщенностью цвета очень важны для изображения.

Но нельзя сказать, что использование ярко насыщенных цветов, это всегда плохо. В этом примере вы можете видеть, что ваше внимание невольно привлекают те ярко-красные-горы на заднем фоне.

Это было сделано осознанно и является частью композиционного элемента. Ваши глаза прослеживают весь путь, по которому идут верблюды, вперед и назад, отличное решение.

Что касается этой картины Клода Монэ, здесь автор явно хотел, чтобы вы заметили эти цветы, дикий мак, они называются. Ну, это и так видно. Их красный цвет здесь флуоресцентный, он практически выпрыгивает на вас с картины.

Очень выразительный и, наверное, единственный элемент, который вам запоминается на этой картины.

Цвет ещё используется и для того, чтобы рассказать историю. Если посмотреть на историю живописи, то на большинстве картин Иисус всегда одет в красное. И сделано это для того, чтобы ваше внимание останавливалось на нём. Также красный цвет делает его могущественным и значительным.

Что касается мультфильмов, то здесь насыщенные или яркие цвета играют в вашу пользу. Потому что незамедлительно притягивают внимание к ненатуральным объектам и это играет на руку нереалистичным и гипертрофированным качествам.

Яркость и насыщенность может даже подчеркнуть ваше настроение. Если помните начало мультфильма «ВВерх», то можете обратить внимание, что цвета там очень яркие: много оранжевого, розового, флуоресцентной травы. Это было сделано для того, чтобы обозначить радостные, счастливые моменты в жизни героев. Но далее последовали печальные сцены и цвета потеряли эту насыщенность, там появилось много серого, коричневого.

Если посмотрите на изображение справа, то увидите, что там почти нет цвета. Я имею ввиду, что там есть немного голубого, чуть-чуть коричневого, но они практически лишены насыщенности. Это сделано для того, чтобы вы ощутили те чувства холода и одиночества, которые переживают герои. Этот же эффект использовался в начале «The Incredibles» («Суперсемейки») и The Matrix (« Матицы»).

Цвета очень сильно влияют на смену настроения, и это очень часто используется в Голливуде, а также в видеоиграх. Например, «Call of Duty» практически лишён насыщенности.

Яркость и насыщенность так же влияют и на построение композиции. Посмотрите на эту картин, ваш взгляд, наверняка, привлекают вон те парни в красных штанах.

Действительно, это отводит ваш взгляд на задний план, снимая внимание с переднего, просто потому, что там есть насыщенные краски. Это очень важно.

Такой же эффект вы можете увидеть здесь. Если бы не ярко окрашенный попугай на переднем лане, вряд ли этот рисунок можно было бы назвать удачным.

Этот попугай даёт нам возможность остановить на нём своё внимание, а потом рассматривать всю остальную картину.

Если резюмировать всё о чём мы говорили, то насыщенность и яркость чрезвычайно важны:

  • не переусердствуйте с ними - не нужно делать весь рисунок насыщенным и ярким, иначе в результате вы получите ужасное изображение;
  • применяйте насыщенность и яркость, чтобы направлять внимание зрителя;
  • используйте из для того чтобы рассказать историю, показать кто является главной фигурой, к кому или к чему вы хотите привлечь внимание;
  • также с помощью яркости и насыщенности, вы можете менять настроение, в анимации применяют много ярких красок, а потом уменьшают их насыщенность для грустных сцен;
  • ещё вы можете использовать насыщенность и яркость для объектов, которые без них потерялись бы в картине.

Итак вот почему насыщенность и яркость, ведут нас к пункту номер 3 — Цветовым гармониям (цветовым гармониям)

Текст и изображения взяты из видео на YouTube канале «MAUZER696»:

Наш глаз способен различать три основные характеристики цвета: оттенок, яркость и насыщенность, а многообразие наших впечатлений зависит от множества их градаций и сочетаний.

Цветовой оттенок

Оттенок - это и есть подлинный цвет . Для гармоничных сочетаний цветовых оттенков используют .

Сочетания цветов имеют закономерности, которые необходимо знать.

Например, цвета, расположенные на противоположных сторонах цветового круга, называются комплементарными (дополнительными). Комлементарные цвета дополняют друг друга, а их смесь приведет к образованию серого либо нейтральных цветовых оттенков.

Однако не только сочетания оттенков имеют значение. Посмотрим на следующую фотографию манекенщицы.

На изображении присутствуют оттенки желтого и синего - комплементарных (дополнительных) контрастирующих цветов.

Этот контраст помогает привлечь внимание к голубому пальто, в то время как лицо девушки несколько сливается с фоном (это и понятно: продают пальто, а не девушку...).

Здесь мы столкнулись с необходимостью в некоторых случаях подбирать контрастирующие оттенки. Это станет очевидным, если мы проанализируем области яркости изображения. Для этого переводим изображение в тоновой формат и видим обратную картину: теперь наше внимание привлекает лицо, в то время как пальто сливается с подложкой.

Дело в том, что цвета фона и пальто имеют одинаковые показатели тона, только контраст цветов в данном случае может выделить объект, привлечь к нему внимание.

Яркость

Яркость представляет собой собственно тон , то есть смесь цвета с некоторым количеством белого или черного. Слева голубой цвет близок к белому, поэтому он «яркий». Справа цвет близок к черному, поэтому считается «темным».

Яркость цвета - важный элемент любого дизайна, влияющий на восприятие в целом. Во многом именно яркость определяет пространственное восприятие изображения.

В качестве примера рассмотрим изображение артишока.

Как видно цветовой оттенок изображения один и тот же, но, контраст цветов по яркости позволяет определить не только положение объекта в пространстве (отделяет артишок на изображении от фона), но и позволяета разграничить и различить листья растения.

Градации яркости показывают контуры форм объектов изображения.

Однако довольно сложно определить какой из оттенков более яркий.

Посмотрите на рисунок и попробуйте сказать, какой цвет в данных парах более яркий?

На самом же деле обе цветовые пары имеют одинаковые показатели яркости.

Существует удобный способ для определения яркости цвета. Как мы уже знаем, именно степень присутствия белого или черного и определяет яркость. Поэтому для определения степени яркости вполне логично сопоставить следующую градацию синего цвета с его черно-белым аналогом.

Теперь предположим, что нам надо сравнить по яркости два цвета красный и синий

Определим степень яркости синего, сопоставляя его с оттенками нейтрального серого. Лучше всего смотреть с некоторого расстояния: когда границы между синим и оттенком серого сливаются, можно сказать, что яркость одинакова. В данном случае синий соответствует серому справа. Сопоставив этот оттенок серого с красным цветом, мы видим, что синий и красный одинаковы по яркости. Все не так уж и сложно.

Яркость контраста цветов изображения и фона важна для пространственного восприятия.В данном случае белый фон обеспечивает достаточную контрастность для яблок всех цветов, кроме желтого, наиболее яркого. Желтое яблоко сливается с фоном, что делает его сложным для восприятия.В случае же темной подложки плохо воспринимаются менее яркие синее и коричневые яблоки.

Итак, мы выявили правило: фон должен контрастировать по яркости с объектами переднего плана. Отталкиваясь от этого правила, можно обеспечить удобочитаемость текста, изображения. Следует избегать сочетаний, где фон приближается по яркости к тексту.

Когда же текст и фон контрастируют по яркости, помимо удобочитаемости, это придает определенную эмоциональную окраску тексту. В некоторых странах законодательство даже требует, чтобы дорожные и прочие знаки были контрастными.

Насыщенность

Насыщенность - это интенсивность цвета. Так, красный является более насыщенным по сравнению с красновато-коричневым, хотя оба используют один и тот же основной оттенок и тон.

Степень насыщенности цвета определяется степенью присутствия в оттенке чистого цвета. Синонимами насыщенности могут служить «интенсивность», «хроматичность». Чем выше присутствие чистого хроматического цвета, тем выше насыщенность. Добавление черного, белого или любого другого цвета понижает насыщенность.

Серый цвет слева хроматичен, насыщен, в этом оттенке серого можно угадать присутствие другого цвета. Это даже не серый - это «зеленовато-серый». Оттенок серого справа нейтрален, ахроматичен. Здесь нельзя уловить присутствие какого-нибудь другого цвета. Надо сказать, ахроматичный серый цвет редко встречается в природе, поэтому выглядит неестественно.

Литература:

Архитектурная колористика. Цвет в интерьере: учебное пособие / сост. В.Ю. Рыбникова, И.В. Кулага



Рассказать друзьям