палитра кожи с кодами

Таблица цветовых кодов RGB

Палитра цветов RGB

Таблица цветовых кодов RGB

Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Шестнадцатеричный: #
Красный:
Зеленый:
Синий:

Цветовое пространство RGB

Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.

RGB ≡ красный, зеленый, синий

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

Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.

Любое значение между ними устанавливает частичное излучение светодиода.

Цветовой формат и расчет RGB

Код RGB имеет формат 24 бита (биты 0..23):

КРАСНЫЙ [7: 0]ЗЕЛЕНЫЙ [7: 0]СИНИЙ [7: 0]
231615870

Примеры расчетов

Белый цвет RGB

White RGB code = 255*65536+255*256+255 = #FFFFFF

Синий цвет RGB

Blue RGB code = 0*65536+0*256+255 = #0000FF

Красный цвет RGB

Red RGB code = 255*65536+0*256+0 = #FF0000

Зеленый цвет RGB

Green RGB code = 0*65536+255*256+0 = #00FF00

Серый цвет RGB

Gray RGB code = 128*65536+128*256+128 = #808080

Желтый цвет RGB

Yellow RGB code = 255*65536+255*256+0 = #FFFF00

Источник

Правильный цвет лица CMYK в полиграфии

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

палитра кожи с кодами. 1321077440 5 by 5 average. палитра кожи с кодами фото. палитра кожи с кодами-1321077440 5 by 5 average. картинка палитра кожи с кодами. картинка 1321077440 5 by 5 average. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Во-первых, проверьте параметры инструмента глазной Пипетка (eye dropper tool). Удостоверьтесь, что Размер образца (Point Sample) установлен на значение 5х5.

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

палитра кожи с кодами. 1321077566 eyedropper target. палитра кожи с кодами фото. палитра кожи с кодами-1321077566 eyedropper target. картинка палитра кожи с кодами. картинка 1321077566 eyedropper target. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Теперь приступим к коррекции. Пройдите в меню Слой> Новый корректирующий слой > Кривые (Layer > New Adjustment Layer > Curves) или щелкните по иконке Новый корректирующий слой или слой-заливка (new fill or adjustment layer).

палитра кожи с кодами. 1321077635 add curves layer. палитра кожи с кодами фото. палитра кожи с кодами-1321077635 add curves layer. картинка палитра кожи с кодами. картинка 1321077635 add curves layer. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Из раскрывшегося списка выберите Кривые (Curves).

палитра кожи с кодами. 1321077558 curves layer. палитра кожи с кодами фото. палитра кожи с кодами-1321077558 curves layer. картинка палитра кожи с кодами. картинка 1321077558 curves layer. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

В то время как диалоговое окно кривых все еще открыто, посмотрите на панель Инфо (Info): Вы будете видеть два набора параметров цвета RGB. Это параметры цвета целевой области, которую мы выбрали пипеткой.

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

палитра кожи с кодами. 1321077654 info dropper. палитра кожи с кодами фото. палитра кожи с кодами-1321077654 info dropper. картинка палитра кожи с кодами. картинка 1321077654 info dropper. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Нажмите на небольшую пипетку в нижней части панели Инфо, и из раскрывшегося списка выберите строку Цвета CMYK (CMYK color).

палитра кожи с кодами. 1321077704 info to cmyk. палитра кожи с кодами фото. палитра кожи с кодами-1321077704 info to cmyk. картинка палитра кожи с кодами. картинка 1321077704 info to cmyk. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Исправляем значения цвета кожи.

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

палитра кожи с кодами. 1321077766 curves channels. палитра кожи с кодами фото. палитра кожи с кодами-1321077766 curves channels. картинка палитра кожи с кодами. картинка 1321077766 curves channels. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Помните, что числа справа — наши «новые» значения, которые будут меняться при работе со слоем кривых.

палитра кожи с кодами. 1321077827 watch cmyk. палитра кожи с кодами фото. палитра кожи с кодами-1321077827 watch cmyk. картинка палитра кожи с кодами. картинка 1321077827 watch cmyk. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Оценка цвета кожи в режиме CMYK.

