Урок: рисуем мору с Андреем Сидоровым

Андрей Сидоров, куратор курсов «Цифровой рисунок: основы» и «Игровая графика», сделал подробный туториал про мору. Читаем, записываем и повторяем!

Шаг 1

Как мы знаем, в основе модели моры из Genshin Impact лежит окружность. Чтобы сделать её ровной и исказить в перспективе точно — готовим квадрат и вписываем в него круг.

ШАГ 2

Вот и наша заготовка. Теперь задача — объединить её в смарт-объект. Для этого кликаем правой кнопкой мыши по слою и выбираем “Преобразовать в смарт-объект”.

ШАГ 3

Теперь, чтобы монетка получилась в перспективе, надо её искривить через трансформацию. Для этого нажимаем комбинацию клавиш CTRL + T, наша заготовка выделяется. Кликаем на неё правой кнопкой мыши и выбираем “Искажение”. Тянем заготовку за углы, чтобы получилось как на примере. Затем создаём новый слой поверх заготовки и делаем на нём круг через инструмент “Овальная область” с зажатой клавишей Shift. Этот же слой переводим в смарт-объект (см. предыдущий слайд), и при помощи трансформации сделайте “подгонку” под наш круг в перспективе. Слои с заготовкой можете после этого скрыть.

Для того, чтобы нашу мору приняли в любом магазине Тейвата, её надо сделать золотой. У меня уже есть заготовка градиента “под золото”. Вы можете создать её самостоятельно либо скачать из сети набор похожих градиентов и выбрать тот, который понравится. 

Через свойства слоя применяем градиентную заливку: двойной клик левой клавишей мыши по слою > Наложение градиента > Градиент и выбирайте нужный угол.

ШАГ 4

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

ШАГ 5

У многих монет есть кант и поле монеты. Мора — не исключение. Чтобы сделать рисунок правдоподобным, будем использовать два кольца. На верхнее кольцо, которое станет кантом, применяем те же свойства слоя (градиент), которые были на основной окружности. А вот чтобы отделить кант от поля моры, я использую второе кольцо, которое также заливаю градиентом, но делаю его темнее.

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

ШАГ 6

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

ШАГ 7

Теперь, чтобы мора стала максимально узнаваемой — создаём её узор. Так как он повторяющийся и симметричный, я рисую один элемент, делаю из него смарт-объект (см. слайд 2), копирую его (CTRL + C) и дублирую (CTRL + V), обращая вокруг центра. 

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

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

ШАГ 8

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

ШАГ 9

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

Помещаю на фон монетку моры. Чтобы она смотрелась естественно в окружении, создаю новый слой, накладываю на него голубой градиент и перевожу его в режим “Мягкий свет” (через свойства слоя). 

Я заметил, что монета толстовата, и её вряд ли захотят принять в таверне “Кошкин хвост”, поэтому сделал её потоньше. 

Готово. Моракс вами бы гордился!