Основы управления цветом

header-rudenkooleg-com

"Белый так же важен для цветовой палитры, как тишина для музыки."

ODED EZER

 Будучи фотографом, дизайнером или иллюстратором и пытаясь найти информацию о гармонии цвета мы обнаруживаем источники с различными программами, плагинами для Adobe Photoshop и Adobe Illustrator, готовыми пресетами для Adobe Lightroom на все случаи жизни и пр. Весь этот инструментарий может существенно помочь и ускорить работу, но он вряд ли сможет развить чувство гармонии и баланса. Сегодня я хочу поговорить о тяжелой артиллерии: цвете. Инструменте сложном в управлении, но крайне эффективном.

Спектр

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

Цвет-ощущение, которое получает человек при попадании ему в глаз световых лучей, соответственно без источника света цвет невозможен. Известно, что разные люди воспринимают цвет по-разному, в силу своих физико-психологических особенностей, что делает споры по поводу "какой это цвет?" бессмысленными.

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

У физиков и химиков есть таблица Менделеева, которая упорядочивает химические элементы в одну удобную систему, у математиков-таблица умножения, писателей-алфавит. Практически во всех сферах своей деятельности человечество имеет систему, которая упорядочивает, выступает как справочник, облегчая тем самым работу. Но возможно ли упорядочить цвет? Гете, Иттен, Ньютон, Манселл, Филд задались этим вопросом многим раньше нас, в следствии чего мы теперь можем пользоваться "цветовым кругом". По теории Гёте цвета происходили от борьбы света и тьмы, первыми из этого столкновения появились цвета первого порядка, их называют "первичными", это красный (Red), жёлтый (Yellow) и синий (Blue), цветовая модель (RYB).

 Цветовой круг Гёте (1) содержит в себе 6 контрастных цветов, которые расположены друг напротив друга.

Цветовой круг по Иоханнесу Иттену (2) состоит из 12 цветов, основные (красный, синий желтый) смешиваясь между собой рождают три дополняющих (составных) цвета: зеленый, оранжевый и фиолетовый. Смешав основные и составные цвета, мы получим результат в лице третичных.

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

Цветовая модель и пространство

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

RGB- аддитивная цветовая модель, которая используется для вывода на экраны мониторов и других электронных устройств. Состоит из красного (R-red), зеленого (G-green) и синего (B-blue) цветов, которые образуют все промежуточные. Аддитивная цветовая модель предполагает, что поверхность, изображающая цвет светится. Бумага свет не излучает, а поглощает, поэтому на ней невозможно отобразить цвета в модели RGB. Для печати изображения на бумагу цветовая модель конвертируется в CMYK.

CMYK (Cyan, Magenta, Yellow, Key color)-субтрактивная цветовая модель, используемая в полиграфии для стандартной триадной печати, цветовой охват не такой большой как у RGB. Если вычесть из белого три первичных цвета Red, Green и Blue, мы получим три дополняющих цвета Cyan (сине-зеленый), Magenta (пурпурный) и Yellow (желтый). Что же делает Key color (черный) в этой модели? Если смешать три основные цвета этой модели, мы получим черный, но только в идеальных условиях. Всё зависит от поверхности, на которой печатаем, условий впитываемости и качества краски. К тому же смешение этих всех цветов может привести к переувлажнению печатной бумаги. Во избежание рисков используют чистый черный цвет отдельно.

 Debobrata Aich Majumder (Bangladesh)

При подготовке материала к печати переключите цветовое пространство Adobe Photoshop в меню Edit-Convert to profile…Учтите, что сочные цвета на мониторе при печати могут оказаться совсем бледными, так как цветовой охват CMYK не такой огромный как RGB (пример выше). Во избежание неприятностей при печати, после перевода в CMYK можно поднять насыщенность или контраст изображения. После перевода в другую цветовую модель вы сразу заметите изменение в тонах и поймете, что именно нужно поправить. Распространяется это только на изображения с большим диапазоном тонов, если в работе, которую вы перевели в CMYK, цветов и оттенков не много, разницу вы не увидите.