В средней белой коже пурпурный (magenta) (M) и желтый (yellow) (Y) цвета должны быть примерно на одном уровне, но желтого чуть больше.Голубого (Cyan) (C) должно быть от 1/5 до 1/3 желтого (Y) и пурпурного цветов. Просто умножьте Голубой (С) сначала на 3, потом на 5, чтобы удостовериться, что вы в пределах нужного диапазона. Черного цвета вообще не должно присутствовать.

палитра кожи с кодами. 1321077904 curves before after. палитра кожи с кодами фото. палитра кожи с кодами-1321077904 curves before after. картинка палитра кожи с кодами. картинка 1321077904 curves before after. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

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

В данном примере Голубой (C) цвет имеет слишком высокое значение – 16. Посчитаем: 16 X 3 = 48, что намного выше, чем пурпурный (34) и желтый (36).

палитра кожи с кодами. 1321078085 info dialogue cmyktarget. палитра кожи с кодами фото. палитра кожи с кодами-1321078085 info dialogue cmyktarget. картинка палитра кожи с кодами. картинка 1321078085 info dialogue cmyktarget. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

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

Внося Ваши корректировки в диалоговом окне кривых, обратите внимание на то, что при уменьшении красного цвета в канале Red вы увеличиваете голубой. При уменьшении зеленого в канале Green – увеличиваете пурпурный, а при уменьшении синего в канале Blue – увеличиваете желтый. С увеличением аналогично.

палитра кожи с кодами. 1321078217 curves adjustments. палитра кожи с кодами фото. палитра кожи с кодами-1321078217 curves adjustments. картинка палитра кожи с кодами. картинка 1321078217 curves adjustments. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Светлокожий розоватый ребенок имеет оттенок кожи с параметрами цвета: 15%-ый пурпурный, 16%-ый желтый цвет. Кожа большинства светлокожих людей имеет желтого цвета (Y) на 5-20 % больше, чем пурпурного. Таким образом кожа светлокожего человека имеет в среднем 20% пурпурного цвета, 25% желтого цвета. Загорелая кожа светлокожего человека имеет в среднем 45% пурпурного, 62% желтого. У азиатской и латиноамериканской кожи, как правило, желтого цвета будет на 10-20 % больше чем пурпурного. Также там присутствует черный цвет. В особенности у латиноамериканской кожи его может быть до 50%.

Цвет лица в полиграфии

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

палитра кожи с кодами. 1321078248 table skin tone. палитра кожи с кодами фото. палитра кожи с кодами-1321078248 table skin tone. картинка палитра кожи с кодами. картинка 1321078248 table skin tone. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Теперь вы знаете, как корректировать цвет и тон кожи в фотошопе.

Источник

Балансировка цвета кожи

Яблоки красные, небо голубое, трава зеленая, а какого цвета кожа?

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

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

Более того, кожа у каждого человека имеет свой цвет, это зависит не только от расовой принадлежности, но и от индивидуальных особенностей. Чтобы понять насколько различается цвет кожи от человека к человеку, ознакомьтесь с проектом Angélica Dass под названием Humanæ. Её проект не является техническим руководством, он подчеркивает сложность, с которой фотографы сталкиваются при работе с цветом и оттенками кожи, которые так различаются у всех людей.

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

Теория цвета и оттенки кожи

Обзор некоторых основ теории цвета поможет во время технического процесса обработки цвета кожи.

Две цветовые системы

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

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

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

Чтобы понаблюдать, как взаимодействуют две системы, откройте в Photoshop диалоговое окно Colour Balance (Image > Adjustments > Colour Balance) или создайте корректирующий слой Colour Balance (Layer > New Adjustment Layer > Colour Balance). Поиграйте со слайдерами и посмотрите, как две системы работают вместе.

Цветовые системы в Photoshop

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

Цвет кожи в значениях CMYK

