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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Насыщенность – степень выраженности цветового тона. Насыщенность является показателем силы и чистоты цвета. Наиболее насыщенные цвета как правило используются для выделения акцентов.

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

Насыщенность не следует путать с интенсивностью. Наиболее интенсивны тона с насыщенностью 100% (100% цветового пигмента в красочной смеси) и средней светлотой. Очень светлые и темные тона выглядят не слишком интенсивными даже при 100% насыщенности.

Насыщенность цвета - это второй субъективный признак цвета, характеризующий силу, интенсивность ощущения цветового тона. Среди ряда цветов одного тона, например среди синих цветов, можно выделить те, у которых сильнее выражен синий тон; и которые воспринимаются как ярко синими. Насыщенность цвета ассоциируется в нашем сознании с количеством красящего вещества, например, с его концентрацией в краске, а также с его чистотой. Например, увеличивая концентрацию красителя или, иначе говоря, насыщая им раствор, мы тем самым увеличиваем насыщенность цвета этого раствора. Увеличивая содержание пигмента в краске, мы также увеличиваем ее насыщенность. Насыщенность цвета предметов проявляет себя максимально, если предметы освещены светом этого цвета. Натренированный наблюдатель при дневном освещении различает до 180 цветовых тонов и до 16 ступеней (градаций) насыщенности. (Таким образом, пространство цветового охвата человека состоит из 1880 оттенков чистых цветов, а оттенки смешенных цветов представляют очень большое, но конечное множество цветов.) При пониженном освещении число различимых цветов заметно сокращается. Кроме того, резко меняется представление о цветовом тоне если освещение цветное. Ночью (при голубом лунном свете) все кошки черные. Ощущения цветности и насыщенности можно приближенно выразить объективными характеристиками излучений. Так, цветовой тон выражают длиной волны монохроматического излучения, который в смеси с белым светом дает такое же зрительное ощущение цвета, как характеризуемый объект. Длина волны этого монохроматического излучения называется доминирующей длиной волны. Насыщенность при этом количественно выражается чистотой цвета, которая представляет собой долю монохроматического потока в смеси его с белым светом. Короче говоря, чистоту цвета определяют отношением мощности монохроматического излучения к мощности суммарных излучений видимого спектра, которые создают заданный цвет. Чем больше мощность монохроматического излучения в смеси и чем меньше мощность белого света, тем выше чистота цвета. Спектральные цвета имеют максимальную чистоту, равную единице. В спектральных цветах света равна нулю.

Под чистотой цвета в цветоведении понимают отсутствие в том или ином цвете примесей других цветов или их оттенков. Чистыми цветами в спектре считаются только три: красный, жёлтый, синий. Эти цвета называются первичными или основными. Чистота цвета – это скорее психологическое понятие, нежели физическое: «не чистый» оранжевый тоже может быть представлен в спектре волнами определённой длины.

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

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

Восприятие чистоты цвета

Проявляется при рассмотрении двух изолированных лучей света с одинаковыми по ощущению цветовым тоном и яркостью, но разной чистотой. Таким примером могут служить красный и розовый цвета. Можно считать, что каждое ощущение содержит хроматическую и ахроматическую составляющие. В ощущении розового содержится малая доля хроматической составляющей (цветового тона); отсюда следует, что у розового цвета низкая воспринимаемая чистота. Могут восприниматься цвета, имеющие воспринимаемую чистоту 100%; это означает, что они содержат только хроматическую компоненту. Многие из таких цветов воспроизводятся монохроматическим светом.

Существуют разногласия и относительно понятия «насыщенность» цвета, на что обращает внимание в своей книге С. Алексеев. «Термин «насыщенность», — пишет он, — художники чаще всего заменяют термином «интенсивность». Этот последний термин употребляется и в науке о цвете, только в ином значении». Однако и в науке до недавнего времени «насыщенность» понималась различно. Так, например, В. Оствальд понимал под нею активность цветового компонента в красочном пятне или процент серого и белого в нем, то есть как объективное качество красочного пятна.

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

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

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

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

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

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

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

В практике живописи взаимозависимость понятий «светлота» и «насыщенность» настолько велика, что различие между ними иногда бывает трудно провести; в то же время, подходя к вопросу теоретически, нельзя этого различия не учитывать. Потемнение или посветление цвета есть всегда и понижение его насыщенности. Разбеливая цвет, мы делаем его бледным, менее цветным, а затемняя, допустим, черной или иной темной краской, также заглушаем, делаем малонасыщенным. Таким образом, выходит, что затемнение цвета до определенного предела повышает его насыщенность, а затем идет понижение последней. Так, смоченный водой или маслом пигмент становится темнее и пока еще повышает свою насыщенность.

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

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

Сопоставляя естественнонаучные данные о цвете, сравнивая содержание цветоведческих и искусствоведческих терминов, следует иметь в виду, что естествознание имеет дело с иным цветом, нежели теория живописи. Физики, психофизики, психологи изучают преимущественно цвета, получаемые в лабораторных условиях, путем разложения и синтеза световых потоков различного волнового состава, что позволяет наблюдать и измерять цвет довольно точно. Художники и искусствоведы имеют дело в первую очередь с визуально наблюдаемым цветом красочного пятна, то есть с цветом поверхности красочного слоя. И насыщенность самой «чистой», «яркой» краски никогда не сравнится с насыщенностью чистого спектрального цвета.

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

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

ЯРКОСТЬ, ОТТЕНОК, НАСЫЩЕННОСТЬ

На этих трех параметрах основана весьма удобная в обращении цветовая модель HSB (hue, saturation, brightness), которая входит в большинство графических пакетов. Эта модель не обеспечивает такой степени точности, как RGB, зато делает процесс подбора цвета более наглядным.

Яркость

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

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

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

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

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

Теперь предположим, что нам надо сравнить по яркости два следующих цвета.

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

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

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

Хроматичные и ахроматичные цвета

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

Оттенок

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

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

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

Продолжим с теорией цвета.
Сегодня поговорим об оставшихся двух характеристиках цвета:
светлый - насыщенный
яркий - мягкий

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

Посмотрим на 2 схемы:

По оси х (горизонтальной, кто забыл математику=)) идет яркость , по у - насыщенность , отдельно вынесли z - собственно, сам цвет , тон
Тут видно, что яркий цвет - это цвет без добавления серого , в то время как мягкий цвет - цвет с добавлением серого

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

Теперь посмотрим палитру самой простой графической программы - paint

Палитра№2

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

Вот еще одна более простая схема яркости и мягкости, светлоты и насыщенности

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

Как можно сделать вывод : и яркие и мягкие цвета бывают светлыми и темными.

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

В общем,если обобщить теорию о характеристиках цвета, получим:

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

Что касается ахроматических цветов, то черный и белый - яркие цвета, серый - мягкий.
Черный - насыщенный цвет, белый - светлый, что же касается серого , то зависит от того, чего в нем больше - белого или черного . Средний серый , который получается при смешивании противоположных цветов - нейтрален, так как в нем 50% белого и 50% черного.