Секрет реалистичной живописи: осваиваем интенсивность

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

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

Интенсивность против яркости

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

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

Конечно, вы начинаете с черного, но кроме этого него больше нет смысла использовать серый цвет. Нет ползунка «Интенсивность» для любого из оттенков! Но вместо этого мы можем использовать Яркость, верно? Некоторые программы даже называют это Интенсивность!

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

Так меняется оттенок красного на сфере; Он выглядит точно так же и на других сферах. Заметьте, что Яркость - это единственное, что изменяется. Тоже самое и с Интенсивностью?

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

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

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

Почему? Просто посмотрите на RGB-представление белого и красного. 100% ярко-серый (белый) состоит из 255R, 255G и 255B, в то время как 100% ярко-красный состоит только из 255R. Не может 255R быть той же яркости, что и 255R, 255G и 255B все вместе!

Конечно, вы можете добавить G и B к красному, чтобы сделать его ярче, но угадайте, что произойдет потом!

Насыщенность - это мера чистоты цвета. Чем ниже Насыщенность, тем грязнее цвет. Если вы используете только 255R, насыщенность будет 100%, потому цвет максимально чист. Его Яркость также 100%, потому что это тоже максимальное значение для R.

Когда вы обесцветите что-то красочное, как это было с сферами, то его насыщенность сбрасывается, а цвета преобразуются в серый. 255R (будучи 100% ярко-красным) не может перейти в 100% ярко-серый, потому что он будет белым, а белый состоит из 255 для каждого компонента. Поэтому, когда вы обесцветите 100% красный, его яркость уменьшается при отсутствии 100% зеленого и синего - на две трети от его полной яркости.

Тем не менее, мы не получаем 33% ярко-красного цвета в результате. Это потому, что Photoshop включает в себя еще одно правило - наши глаза не одинаково чувствительны к каждому цвету. Короче говоря, зеленый цвет кажется самым ярким для наших глаз (59% белого), красный - второй по яркости (30% белого), а синий кажется самым темным (11% белого). А какой сейчас в этом смысл?

Когда мы обесцветили сферы, 100% ярко-красный цвет уменьшился на 59% (яркость отсутствующего 100% ярко-зеленого) и 11% (яркость отсутствующего 100% ярко-синего). 90% ярко-красного цвета уменьшилось на 53% (яркость недостающего 90% ярко-зеленого) и 10% (яркость отсутствующего 90% ярко-синего). И так это происходит!

Если вы суммируете все яркости ненасыщенных сфер, наши волшебные первоначальные значения возвращаются:

Но ... это математика, верно? Художники ничего не высчитывают, когда рисуют! Тем не менее, все эти цифры были необходимы, чтобы объяснить, как 100% яркость становится ярче (!) При уменьшении насыщенности. 100% Яркость не может быть еще более ярче - увеличивается интенсивность.

Итак, Яркость = интенсивность только для серых цветов. Для каждого цвета (под цветом я имею в виду любой с насыщенностью и яркостью выше 0), интенсивность основывается на Яркости и Насыщенности - чем больше насыщенность, тем меньше интенсивность.

Почему это так важно?

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

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

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

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

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

Как научиться использовать интенсивность

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

Выберите (Control-A) изображение, а затем создайте новый файл (Control-N) - разрешение будет скопировано. Вернитесь к оригиналу и скопируйте лайнарт, а затем вставьте его в новый файл.

Перейдите в меню Окно > Упорядочить > 2 вверх по вертикали. Оба окна будут располагаться бок о бок, что является наилучшим вариантом для работы с одной ссылкой. С этого момента я буду называть окно с ссылкой - оригинал, а другое - урок.

Шаг 5

Перейдите к оригиналу. Щелкните слой с изображением и выберите Фильтр> Преобразовать для смарт-фильтров. Таким образом, вы сможете изменить настройку фильтра несколько раз после применения фильтра.

Перейдите в меню Фильтр > Галерея фильтров и выберите фильтр Вырез в списке Художественные. Измените количество уровней до минимума, придайте ему минимальную простоту краев и максимальную точность вершин.

Эффект должен быть аналогичен следующему:

Шаг 6.

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

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

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

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

Шаг 7.

Перейдите к оригиналу и дважды щелкните имя фильтра на слое. Измените количество уровней на 3 и вернитесь к уроку.

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

Шаг 8

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

Теперь у вас может возникнуть важный вопрос: «Как узнать, какую интенсивность использовать для цветов, которые я еще не рисовал?» Когда мы не уверены, как все это будет выглядеть после добавления окончательного слоя «цвета», мы склонны прибегать к оттенкам серого, потому что нам хочется поскорее увидеть, что мы будем рисовать! Затем добавим последний волшебный слой и ... что-то не работает.

Ответ прост: на картине не цвета, это их интенсивность. Вы можете спланировать сумасшедшую цветовую схему, и она будет работать правильно, если вы, в первую очередь, используете правильную интенсивность. А что такое «правильные значения интенсивности»? Те, которые уже хорошо работают вместе в оттенках серого!

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

Шаг 9

Изменим количество уровней до 5. Теперь у нас должно быть достаточно деталей, чтобы скрыть лайнарт. Измените прозрачность до 20% в обоих файлах и на этот раз создайте новый слой над ним в файле урока. Мы закрасим его до тех пор, пока он не исчезнет или, по крайней мере, его можно будет безопасно отбросить.

Шаг 10

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

Шаг 11

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

Шаг 12.

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

Шаг 13.

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

Что теперь?

Надеюсь, это был интересный урок! Перед тем, как двигаться дальше, вот несколько дополнительных советов:

• Урок, каким бы прекрасным и утонченным он ни был, не является искусством. Вы рисуете это, чтобы узнать что-то, а не произвести впечатление на других. Не публикуйте свои онлайн-уроки и даже не работайте с таким намерением - оно переключит ваше внимание не на ту строну, и вы в итоге ничего нового не узнаете.
• Изучая, сосредоточьтесь только на теме, которую изучаете. Не будьте слишком строги к себе в случае анатомических ошибок или неправильных пропорций - прищуривайте глаза, смотрите, правильно ли выглядят цвета, и продолжайте!
  
• Детали - это не только «маленькие объекты» на картинке, но и количество оттенков. Начните с ограниченного числа, и добавьте их постепенно, когда двинетесь дальше. Чем их больше, тем более подробными должны быть объекты.
  
• Оставляйте белый и черный для особых случаев. Эти цветы очень мощные, когда их мало на картинке, но когда их слишком много, они будут выглядеть слабыми, не имея ничего более мощного, чтобы могло сбалансировать их.
• Не начинайте с идеального плана - определите, где будет что-то темное, где будут яркие части (независимо от освещения), а затем настройте оттенки этого очень общего плана. Этот первый этап должен выглядеть почти как финальная версия, когда вы прищуриваетесь.
• Изучая реальный мир, старайтесь видеть интенсивность цветов, а не сами цвета. Попробуйте это сразу после окончания изучения интенсивности и посмотрите, как это будет легко сделать после этого упражнения!
• Когда вы получите хорошие результаты в этих исследованиях, переходите к следующему шагу - не используйте какой-либо фильтр, но по-прежнему рисуйте все уровни один за другим, как если бы они там были.