Вы можете найти множество предложенных формул для точного воспроизведения оттенков кожи. У всех графических редакторов имеются свои фавориты. Такие формулы, как правило, выражаются в виде соответствующих пропорций цианового, мадженты, желтого и черного цветов. Например:

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

Балансировка тона кожи

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

1. Подготовьте изображение

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

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

2. Выберите образец

Для начала откройте панель информации Info (Window > Info или F8) и выберите инструмент Eyedropper Tool (Пипетка). В панели настроек инструмента выберите размер для образца (Sample Size) равный 11 на 11 пикселей (“11 by 11 Average”). Если ваше изображение низкого разрешения, то есть смысл выбрать меньший размер образца.

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

В панели Info кликните по иконке с пипеткой, расположенной рядом с информацией о выбранном вами образце кожи, и выберите в ниспадающем меню CMYK. Таким образом, вы получите цветовые значения системы CMYK, но в то же время все изображение останется в системе RGB.

3. Оцените цветовую информацию

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

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

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

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

4. Используйте Кривые

Чтобы начать работу с цветами создайте новый корректирующий слой с кривыми (Layer > New Adjustment Layer > Curves). В панели корректирующего слоя выберите инструмент для коррекции на изображении (рука с указывающим пальцем).

Вам предстоит работать с отдельными каналами: Красным, Зеленым и Синим. Поэтому следует помнить:

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

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

5. Отрегулируйте насыщенность

Изменение цветового баланса скажется на цветовой насыщенности изображения. Поэтому после завершения работы с корректирующим слоем Кривые, отрегулируйте насыщенность фотографии. Для этого добавьте новый корректирующий слой Hue/Saturation (Layer > New Adjustment Layer > Hue/Saturation). Уменьшите насыщенность, если в том есть необходимость.

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

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

Справочный список: Измерения цветов кожи

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

Удалите все точки, выставленные на первом этапе. Для этого в ниспадающем меню в панели Info выберите De-select “Colour Samplers.” Объедините изображение, над которым вы работали (Layer > Flatten Image).

1. Подготовьте образцы

Выберите инструмент Elliptical Marquee Tool (M) и выделите маленькую область светлой кожи (примерно 250 – 400 пикселей в диаметре). Скопируйте выделение на новый слой (Command/Control-J). Выделите область такого же размера с кожей средней освещенности, переходящей в теневую зону, и также скопируйте на отдельный слой.

Отключите видимость фонового слоя Background. Теперь у вас есть два новых слоя, каждый из которых содержит образец кожи. Выделите два слоя и объедините в один (Command/Control-E).

Затем к получившемуся слою примените фильтр Gaussian Blur (Filter > Blur > Gaussian Blur). Подберите значение размытия, при котором исчезнут все признаки зернистости и текстуры кожи.

2.Создайте градиент

В панели инструментов выберите Gradient Tool (G), в панели с параметрами инструмента отметьте Foreground to Background (от Основного цвета к Фоновому), Dither (Растушевка) и уберите галочку с Transparency (Прозрачность).

Кликните по табличке с градиентом в панели с параметрами инструмента, чтобы открыть диалоговое окно. Кликните по левому нижнему ползунку, отвечающему за цвет, и затем чуть ниже в ниспадающем меню опций Color выберите User Colour. Ваш курсор изменится на пипетку. На слое выберите один из образцов цвета кожи. Повторите все эти действия на другом конце градиента, выбрав другой образец цвета кожи. Дайте градиенту название и нажмите Ok.

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

3.Сохраните файл

Удалите фоновый слой (сначала дважды кликните по слою, чтобы разблокировать его и затем удалите). Измените размер изображения (Image > Image Size). Размера 1000 на 1500 пикселей будет более, чем достаточно. Для параметра Resample (Ресамплинг) в диалоговом окне Image Size (Размер изображения) выберите Bicubic (Бикубическое) в ниспадающем меню.

Использование справочного списка цветов кожи

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

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

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

Заключение

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

Источник

