Риггинг 2D-персонажа в Blender

30 мая 2016 53 комментария Артем Слаква Анимация и риггинг

В этом уроке вы узнаете, как создать анимацию 2D-персонажа для вашего видеоролика. Урок достаточно простой и поможет понять некоторые фундаментальные принципы при работе с арматурой в Blender.
2d-rigg

Создание персонажа

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

Расположите все элементы отдельно друг от друга так, чтобы они не пересекались. Отключите фон и сохраните итоговое изображение в формате .PNG (с альфа-каналом).
2d-rigg-1
Перейдите в Blender и удалите все лишнее.
2d-rigg-2
Перейдите на вид спереди (NumPad 1), ортогональный режим (NumPad 5) и загрузите созданное вами изображение в качестве фона.
2d-rigg-3
Увеличьте прозрачность до 1.
2d-rigg-4
Добавьте в сцену плоскость.
2d-rigg-5
На панели инструментов (T) отметьте пункт Align to View, чтобы выровнять плоскость в соответствии с текущим видом камеры.
2d-rigg-6
Перейдите в режим редактирования (Tab) и режим Wireframe (Z), чтобы видеть происходящее позади меша.
2d-rigg-7
Выделите все вершины, переместите их в область руки и подымите верхние вершины в соответствии с ее высотой.
2d-rigg-8
Теперь переместите вершины близко к нарисованной руке, как показано на изображениях.
2d-rigg-9
2d-rigg-10
Добавьте разрез (loop cut) по центру плоскости (Ctrl + R).
2d-rigg-11
Продолжайте добавлять разрезы для плоскости. Создавайте их в тех местах, где рука персонажа должна изгибаться, для более плавной деформации меша.
2d-rigg-12
Добавьте модификатор Subdivision surface.
2d-rigg-13
Включите отображение результата работы модификатора в режиме редактирования.
2d-rigg-14
Скоректируйте расположение вершин, чтобы лучше соответствовать форме руки.
2d-rigg-15
Так как обе руки у нас идентичны, продублируйте данную плоскость на вторую руку (Shift + D).
2d-rigg-16
Если нужно провести коррекцию вершин — выполните это.
2d-rigg-17
Для ноги создайте новую плоскость. Делайте это в режиме редактирования, чтобы все части были одним объектом.
2d-rigg-18
Как и с предыдущей плоскостью, выровняйте ее в соответствии с нашим текущим видом.
2d-rigg-19
Повторить форму ноги можно таким же способом, как мы делали это с рукой или же при помощи экструдирования (E) и масштабирования (S).
2d-rigg-20
Продублируйте вершины первой ноги на вторую.
2d-rigg-21
Снова новая плоскость и снова выравниваем ее к виду.
2d-rigg-22
Повторяем форму торса персонажа.
2d-rigg-23
Очередная плоскость, увеличиваем ее размер в соответствии с размерами головы персонажа и добавляем два дополнительных разреза. После регулируем положение вершин.
2d-rigg-24
Фоновое изображение можно удалить.
2d-rigg-25
Дайте название нашему объекту Character.
2d-rigg-26

Текстурирование персонажа

Разделите окно 3D-вида на две части и в одной из них откройте редактор UV/Image.
2d-rigg-27
2d-rigg-28
Выполните развертку меша (U — Project From View).
2d-rigg-29
Загрузите в редактор изображение персонажа и увеличьте развертку, чтобы соответствовать ему.
2d-rigg-30
2d-rigg-31
Измените режим затенения в окне 3D-вида на Texture (Alt + Z).
2d-rigg-32

Перегруппировка меша персонажа

Выделите все вершины одной из ног персонажа.
2d-rigg-33
Расположите ее в том месте, где она и должна быть. Также поступите с остальными частями персонажа.
2d-rigg-34
Центр нашего объекта находиться в центре оси координат. Выделите все вершины и расположите персонажа так, чтобы его центр располагался внизу.
2d-rigg-35
Поверните немного камеру, выделите те части персонажа, которые должны быть впереди и сместите их немного по оси Y. Точно также поступите с теми частями, которые должны быть позади (только сдвигайте их уже назад).
2d-rigg-36
Выйдите из режима редактирования и сохранитесь.
2d-rigg-37

Настройка арматуры и риггинг

