Как рисовать окружение
Пошагово рисуем пейзаж с домиком на примере курса «Основы создания окружения». Упражнения и советы из статьи можно использовать вне курса.
Что такое окружение и зачем оно нужно?
Окружение — это все, что находится в поле зрения зрителя. Это может быть и интерьер залитой солнцем комнаты, и горный пейзаж, и даже рубка управления космическим кораблем. Задача художника по окружению — убедить зрителя в реальности придуманного мира. Поэтому такие специалисты особенно востребованы в киноиндустрии и геймдеве — там, где нужно визуализировать новые миры, которые еще находятся в головах сценаристов.
Для создания полноценных иллюстраций тоже нужно знать, как рисовать окружение. В противном случае каждая работа будет представлять собой персонажа или предмет в вакууме.
Востребованность специалистов по окружению подчеркивает и эксперт мирового уровня по игровому движку Unreal Engine 4, технический художник Том Шеннон.
Спрос на художников по окружению гораздо выше, чем на тех, кто рисует только персонажей, например. Эта сфера очень широка — будь то концепт-арт, рекламные постеры для проекта или даже иллюстрация фейкового скриншота из еще не вышедшей игры.
Поговорим о том, как нарисовать пейзаж и на каких моментах заострить внимание.
Блок 1. Планируем наполнение
На этом этапе мы формируем идею и выдаем ее на бумагу: придумываем, какие объекты изобразим, и как они будут выглядеть.
Подбираем элементы окружения и выбираем главное
Представьте, что вы решили нарисовать вид из окна. Вы изобразите дома, деревья, машины. Все это — элементы окружения, которые в цифровом рисовании называют пропсами. Само слово «props» переводится с английского как «реквизит». Чистый холст в таком случае выступает сценой, на которой художник расставляет декорации.
На сцене должен присутствовать главный герой, к которому будет прикован взгляд зрителя. Это необязательно должен быть живой пе��сонаж: внимание может привлечь и домик на опушке леса, и огромное старое дерево, и даже груда камней. Такой композиционно значимый объект будет «лэндмарком» — достопримечательностью в окружении. Это частный случай пропса, который должен выделяться среди всех остальных.
На курсе студенты рисуют домик в лесу или в любом другом окружении. Почему именно домик? Дело в том, что архитектурный объект в среде — это наиболее частый сценарий для иллюстраций окружения. Когда студенты научатся изображать простую постройку, они смогут взяться и за более сложные задачи — рисовать, к примеру, дворцы, замки или целые города.
Подход к дизайну пропсов
Разобравшись, какими объектами мы собираемся заполнить окружение, нужно поразмыслить над их внешним видом. В концепт-арте художники обычно начинают работу с силуэта, который является базовым и самым важным элементом дизайна.
На первый взгляд нет ничего сложного в том, чтобы придумать силуэт для домика. Но проблема может возникнуть на следующем этапе, во время отрисовки: будет непросто нарисовать объект внутри выбранного силуэта, если изначально не подумать о том, зачем добавляются те или иные элементы.
Поэтому перед работой над дизайном пропсов нужно тщательно изучить структуру объекта, который мы хотим изобразить, и формы, из которых он состоит. В этом деле помогут референсы и статья о скетчинге, где мы рассказывали о работе с примитивами, а также материал по «анатомии» дома.
Упражнение 1. Делаем эскизы из простых форм
Чтобы лучше понимать принципы работы с примитивами, студенты рисуют несколько вариантов домика. Их собирают из простых форм, словно конструктор, комбинируя кубы, цилиндры, сферы и т.д. Сначала рисуют один элемент, а потом постепенно добавляют к нему остальные (см. пример ниже). При этом важно сочетать формы так, чтобы они не были одинаковыми по размеру и весу. В гармоничном дизайне должны прослеживаться большие, средние и малые формы.
Распространенные риски и как их исправить
Риск 1. Неудачное сочетание форм
Как уже говорили выше, студенты собирают домик, словно конструктор из простых геометрических фигур. В процессе они порой забывают, что объект должен содержать разные по размеру формы — в итоге получается, что формы имеют одинаковый вес и спорят между собой.
Решение
Тщательно анализируйте референсы. Разбейте изображенные на них объекты на составные части разной формы и размера. Не приступайте сразу к прорисовке кирпичиков и окошек. Идите от общего к частному: сперва силуэт, а затем — детали.
Риск 2. Выбран неинформативный ракурс
Строго фронтальное изображение объекта — ошибка, из-за которой зритель плохо чувствует форму и объем. Он не может представить нарисованное в трехмерном виде, поскольку для этого нужно видеть не только переднюю стену домика, но и боковую.
Решение
При работе над дизайном объектов используйте информативные ракурсы. Лучше всего изобразить пропсы в ¾ . Так будет проще передать их объем и пропорции.
Блок 2. Выстраиваем композицию
На первом этапе разработки окружения мы придумали, чем наполнить сцену и выбрали конечный дизайн домика. Самое время расставить все по местам.
Нужно задуматься, для чего мы вводим те или иные элементы в работу. Каждый из них должен направлять взгляд зрителя в нужную нам сторону. В противном случае есть риск, что часть элементов ухудшит работу просто из-за того, что мы не знаем, как ими пользоваться.
Как удачно расположить элементы на картине
Композиция в рисовании — это способ расположения и соотношения всего, что изображено на холсте. Она нужна для гармоничного сочетания элементов окружения и контроля за вниманием зрителя. Работа с хорошей композицией выглядит целостной и понятной.
Существует много вариантов построения композиции. В качестве примера разберем один из самых популярных и поговорим о нюансах в расположении объектов.
Правило третей
Для создания композиции по этой схеме нужно разделить холст на 9 равных частей с помощью перпендикулярных линий, чтобы получилось подобие сетки. Точки пересечения этих линий — наиболее удачное место для расположения лэндмарков.
Нюансы — определяем положение горизонта
От того, как мы расположим условную линию, разделяющую небо и землю, зависит восприятие картины. Линия горизонта определяет точку, с которой зритель смотрит на изображенный сюжет и является основой для построения всей перспективы.
Посмотрите на пример ниже. Низкий горизонт на картине слева создает ощущение огромного воздушного пространства над землей. Небо перетягивает на себя основное внимание зрителя. Персонаж на картине справа кажется высоким и величественным не только из-за того, что он едет на лошади, но и потому, что точка зрения зрителя гораздо ниже уровня глаз всадника. Он останется выше, даже если спешится.
Еще один пример. Высокая линия горизонта слева перетягивает внимание зрителя с неба на землю и позволяет увидеть сцену с высоты птичьего полета. На картине справа горизонт находится на уровне глаз зрителя, что позволяет нам почувствовать себя участниками действия.
Нюансы — расположение масс
От того, как вы обойдетесь с пропсами разной массы в работе, будет зависеть гармоничность композиции. Вариантов уравновешивания масс много: например, крупный и проработанный лэндмарк можно сбалансировать меньшим объектом по другую сторону от центра холста. Подробнее о вариантах расположения масс можно прочесть в статье «15 типов композиции для художников».
Ещё больше о композиции и ее вариантах читайте в статье «12 простых правил выгодного размещения объектов».
Упражнение 1. Анализируем референсы и строим композицию
На этом этапе начинающим художникам будет полезно проанализировать работы более опытных коллег. Это помогает понять, как мастера решают вопросы композиции, где располагают лэндмарк и как подводят к нему взгляд зрителя. Чтобы анализ вышел более понятным и ощутимым, можно сделать простые композиционные стадики. Главное — делать это вдумчиво и подмечать нюансы композиции, а не просто срисовывать.
Затем можно приступить к простраиванию своей композиции с опорой на референсы. Лучше сделать несколько разных вариантов.
Распространенные риски и как их исправить
Риск 1. Не соблюдается принцип равновесия
Бывает, что большая часть пропсов располагается в одной части листа, а вторая при этом остается пустой. Это портит композицию, поскольку в ней нет баланса. Объекты на перегруженной части будут плохо считываться, что утомит взгляд зрителя. А в пустой зоне отдыха ему будет не за что зацепиться.
Решение
Постарайтесь равномерно распределять визуальные массы на холсте. Объекты можно располагать группами — нарисовать рядом с домом дерево и ведущий к нему забор, стайку птиц на фоне облаков и т.д.
Важно также помнить, что чем выше детализация, тем больше внимания привлечет объект. Например, домик должен быть прорисован в деталях, а вот кусты вокруг него — нет. Это нужно, чтобы не перетянуть фокус внимания с главного объекта на второстепенные.
Риск 2. Выбран неудачный формат кадра
Иногда форма лэндмарка не подходит под выбранную ориентацию кадра. Попытка вписать высокую башню в горизонтальный кадр или зажать длинное строение в тесные рамки вертикального — рискованная.
Решение
Нужно опираться на уже заданное движение форм лэндмарка. Горизонтальная ориентация холста поддержит движение приземистого домика, усилит ощущение его формы. Важно рассматривать кадрирование как часть композиции, а не что-то второстепенное.
Блок 3. Добавляем цвет и освещение
На предыдущем этапе мы определились с композицией и расставили все объекты на холсте. У нас готов монохромный рисунок или очищенный от всего лишнего лайн. Теперь пришло время придать ему цвет, объем и плановость.
Композиция цвета и освещения
Задача каждого аспекта композиции — управлять вниманием зрителя. Мы приступаем к этому с самого начала, когда ищем формы для лэндмарков и пропсов. Потом мы используем направляющие и силуэты, соотношение визуальных масс и ориентацию кадра. Цвет и свет — мощный инструмент, способный усилить эффект от всего вышеперечисленного.
При работе с цветами важно помнить о том, чтобы они не спорили между собой. Для этого они должны отличаться по тону, яркости и насыщенности. Разной должна быть и площадь цветовых пятен, чтобы рисунок не превратился в однородную массу. В хорошей работе легко читаются база, нюанс и акцент (БНА).
Что это такое?
База — цвет, который занимает на холсте наибольшую площадь. Остальные цвета художники подбирают по отношению к нему.
Нюанс — дополнительный к базе цвет, обычно — сосед на цветовом круге.
Акцент — цвет, наиболее контрастный к базе. Он самый заметный, хоть и имеет наименьшую площадь.
Посмотрим работу БНА на примере:
Цвет и свет неразрывно связаны между собой. От уровня освещенности зависит тон и насыщенность цветов, а значит и то, насколько они будут заметны. Когда мы добавляем свет на некую поверхность, мы сигнализируем зрителю «смотри сюда», а когда затеняем — наоборот.
Важно отметить, что глаз ищет не столько самый светлый участок, сколько самый контрастный. Поэтому черное пятно на светлом фоне привлечет не меньше внимания, чем светлое на темном.
В рамках курса мы рассматриваем наиболее простую схему освещения, когда свет мягко концентрируется на домике, будто в ясный солнечный день. Так студенты могут свободно работать с чистыми цветами и прорисовать детали, которые не потеряются в мягких, не сильно контрастных тенях.
Как придать работе глубину с помощью планов
Не стоит забывать про разбивку работы на планы — ближний, средний и дальний. Без них рисунок будет казаться плоским; у зрителя не появится ощущение трехмерного пространства.
Как работает плановость? В большинстве случаев достаточно соблюдать переход от темного ближнего плана к светлому дальнему. По мере удаления от зрителя тон становится светлее, а объекты теряют детализацию из-за того, что молекулы воды и пыли в воздухе становятся плотнее и мешают обзору. Это называется воздушной перспективой.
Упражнение 1. Подбираем цветовую палитру
Изучив теорию, переходим к практике и выбору цвета. На этом этапе нужно сделать несколько вариантов цветовых композиций и освещения. Не забывайте подбирать референсы и к цветовым схемам: желательно использовать сразу несколько референсов для каждой композиции.
Распространенные риски и как их исправить
Риск 1. Используется «грязный» цвет
Блеклые цвета с примесью серого нередко портят работы начинающих художников. Цвет становится грязным при смешении исходных цветов с неподходящими параметрами насыщенности и яркости. В таком случае краски выглядят сероватыми и блеклыми.
Решение
Не нужно бояться напортачить в учебной работе, особенно если вы работаете в цифре. На первых этапах можно брать цвета пипеткой напрямую с референсов и смотреть на их положение в цветовом пространстве. Но если вы хотите расти дальше как художник, то нужно обязательно изучить теорию цвета, чтобы понять, как он ведет себя в различных условиях.
Можете прочесть статью о том, как справиться с проблемой грязных цветов.
Риск 2. Несоблюдение принципа теплохолодности
Студенты порой подбирают палитру, где присутствуют только теплые или только холодные цвета. Такая работа может выглядеть скучно.
Решение
В стандартных условиях мы всегда видим цвета разной температуры в своем окружении. Это соответствует базовому правилу живописи, согласно которому теплый свет дает холодные тени и наоборот. Оно работает в большинстве случаев за редким исключением.
Блок 4. Добавляем завершающие штрихи
На данном этапе наша работа уже должна иметь приемлемый вид — все расставлено по правилам композиции, в рисунке есть плановость, точка фокуса, цвет и освещение. Пришло время финализировать рисунок.
Детали
Первый шаг на этом этапе — детализация. Не стоит тут же бросаться прорисовывать каждый листик на деревьях. Лучше отдалить работу, посмотреть на нее свежим взглядом или даже попросить посмотреть кого-нибудь из знакомых. Обратите внимание на участки, к которым вы хотите привлечь внимание зрителя — здесь и нужно заняться детализацией.
Всегда стоит помнить, для чего мы делаем рисунок. От этого зависит требуемый уровень детализации. Если вы создаете концепт, то для него может быть достаточно лайна, цвета и освещения. А для детальной иллюстрации пригодятся навыки рендера материалов.
Постобработка
Доводим картинку до коммерческого вида с помощью постобработки. Например, если работе не хватает контраста, можно сделать копию рисунка на новом слое, поставить ей режим наложения Soft Light или Overlay, а затем отрегулировать прозрачность.
Для того, чтобы проверить, все ли в порядке с насыщенностью, поверх картинки можно наложить новый слой с серой заливкой. Затем нужно выбрать режим наложения Luminosity. На слое с заливкой яркие участки должны быть там, где это выгодно композиционно — например, в месте, к которому мы хотим привлечь внимание зрителя.
Распространенные риски и как их исправить
Риск 1. Закапывание в детали
Порой студенты слишком увлекаются рисованием деталей. Из-за этой ошибки работа становится перегруженной, теряется центр фокуса.
Решение
Почаще отдаляйте работу. Помните, что детальной проработки требуют только фокусные точки и точки интереса, все остальное пространство нет смысла досконально прорисовывать. Важно целостное ощущение от работы.
Риск 2. Некорректная разбивка на планы
При добавлении цвета и освещения может измениться тон элементов на картине. Из-за этого работа потеряет глубину и станет выглядеть плоской, станет сложно определить, что находится ближе, а что — дальше.
Решение
Почаще переводите свою работу в ч/б, чтобы проверить, не спорят ли объекты по тону, не размылись ли планы. Помните, что объект, который находится ближе к зрителю, будет темнее и теплее по цвету при дневном освещении. По мере удаления он будет светлеть и приобретать холодный оттенок в соответствии с правилами воздушной перспективы.
Блок 5. Превращаем дневное окружение в ночное
После того, как вы нарисовали дневной пейзаж, можете попробовать превратить его в ночной. Здесь действуют уже другие правила, о которых мы расскажем ниже. На курсе этот блок является бонусным для всех, кто дошел до конца обучения.
Меняем цветовую гамму
Описанный здесь пайплайн позволяет легко превратить дневное окружение в ночное. Изменения происходят на этапе работы с цветом и освещением. Цветовая гамма становится более ограниченной, поскольку человеческий глаз при недостатке света плохо различает цвета. Сторонние источники освещения при этом начинают активнее влиять на окружающие объекты и доминировать над собственными цветами предметов.
Иначе работает и плановость — объекты будут темнеть по мере удаления, а не светлеть, как это бывает при дневном свете. Глазам попросту не хватает света, чтобы увидеть то, что находится на расстоянии.
Изображая ночь, художники обычно рисуют так называемый «синий» час. Это время, когда солнце только скрылось за горизонтом или еще собирается взойти. В такие моменты небосвод остается достаточно ярким, чтобы можно было различить детали объектов окружения. В то же время зритель понимает, что изображена ночь или поздний вечер.
Вот пример синего часа в рисунке:
Распространенные риски и как их исправить
Риск 1. Недобор в цвете
Если слишком сильно ограничить палитру цветов, работа становится почти монохромной.
Решение
Изучайте референсы и не бойтесь работать с цветом! Конечно, ночью все кошки серые, но один из крутейших навыков художника — показать, что кошка серая, с помощью фиолетового цвета!
Как закрепить результат?
За курс каждый студент рисует одну детализированную работу. Конечно, этого недостаточно, чтобы сразу стать профи. Курс дает рабочий пайплайн, однако без регулярной практики не будет профессионального роста.
Студентам мы предлагаем закрепить знания челленджем #envifive4ivan . Его суть в том, чтобы нарисовать 5 работ по пайплайну курса. Темы для челленджа можно поискать на pinterest или, например, нарисовать пять домиков разных персонажей: домик ведьмы, домик алхимика, домик кузнеца и так далее.
Что нужно, чтобы записаться на курс?
Необходимо владеть навыками, преподаваемыми на курсах «Основы CG рисунка», «Скетчинг и формы», «Рендер материалов». Новичкам будет сложно создать иллюстрацию окружения без базовых навыков.
Графический планшет или iPad с Apple Pencil.
От 7 до 14 свободных часов в неделю.
Желание и готовность рисовать!
Дополнительные материалы
Текст написал Богдан Дудниченко, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.