Цветовые гармонии

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

 Во-первых, нам нужен компас, который поможет ориентироваться в лабиринтах цветов. Этим компасом будет онлайн сервис от Adobe для работы с цветовым кругом. Очень удобный инструмент, в котором мы сможем быстро переключатся между схемами подбора цветовой гармонии, сохранять свои палитры или использовать уже созданные другими пользователями. Интересно, что присутствует поиск по цветовым палитрам, введя в нем "море" мы получим гармонии, соответствующие цвету морских волн, вы должны быть в восторге. Бывает такое, что вам очень понравится цветовое решение какой-то картины или фотографии, но неопытному глазу тяжело определить цвета. Сервисом Adobe Color CC предусмотрен анализ загруженных вами фотографий и создание палитры из основных цветов. Загрузив фотографию, переключитесь обратно в режим цветового круга, теперь на нем автоматически будут расставлены основные цвета вашего изображения.

Во-вторых, ознакомьтесь с основными схемами подбора гармоничных цветов и примерами работ, выполненными в их ключе:

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

 Марина Игнатьева

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

 Jeremy Mann

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

 Van Gogh

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

 Mouni Feddag

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

Характеристики цвета

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

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

Светлота (Lightness/Brightness/Value)-степень близости цвета к белому, соответственно, любой цвет при увеличении светлоты становится белым. Интересно, что желтый цвет при одинаковой светлоте нам будет казаться светлее чем фиолетовый. Это особенность нашего восприятия. Увеличение светлоты сделает красный цвет розовым, синий - голубым, зеленый - салатовым и т. д.

Цветовой контраст и композиционная составляющая

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

Большинство начинающих объединяет одна нехорошая черта: попытки свести всё до максимума. Контраст-в максимум, насыщенность-в максимум. В работе с цветом нужно бороть эту жадность, "чем больше-тем лучше" здесь будет работать вам не в пользу. Если мы внимательно понаблюдаем за окружающей нас природой, заметим, что вокруг не так уж много "кричащих" насыщенных цветов. Яркие цвета конечно же есть, но в пропорциональном соотношении преобладают сдержанные и приглушенные.

 Malika Favre

Взгляните на первую слева работу французского иллюстратора Малики Фавр (рис. 1). Красный цвет купальника не только создает контраст, он уравновешивает работу и представляет из себя акцент, направляя наш взгляд в это место. Стоит это красное пятно убрать, как обрушится вся композиция иллюстрации и она станет менее интересной.

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

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

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

Я говорю не только о том контрасте, который можно получить, перетягивая ползунок Contrast в Photoshop или Lightroom, а о сопоставлении противоположностей. Для глаза приятны комбинации теплого-холодного, светлого-темного, бледного-насыщенного. В любом графическом редакторе оперируя только тремя значениями уже рассмотренных нами Hue, Saturation и Value можно получить практически бесконечное количество вариаций цветовых контрастов.

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

 Психология цвета

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

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

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

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

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

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

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

Этот цвет способен нести в себе как свежесть и легкость, так и холод, и изоляцию.

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

 Adobe Lightroom

От теории к практике. Если вам нужен действительно мощный инструмент для работы с цветом растровых изображений, один из лучших несомненно Adobe Lightroom. Доступен под Mac и Windows, а также для мобильных устройств.

 Заходим в меню Develop (редактирование) и находим в правой колонке вкладку HSL, которая отвечает за:

Оттенок (Hue)

Насыщенность (Saturation)

Светлота (Luminance)

Теперь перед нами открывается возможность работать с оттенком, насыщенностью и светлотой каждого цвета отдельно. Открою вам небольшой секрет, который я обвел красным кругом на изображении выше и название ему "Adjust by dragging in the photo". Выберите этот инструмент и наведите на любой цвет на фотографии, нажав левую кнопку мыши и двигайте ее вверх и вниз, это будет изменять настройки выбранного вами цвета. Вы будете приятно удивлены насколько это удобно.

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

GOLDSWORTHY. Land art как источник вдохновения
История одной фотографии
 

Comments

No comments made yet. Be the first to submit a comment

Gallery

The site is located on the dedicated server of the ROOTWELT#.