Как рисовать кожу? Связь цвета и света

Как подобрать цвета при рисовании кожи? Как поменяется цвет объекта в зависимости от цвета освещения? Разбираемся с этими и другими вопросами в статье.

Статья — пересказ этого видео.

В прошлом уроке художник Марко Буччи показал, как придать объём портрету и понять работу освещения. В этом уроке он расскажет, как нарисовать кожу реалистично и как подобрать цвет в зависимости от освещения.

Телесные цвета

Прекрасные новости: нет такого понятия, как «правильные телесные цвета». Можно окрасить свою кожу в любые мыслимые цвета — и она всё так же будет выглядеть кожей.

У кожи нет одного цвета. Можно выделить три основные цветовые зоны:

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

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

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

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

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

Вся эта идея базируется на утверждении, что одна часть цветового круга – это тёплые цвета: красные, жёлтые, оранжевые, словом, те, при взгляде на которые представляется жаркое пламя (ауч). Другая часть – голубые, фиолетовые и т.д. – холодные, стереотипно представляемые цветами льда, снега, воды и всего холодного. Остальные оттенки принято считать «переходными» от тёплых к холодным и обратно.

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

Сравним эти два цвета:

Это элементарный пример с яркими красным и синим цветами.. Здесь легко определить, какой цвет теплее, а какой — холоднее.

А теперь взглянем на такой вариант:

Здесь уже разница не так очевидна.

А теперь сравним эти цвета:

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

Этот подход основывается на модели, согласно которой цвет «двигается» по цветовому кругу в зависимости от освещения. Поговорим об этом подробнее.

Как свет влияет на цвет?

Локальные, они же базовые цвета – это не то, что видит наш глаз. Человеческий глаз видит комбинацию «базовый цвет+свет».

Посмотрим, как это работает, на цветовом круге. Для начала определимся с базовым цветом. Нам подойдёт этот красный:

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

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

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

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

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

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

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

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

Результатом такого взаимодействия будет небольшое изменение оттенка, не настолько сильное, как в случае с насыщенным тоном источника света.

Холодный свет

Что будет, если базовый цвет останется тем же, а источник света будет холодным?

По пути от основного цвета к оттенку источника освещения мы должны пройти через «‎серую зону» в середине цветового круга.

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

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

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

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

Вернёмся к яйцу: добавим свет

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

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

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

Окружение работает как набор маленьких источников света, имеющих собственную силу: свет отражается от окружения и падает на теневую сторону. Это называется «рефлекс».

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

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

Будьте свободны в выборе цвета! До тех пор, пока цвета в тени будут двигаться примерно в одном направлении по цветовому кругу, паззл будет складываться.

Одно из самых распространённых клише в рисовании про то, что тёплый свет даёт более прохладные тени, обманчиво. Это не аксиома. Сам по себе тёплый свет не создает холодные тени. Дело в том, что теплый источник света «‎двигает» базовые цвета ближе к этой теплоте, однако не трогает тени, потому что не касается затененных частей. И вот поэтому только контекст/окружение может сделать тень прохладнее.

Рисование головы: нанесение цвета

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

Нанесём базовые цвета на портрет и условно разделим их на две большие группы: «светлые» и «тёмные».

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

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

Мы в самом начале обсудили три цветовые зоны – охристую наверху, красноватую посередине и прохладную внизу.

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

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

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

Кто автор урока?

Напомним, Марко Буччи — это известный художник-иллюстратор и преподаватель живописи из Канады. За 15 лет профессиональной деятельности Марко успел поработать с издательством Walt Disney Publishing Worldwide, производителями игрушек LEGO, Hasbro, Mattel Toys и Fisher-Price, разработчиком игр LucasArts, а также мультипликационными студиями Nelvana, GURU Studio, C.O.R.E. Digital Pictures и Yowza! Animation.

В качестве преподавателя Марко сотрудничал с Академией искусств Сан-Франциско, Колледжем Сентенниал в Торонто и другими учебными заведениями.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *