Создание 2д персонажа из векторного макета в Blender

А начало всего где-то в векторных редакторах. На практике испытал известную троицу: Inkscape, Corel Draw и Adobe Illustrator. Предпочитаю последний, но было время, когда предпочитал Corel Draw. Не знаю почему, однако, Inkscape никогда не предпочитал, просто есть проекты полностью в нем созданные.

На самом деле нет особой разницы какой редактор, нужно всего лишь сохранить результат своей работы в *SVG файл. Для этих целей подходит даже Libre Office Draw. Тоже замечательно работает с Blender.
При этом стоит соблюдать следующее:

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

С помощью встроенного аддона импортирую в пустую сцену Blender содержимое *SVG файла [F4, Import/ SVG] или [File/ Import/ SVG].

Если отсутствует пункт меню импорта, то нужно активировать аддон [F4, Preferences/ Add-ons/ svg], через меню [Edit/ Preferences/ Add-ons/ svg].

У аддона отсутствуют дополнительные настройки импорта, а макет он располагает как вид сверху. Ровно так же создаются новые кривые Blender.
Изменю положение макета на соосный с фронтальным видом, повернув по оси X на 90 градусов [a, r, x, 9, 0, Enter]. И увеличу масштаб заготовки, ну, в 50 раз [s, 5, 0, Enter].

При импорте порядок кривых нарушается, поэтому нужно распределить кривые как слои в 2D редакторе. Для этого, выделяю самую дальнюю по макету кривую и двигаю по оси Y [ g, y, Move]. Затем добавляю к выделению еще одну кривую, передвигаю дальше по Y. Затем ещё, ещё и ещё. Последний слой остаётся на месте.

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

Перейду на фронтальный вид [Numpad - 1] и настрою отображение [Viewport Shading/ Lighting/ Flat].

Выровняю вертикальную ось заготовки относительно оси Z. Сделаю заливку полупрозрачной, чтобы видеть контуры [Alt+z] и передвину по оси X, выделив все объекты [a, g, x, Move]. Верну видимость, ещё раз [Alt+z] и сброшу выделение [Alt+a].

В проекте есть кривые с одинаковыми по свойствам материалами. Лучше сразу объединить эти материалы в один.
Выделяю ушки, затем голову и во вкладке материала открываю менюшку скрытую под уголком. Пункт - копировать материал по выделенному (Copy Material to Selected). Таким образом копирую материал последнего выбранного объекта на все предварительно выбранные объекты.

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

Разделю объединенные для импорта объекты на отдельные кривые. Выделяю ушки. Режим редактирования [Tab]. Выделяю точку на одной из кривых, не убирая курсор нажимаю [l, p, Separate]. Кривая разделилась на два объекта. Перейду в объектный режим [Tab]. Последовательно выбирая, переименую обе кривые [F2].

Разберу все объединенные кривые, отделяя и переименовывая деталь за деталью: ушки (Ears) - 2 кривые, блеск (Shine) - 3 кривые, черное (Black) - 3 кривые, светлые части (LightFur) - 5 кривых.

Открою N-панель [n], перейду на вкладку Item, перемещу дальше по оси Y светлые части ушек так, чтобы они при трансформации скрывались за кривой головы. Для этого посмотрю координаты положения головы по оси Y, затем ушка и расположу деталь между этими значениями.

Кроме того, здесь же заблокирую лишние для деталей 2D персонажа трансформации.

Это вращение по глобальным осям X и Z, а так же перемещение по глобальной оси Y. Причем перемещение по оси Y для кривой головы оставлю свободным.

Выделю бровь, переопределю положение ориджина по геометрии [RMB, Set Origin/ Origin to Geometry] или [Object/ Set Origin/ Origin to Geometry]. Аналогично и вторая бровь. Теперь выделяю глаз, устанавливаю ориджин по геометрии, не снимая выделения перемещу 3D-курсор, в точку ориджина глаза [Shift+s, Cursor to Selected]. Затем выдею пятно блеска этого глаза и переопределю положение ориджина по курсору [RMB, Set Origin/ Origin to 3D Cursor]. Таким же образом и второй глаз.

