Мы делали ремастер
целый год
Gamedev
Smirnov School

Как рисовать окружение

Пошагово рисуем пейзаж с домиком на примере курса «Основы создания окружения». Упражнения и советы из статьи можно использовать вне курса.

Работа Натальи Кирпищиковой с курса.

Что такое окружение и зачем оно нужно?

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

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

Иван Смирнов
Основатель Smirnov School

Востребованность специалистов по окружению подчеркивает и эксперт мирового уровня по игровому движку Unreal Engine 4, технический художник Том Шеннон.

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

Том Шеннон

Поговорим о том, как нарисовать пейзаж и на каких моментах заострить внимание.

Блок 1. Планируем наполнение

На этом этапе мы формируем идею и выдаем ее на бумагу: придумываем, какие объекты изобразим, и как они будут выглядеть.

Подбираем элементы окружения и выбираем главное

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

Зритель редко заостряет внимание на пропсах, однако именно они создают окружение. Автор работы: Gabe Gonzalez.

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

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

Иван Смирнов
Работа Инны Бурмаченко с курса.

Подход к дизайну пропсов

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

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

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

Упражнение 1. Делаем эскизы из простых форм

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

Распространенные риски и как их исправить

Риск 1. Неудачное сочетание форм

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

Решение

Тщательно анализируйте референсы. Разбейте изображенные на них объекты на составные части разной формы и размера. Не приступайте сразу к прорисовке кирпичиков и окошек. Идите от общего к частному: сперва силуэт, а затем — детали.

Ольга Морозова

ментор курса «Основы создания окружения»

Риск 2. Выбран неинформативный ракурс

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

Решение

При работе над дизайном объектов используйте информативные ракурсы. Лучше всего изобразить пропсы в ¾ . Так будет проще передать их объем и пропорции.

Сочетание прямоугольных и округлых форм в правильно подобранном ракурсе улучшают читаемость и восприятие домика.

Блок 2. Выстраиваем композицию

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

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

Иван Смирнов

Как удачно расположить элементы на картине

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

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

Правило третей

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

Самые значимые объекты — всадник и камень на распутье — изображены на стыке третей. Автор: Виктор Васнецов.

Нюансы — определяем положение горизонта

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

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

Слева — автор Jacob van Ruisdael. Справа — Peter Paul Rubens.

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

Слева — автор Pieter Bruegel, справа — Oscar-Claude Monet.

Нюансы — расположение масс

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

Ствол дерева на переднем плане — лэндмарк. Он уравновешен группой высоких деревьев на заднем плане. Автор: Samuel Earp.

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

Упражнение 1. Анализируем референсы и строим композицию

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

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

Распространенные риски и как их исправить

Риск 1. Не соблюдается принцип равновесия

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

Решение

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

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

Ольга Морозова

Риск 2. Выбран неудачный формат кадра

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

Решение

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

Для высокого строения ментор советует выбрать вертикальную ориентацию кадра. Автор: Степанов А.

Блок 3. Добавляем цвет и освещение

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

Композиция цвета и освещения

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

Иван Смирнов

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

Что это такое?

  1. База — цвет, который занимает на холсте наибольшую площадь. Остальные цвета художники подбирают по отношению к нему.

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

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

Посмотрим работу БНА на примере:

Желтый кристалл сразу же притягивают взгляд, потому что его цвет является акцентом. Желтый занимает меньший вес, чем холодный зеленый, и контрастирует с окружением благодаря тону и температуре цвета . Автор: Reza Afshar.

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

При работе с освещением нужно соблюдать баланс. Детализация и четкость форм теряется как при недостатке, так и при избытке света. Автор: Jordan Grimmer.

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

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

Иван Смирнов

Как придать работе глубину с помощью планов

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

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

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

Упражнение 1. Подбираем цветовую палитру

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

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

Распространенные риски и как их исправить

Риск 1. Используется «грязный» цвет

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

Решение

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

Ольга Морозова

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

Риск 2. Несоблюдение принципа теплохолодности

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

Решение

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

В работе сочетаются освещенные солнцем теплые участки и холодные тени. Автор: Jordan Grimmer.

Блок 4. Добавляем завершающие штрихи

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

Детали

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

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

Иван Смирнов

Домик — самый прорисованный элемент на картине. Автор: Кулакова Виктория.

Постобработка

Доводим картинку до коммерческого вида с помощью постобработки. Например, если работе не хватает контраста, можно сделать копию рисунка на новом слое, поставить ей режим наложения Soft Light или Overlay, а затем отрегулировать прозрачность.

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

Здесь самые насыщенные элементы находятся на домике, к которому и нужно привлекать внимание. Автор — Anastassia Patritšnaja.

Распространенные риски и как их исправить

Риск 1. Закапывание в детали

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

Решение

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

Ольга Морозова

Вблизи видно, что работа выполнена грубыми мазками, однако на расстоянии на это не обращаешь особого внимания. Автор: Craig Mullins.

Риск 2. Некорректная разбивка на планы

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

Решение

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

Елена Ушанова

ментор курса «Основы создания окружения»

Блок 5. Превращаем дневное окружение в ночное

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

Меняем цветовую гамму

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

Свет из окна — сторонний источник освещения, который окрашивает дорогу в оттенки оранжевого и красного. Автор: Victor Hugo Harmatiuk.

Иначе работает и плановость — объекты будут темнеть по мере удаления, а не светлеть, как это бывает при дневном свете. Глазам попросту не хватает света, чтобы увидеть то, что находится на расстоянии.

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

Иван Смирнов

Вот пример синего часа в рисунке:

Распространенные риски и как их исправить

Риск 1. Недобор в цвете

Если слишком сильно ограничить палитру цветов, работа становится почти монохромной.

Решение

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

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

Как закрепить результат?

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

Студентам мы предлагаем закрепить знания челленджем #envifive4ivan . Его суть в том, чтобы нарисовать 5 работ по пайплайну курса. Темы для челленджа можно поискать на pinterest или, например, нарисовать пять домиков разных персонажей: домик ведьмы, домик алхимика, домик кузнеца и так далее.

Что нужно, чтобы записаться на курс?

  1. Необходимо владеть навыками, преподаваемыми на курсах «Основы CG рисунка», «Скетчинг и формы», «Рендер материалов». Новичкам будет сложно создать иллюстрацию окружения без базовых навыков.

  2. Графический планшет или iPad с Apple Pencil.

  3. От 7 до 14 свободных часов в неделю.

  4. Желание и готовность рисовать!

Дополнительные материалы

Текст написал Богдан Дудниченко, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.

0
6 комментариев
Популярные
По порядку
Написать комментарий...
ДОСТОПОЧТИМЫЙ ДОН АЛЕХАНДРО

@Smirnov School вы так часто простите, что у меня возник вопрос. Учить-то успеваете при этом?

Ответить
1
Развернуть ветку
Ярослав Голубев

Там продажа видео-уроков 2015го года. 

Ответить
1
Развернуть ветку
Smirnov School

Наша команда регулярно работает над усовершенствованием и обновлением учебного материала, поддерживая его актуальность и "свежесть") 
Также у нас на курсах важную часть учебного процесса составляют фидбеки преподавателей – профессионалов, работающих в игровой индустрии) 

Ответить
0
Развернуть ветку
Smirnov School

Конечно!:З 
У нас большая дружная команда, состоящая из профессионалов своего дела♡ Менторы – учат, авторы – пишут и постят познавательные статьи🤗

Ответить
0
Развернуть ветку
Sir Dragdord

Надеюсь выйдет материал с разбором загрузочных экранов из игр Paradox (в особенности CK3). Сам не художник, но было бы интересно почитать как авторы делают настолько красивые картины.

Ответить
1
Развернуть ветку
Smirnov School

Передали Ваше пожелание авторам!)

Ответить
1
Развернуть ветку

Комментарий удален

Развернуть ветку

Комментарий удален

Развернуть ветку

Комментарий удален

Развернуть ветку
Читать все 6 комментариев
null