Скелетная анимация в synfig studio

В этом уроке synfig studio мы создадим скелетную анимацию человека с помощью добавления слоя скелет. Это будет человек машущий рукой.

Скелетная анимация человека с помощью слоя скелет

Запустите synfig studio и загляните в холст-свойства. Найдите поля для указания размера документа и установите размер 256 на 256 рх. Нам больше подойдет квадратный холст. Во вкладке время установите время конца 60 кадр.

Рисуем модель человека.

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

Выберите кривые b и нарисуйте плечо. Более 4 узлов для изображения плеча не используйте. Ничего подробно рисовать не надо, хватит и такой фигуры. Цвет любой. Достаточно нарисовать слой области без слоя контура. Освежите в памяти как рисовать в synfig studio.

подготовка контуров для анимации

Аналогичным образом нарисуйте предплечье и кисть. Я нарисовал их разным цветом чтобы проще ориентироваться.

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

части руки для анимации

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

слои

Чтобы рука не болталась отдельно я дорисовал условно туловище и голову. туловище нарисовано кривыми , а голова с помощью инструмента окружности E.

модель человека

Добавляем слой скелета.

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

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

На панели редактора (там, где включаются/выключаются управляющие точки) включите точки ширины. С помощью фиолетовых управляющих точек ширины увеличьте зону покрытия кости. Образец ниже, как видите, это зона гораздо больше чем плечо.

Теперь выделяем все точки плеча ctrl+A и кость (т.е. два слоя). Далее жмем на любую точку кости (рычага) и в контекстом меню выбираем привязать к скелету. Готово.

кость

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

части руки и их привязка к скелету

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

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

панель параметров

Создаем скелетную анимацию

Переходим в режим анимации. В процессе создания анимации все фиксаторы сделайте плавный вход/выход.

Изменение положения руки производим в 15, 30, 45 и 60 кадрах. Положение руки меняем изменяя положение синих управляющих точек. Добейтесь более или менее естественного движения руки. Вот вам мой фиолетовый паренек. Конкретных координат синих управляющих точек не называю, все зависит от того, как ваш персонаж будет размахивать рукой.

скелетная анимация персонажа

Если получилось, то переходим к следующему этапу- рисуем человека. Пришлось попыхтеть и нарисовать вот такого паренька. Рука состоит из трех элементов как и ранее: плечо- предплечье- кисть. Остальное неподвижно.

персонаж для анимации

Число кадров пришлось немного увеличить до 80. Получился вот такой результат

скелетная анимация персонажа

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

Если заставить его моргать, менять позу, то получиться отличная анимация персонажа.

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

Остальные уроки synfig studio здесь.

купить футболки, худи

купить футболки, худи