Снова перейдите в режим редактирования, выделите одну из рук персонажа и поверните ее, чтобы немного отделить от корпуса. Тоже самое проделайте и для второй руки.
2d-rigg-38
Добавьте в сцену арматуру.
2d-rigg-39
Отметьте пункт X-Ray, чтобы видеть кости сквозь меш.
2d-rigg-40
Расположите кость, как показано на рисунке.
2d-rigg-41
При помощи экструдирования создайте следующую связку костей (две для торса и одна для головы).
2d-rigg-42
Также создайте одну кость в обратном направления для управления тазом персонажа.
2d-rigg-43
Расположите 3D-курсор в том месте, где начинается нога персонажа и добавьте новую кость (Shift + A). Из нее продолжайте эксрудировать кости для ноги.
2d-rigg-44
Продублируйте кости одной ноги на другую.
2d-rigg-45
Так же как и для ног, создайте кости для рук персонажа.
2d-rigg-46
2d-rigg-47
Дайте осмысленные имена всем костям персонажа. Для правой и левой части используйте суффиксы .L и .R.
2d-rigg-48
Создайте связь родитель-потомок между руками персонажа и грудью (chest). Благодаря этому руки всегда будут следовать за корпусом (как и должно быть).
2d-rigg-49
Точно также поступите с тазом и ногами.
2d-rigg-50
Выйдите из режима редактирования, выделите персонажа, затем с зажатой клавишей Shift арматуру, нажмите Ctrl + P и выберите пункт With Empty Groups. Этим мы создали связь между арматурой и объектом и создали необходимое количество групп вершин с соответствующими именами. Назначать веса для них мы будет в ручном режиме.
2d-rigg-51
Перейдите в режим редактирования, выделите все вершины имеющие отношение к голове персонажа, выделите группу вершин с соответствующим названием (Head) и назначьте данные вершины выделенной группе.
2d-rigg-52
После назначения вершин группе можете проверить корректность работы перейдя в режим позирования (Pose Mode) и вращая кость Head.
2d-rigg-53
Далее продолжаем процедуру назначение вершин группам до тех пор, пока все вершины не будут задействованы.
2d-rigg-54
2d-rigg-55
2d-rigg-56
2d-rigg-57
После того как закончите со всеми группами, снова перейдите в режим Pose Mode и проверьте работу скелета.
2d-rigg-58
Следующим шагом создадим инверсную кинематику. Выделите вершину кости голени и переместите в это место курсор (Shift + S — Cursor to Selected).
2d-rigg-59
Добавьте новую кость в месте 3D-курсора и опустите ее вниз.
2d-rigg-60
Назовите ее ik.l.
2d-rigg-61
Перейдите в режим позирования.
2d-rigg-62
Выделите кость голени и добавьте ограничитель Inverse Kinematics.
2d-rigg-63
Укажите в качестве целевой кости кость ik.l и увеличьте длину цепи до 2.
2d-rigg-64
В режиме позирования выделите кость ik.l и проверьте результат работы перемещая ее.
2d-rigg-65
Тоже самое проделайте и для второй ноги.
2d-rigg-66

Настройка материала

Создайте новый материал.
2d-rigg-67
Установите для него следующие параметры.
2d-rigg-68
На вкладке текстур создайте новую текстуру.
2d-rigg-69
Укажите в качестве текстуры изображение персонажа.
2d-rigg-70

Создание текстурной карты

Убедитесь в том, чтобы на оригинальной текстуре отсутствовали глаза и рот, так как мы будет создавать их на отдельной текстуре и анимировать отдельно от основного меша.
2d-rigg-2-1
Создайте новое квадратное изображение с различными вариациями рта и глаз. Расположите их на текстуре так, чтобы они находились на одинаковом расстоянии друг от друга (расположите их по сетке, как показано на рисунке).

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

Объекты лица и настройка текстуры

Перейдите в режим редактирования и на вид спереди.
2d-rigg-2-3
Добавьте плоскость и выровняйте ее в соответствии с нашим видом.
2d-rigg-2-4
Расположите новую плоскость перед лицом персонажа.
2d-rigg-2-5
Так как для нашего объекта назначен модификатор Subdivision Surface, квадратная плоскость принимает форму круга. Чтобы исправить это выделите все ее грани, нажмите Shift + E и установите значение Mean Crease равное 1. Благодаря этому модификатор не будет изменять форму данной части меша. Также измените форму в соответствии с пропорциями рта.
2d-rigg-2-6
Продублируйте объект, чтобы создать отдельную часть для глаз. Также измените ее форму.
2d-rigg-2-7
Разделите окно на две части и в одной из них откройте редактор UV/Image.
2d-rigg-2-8
Выполните развертку лишь двух новых частей объекта (рта и глаз).
2d-rigg-2-9
Загрузите в редактор текстуру эмоций персонажа.
2d-rigg-2-10
Уменьшите размер развертки рта до размеров первой эмоции. Это будет эмоция по умолчанию.
2d-rigg-2-11
Также и для глаз.
2d-rigg-2-12
В графическом редакторе отключите фон и сетку, сохраните изображение и затем обновите изображение в редакторе UV/Image.
2d-rigg-2-13
При наличии прозрачного фона текстура будет отлично сочетаться с текстурой персонажа.
2d-rigg-2-14

Настройка материала для глаз и рта

Добавьте второй слот материала для объекта.
2d-rigg-2-15
Переименуйте материал и установите для него следующие настройки.
2d-rigg-2-16
На вкладке текстур создайте новую текстуру.
2d-rigg-2-17
Установите для текстуры следующие настройки (используется текстура эмоций).
2d-rigg-2-18

Установка связи с костью

Выделите вершины рта и глаз и назначьте их группе Head, чтобы они также следовали за головой.
2d-rigg-2-19
Проверьте это в режиме позирования.
2d-rigg-2-20