Нос, выделяю, переопределяю ориджин по геометрии. Перемещаю на ориджин курсор. Затем выделяю: язык, рот, блеск носа и перемещаю все ориждины одновременно на 3D-курсор.
Далее иначе, сброшу курсор в начало координат [Shift+s, Cursor to World Origin]. Открываю N-панель, вкладка View [View/ 3D Cursor/ Location] и передвигаю курсор по оси Z до места, где должна поворачиваться голова, выделяю голову и мордашку - переопределяю положение ориджинов по курсору. Еще один вариант использования курсора. Сделаю заливку полупрозрачной, чтобы видеть контуры [Alt+z], затем вручную установлю курсор [Shift+RMB], выделяю ухо и светлую часть, перемещаю ориджин на место курсора. Возвращаюсь в N-панель и изменяю значение координаты курсора по оси X на отрицательное. Выделяю второе ухо и его светлую часть, затем перемещаю ориджины на курсор.

Чтобы в процессе анимации при сбросе положения все объекты возвращались к тому месту где сейчас установлены, нужно перенести их координаты и масштаб в дельты. Для этого, выделяю все объекты, нажимаю [Ctrl+a/ Location to Deltas] и [Ctrl+a/ Scale to Deltas].

Осталось связать детали. Выделяю светлую часть ушка - объект, который собираюсь привязать, затем к чему привязывать - само ухо и создаю парент связь [Ctrl+p, Object]. По аналогии второе ушко и так далее по следующей схеме. Мордашка прикрепляется к голове. Пятна блеска к глазам. Язык прикрепляется ко рту. К носу - блеск и рот. А нос, глаза, брови и уши к голове.

Выделю глаз, на вкладке свойств объекта клацну дважды плюсик возле окошка шейпкеи [Object Data Properties/ Shape Keys]. Аналогично создам шейпкеи второго глаза. Затем, выделю оба глаза, перейду в режим редактирования, выделю нижние точки на обоих глазах, трансформирую в эдакие загогулины и возвращусь в объектный режим. Теперь форма глаза определяется значением Value соответствующего шейпкея.

На блеск поставлю драйвер отключения. Для начала изменю параметры фильтра в аутлайнере, чтобы стали видны значки параметров Disable in Viewports и Disable in Renders. После, выделю глаз, копирую его значение Value как новый драйвер и прямо в аутлайнере вставлю в свойства прикрепленного блеска как драйвер значения Disable in Viewports и Disable in Renders. Для второго глаза так же установлю драйвер. Дополнительно отключу возможность выделять светлые части ушек и мордочки, а так же пятна блеска. Это значительно упростит выделение объектов во время работы.

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

А чтобы не лазить по вкладкам во время анимации персонажа, выведу ползунки на панель основной кривой. Для этого выделю голову, открою панель свойств объекта и добавлю три дополнительных пункта. Сразу же их откорректирую. Имена соответственно, значение по умолчанию - 0. На N-панели при выделенной кривой головы появились три ползунка. Последовательно копирую значения ползунков как новый драйвер и вставляю в соответствующие параметры объектов.

Теперь мордашку можно анимировать!

Дополнительные файлы к публикации.
*blend файлы были созданы в Blender 2.83
Google Диск: https://drive.google.com/drive/folders/1o5ZTZhUOppFeMQAEZaJOYgtXt6SrC8fU
Yandex Диск: https://disk.yandex.ru/d/zXsmyg0ailPDrw?w=1
Файлы кратко:

• Содержание: About_Korgi2DcharacterKYTR0121.rtf
• Corgi_KYTR0121.ai - Персонаж (Illustrator_13)
• Corgi_KYTR0121.svg - Персонаж (для импорта в Blender)
• Corgi_KYTR0121.cdr - Персонаж (CorelDraw)
• CorgiBody_KYTR0221.ai - Персонаж с телом (Illustrator_13)
• CorgiBody_KYTR0221.svg - Персонаж с телом (для импорта в Blender)
• CorgiBody_KYTR0221.cdr - Персонаж с телом (CorelDraw)
• СorgiChar_HIERCH_KYTR130521.png - Схема головы персонажа
• Corgy_KYTR0121.blend - Голова персонажа
• Corgy_body_KYTR0221.blend - Персонаж с телом
• Corgy_Anm_KYTR0221.blend - Анимированный персонаж с телом

Видеоролик на Rutube, который демонстрирует весь описанный в публикации процесс
«2Д персонаж без использования арматуры | импорт *SVG, слои, материалы, подготовка к анимации»
На YouTube: https://youtu.be/yVT75ZlJbQE

Видеоролик демонстрирующий аналогичный процесс для более сложного персонажа
«2D персонаж для анимации без арматуры в Blender | импорт, сборка, таймлапс анимации, рендеринг»
На YouTube: https://youtu.be/FoYzj8dlOLE