Создание референсного объекта и управляющей кости

Перейдите в режим редактирования, создайте новую группу вершин Eyes и назначьте ей соответствующие вершины.
2d-rigg-2-21
2d-rigg-2-22
Затем тоже самое для рта.
2d-rigg-2-23
2d-rigg-2-24
Перейдите в настройки программы и активируйте дополнение Import Images as Planes.
2d-rigg-2-25
2d-rigg-2-26
Импортируйте текстуру с эмоциями с помощью данного аддона.
2d-rigg-2-27
2d-rigg-2-28
Перейдите на вид спереди, выделите только что добавленную плоскость и в режиме редактирования поверните ее на 90° по оси X.
2d-rigg-2-29
Продублируйте одну из вершин плоскости и расположите ее в центре первой эмоции (проще всего это делать с привязкой к сетке).
2d-rigg-2-30
Проделайте тоже самое со всеми остальными эмоциями.
2d-rigg-2-31
Выделите одну из вершин и переместите к ней курсор (Shift + S — Cursor to Selected).
2d-rigg-2-32
Добавьте новую арматуру.
2d-rigg-2-33
Выделите вершину кости и уменьшите ее, как показано на рисунке.
2d-rigg-2-34
Добавьте в то же месте еще одну кость и сделайте ее вдвое больше предыдущей. Перейдите в режим Wireframe, чтобы лучше видеть кости.
2d-rigg-2-35
Продублируйте обе кости и переместите их к вершине первой эмоции глаз. Для точности позиционирования также воспользуйтесь привязкой.
2d-rigg-2-36
Добавьте 5-ю кость рядом с текстурой. Это будет родительская кость.
2d-rigg-2-37
Выделите указанную кость и назовите ее mouth-base.
2d-rigg-2-38
Выделите указанную кость и назовите ее Mouth-Control.
2d-rigg-2-39
И тоже самое для костей глаз. 5-ю кость назовите main.
2d-rigg-2-40
Выделите по очереди все кости и в последнюю очередь кость main. Привяжите их сочетанием клавиш Ctrl + P — Keep Offset.
2d-rigg-2-41
Выделите лишь маленькие кости и переместите их на второй слой.
2d-rigg-2-42
В объектном режиме переименуйте арматуру в Armature-Face.
2d-rigg-2-43
Перейдите в режим позирования. Выделите плоскость, затем кость main и свяжите их Ctrl + P — Bone.
2d-rigg-2-44

Настройка управляющей кости с помощью модификатора UV Warp

Выделите персонажа и добавьте модификатор UV Warp.
2d-rigg-2-45
Установите настройки, как показано на изображении. При перемещении кости Mouth Control, текстурная карта также будет перемещаться и деформироваться и это будет влиять лишь на вершины из группы Mouth.
2d-rigg-2-46
Когда вы будете перемещать кость mouth-control вы увидите что текстура также смещается.
2d-rigg-2-47
Снова добавьте модификатор UV Warp (в этот раз уже для глаз).
2d-rigg-2-48
2d-rigg-2-49
Проверьте и его работу.
2d-rigg-2-50

Библиотека поз

Сбросьте положение и вращение всех костей выделив их и нажав по очереди Alt + R и Alt + G.
2d-rigg-2-51
На вкладке арматуры создайте новую библиотеку поз.
2d-rigg-2-52
Выделите кость mouth-controller и добавьте новую позу.
2d-rigg-2-53
Назовите ее Smile.
2d-rigg-2-54
Переместите кость на вторую эмоцию и создайте новую позу (Shift + L — Add New).
2d-rigg-2-55
Назовите ее Sad.
2d-rigg-2-56
И так далее пока не создадите позы для всех эмоций (включая эмоции глаз).
2d-rigg-2-57
2d-rigg-2-58
2d-rigg-2-59
2d-rigg-2-60
Теперь, чтобы получить нужную позу достаточно выделить ее и нажать на иконку лупы. Вам больше не нужно двигать кость, чтобы добиться нужного выражения лица.
2d-rigg-2-61
На этом урок окончен! Надеюсь он вам понравился. Всем удачи и до встречи в следующих уроках.

источник урока

О сайте

На данном сайте Вы сможете найти множество уроков и материалов по графическому
редактору Blender.

Контакты

Для связи с администрацией сайта Вы можете воспользоваться следующими контактами:

Email:
info@blender3d.com.ua

Следите за нами

Подписывайтесь на наши страницы в социальных сетях.

На сайте Blender3D собрано огромное количество уроков по программе трехмерного моделирования Blender. Обучающие материалы представлены как в формате видеоуроков, так и в текстовом виде. Здесь затронуты все аспекты, связанные с Blender, начиная от моделирования и заканчивая созданием игр с применением языка программирования Python.

Помимо уроков по Blender, Вы сможете найти готовые 3D-модели, материалы и архивы высококачественных текстур. Сайт регулярно пополняется новым контентом и следит за развитием Blender.