Предназначена для создании скелетной 2D анимации игровых персонажей и не только. Для этого, вместо цельного изображения персонажа, нам понадобятся его отдельные части, которые будут впоследствии анимированы путем привязки костей. Это дает нам следующие преимущества:
- Плавная анимация. Промежуточные кадры просчитываются автоматически во время выполнения, благодаря этому анимация выглядит более живой
- Возможность модифицировать анимацию во время выполнения. Например, поменять у определенной части тела размер, угол поворота или цвет
- Экономия видеопамяти. В данном случае, для анимации загружаются только составные части персонажа, а не цельные кадры
Из недостатков можно отметить следующие:
- Необходимость просчитывать кадры во время выполнения, что при большом количестве анимаций может отрицательно сказаться на производительности
- Необходимость использования специальной runtime библиотеки для загрузки анимации
Последний недостаток был актуален до недавнего времени. Не так давно, пользователь Skn3 поделился информацией о том, что занимается разработкой модуля для поддержки анимации Spine в Monkey. Скорее всего, официальный релиз состоится в ближайшие дни, поскольку репозиторий модуля уже находится в открытом доступе.
Собираем персонажа в Spine
В программе существуют два режима — Setup и Animate, между которыми можно переключиться в левом верхнем углу. Сборка персонажа и создание его скелета будет полностью проходить в режиме Setup. К режиму Animate мы перейдем чуть позже.
Для начала, нам понадобится изображение персонажа в качестве шаблона. Отталкиваясь от него, мы сможем собрать его скелет. Для этого нам потребуется указать путь к директории, где хранятся все изображения, которые мы планируем использовать в анимации (выбрать ветку Images и указать корректный путь в форме под структурой проекта). Выбрав картинку-шаблон, нужно перетащить ее на рабочую область. Изображение автоматически привяжется к опорной кости, которая расположена в начале координат (для того, чтобы облегчить расположение скелета в игре).
С помощью инструмента Create на панели Tools создаем кости тела, рук, ног и головы персонажа. Перед созданием новой кости, нужно выбрать кость, которая будет считаться родительской. Переименуйте созданные кости (двойной клик на кости в дереве проекта). Перейдя в слот изображения-шаблона, нужно установить его цвет и прозрачность. Слот обозначается круглой иконкой в дереве костей. Это необходимо для того, чтобы шаблон не сливался с изображениями, которые мы привяжем к костям.
Чтобы привязать конкретное изображение к кости, нужно в древовидной структуре выбрать изображение и выделить соответствующую кость нажав Set Parent. Также, изображение к кости можно привязать перетащив его к определенной кости в древовидной структуре. После привязки появится всплывающее окно, информирующее о привязки изображения к одноименному слоту.
Дело в том, что изображения не привязываются к кости напрямую. Вместо этого, они привязываются к слоту, который в свою очередь привязан к кости. Это позволяет привязывать к кости несколько изображений. Но только одно из них может отображаться в анимации. Расположить изображения в соответствии с шаблоном помогут инструменты Translate (V) и Rotate . Все операции трансформации лучше совершать движением мыши в свободной рабочей области, чтобы случайно не выбрать соседние элементы.
Установить порядок отображения изображений по оси Z можно в ветке Draw Order. Там же можно отключить видимость шаблонного изображения.
Чтобы отрегулировать положение костей, не затрагивая изображение или дочерние кости, нужно воспользоваться переключателями Image и Bone на панели Compensation.
Анимируем персонажа в Spine
Пришло время оживить наш персонаж, поэтому мы перейдем в режим Animate и добавим новую анимацию.
Чтобы анимировать персонажа, необходимо установить скелет в определенную позу и создать её ключевой кадр. Между ключевыми кадрами кости выставляются автоматически.
Чтобы создать ключевой кадр, нужно выделить все кости (кроме опорной) и нажать на иконку ключа рядом с инструментами трансформации. В этом случае, будут созданы ключевые кадры для всех костей, даже если они не меняли их расположение, масштаб или поворот. Цвет иконки с ключом может сигнализировать о следующих вещах:
- зеленый — значения не были изменены, нет необходимости в создании ключевого кадра
- желтый — значения были изменены, но ключевой кадр не установлен
- красный — ключевой кадр установлен
Ключевые кадры можно создать и другим путем: выделив все кости и нажав клавишу K. В этом случае, ключевые кадры будут созданы только для измененных костей. Горячая клавиша L позволит установить ключевой кадр только для активного инструмента трансформации.
Точка отсчета анимации находится в нулевом кадре. Перемещаясь по временной шкале, изменяйте положение персонажа и создавайте ключевые кадры. Чтобы усовершенствовать анимацию, можно воспользоваться кнопкой Stepped, которая отключит интерполяцию. Это позволит четче увидеть основные позы и отредактировать их.
Во вкладке Graph можно отредактировать кривую интерполяции между выделенным и следующем ключевым кадром. Нелинейная интерполяция, создаваемая с помощью кривой Безье, является ключевой моментом в создании реалистичной анимации.
P.P.S. Чтобы лучше понять, как построить скелет персонажа советую детально изучить стандартные примеры (Spine > Examples).
Кроме всеми нами любимого Adobe Flash, существуют не менее хорошие программы для создания 2д-анимации. И даже больше – программы, которые дают намного больше возможностей, чем флеш, в создании качественной анимации.
Итак, какие существуют программы для 2-д анимации и какую выбрать.
1.Toon Boom (toonboom.com)
Профессиональный софт для создания 2-д анимации, широко используется профессионалами мультипликаторами всего мира. Если верить гуглю, то именно в этой программе была сделана анимация к Симпсонам.
Toon Boom предлагает несколько пакетов программ для анимации на любой вкус, возраст и размер кошелька:
Программа для покадровой (frame by frame) ручной анимации. Используют ее, в основном, для создания классической анимации, когда каждый кадр
рисуется на бумаге, а затем сканируется. Имеет широкий набор инструментов для рисования.
Ранее программа называлась Moho . Из всех представленных выше самая доступная в плане стоимости.
На сайте представлены 2 продукта Anime Studio:
1) Anime Studio Pro – идеальна для профессиональных аниматоров (стоит порядка $200)
2) Anime Studio Debut – программа 2д-анимации для начинающих (cтоимость $49.99)
В редакторе очень много автоматизированных процессов, большой плюс программы – это так называемые кости (bones), которые позволяют создавать скелет персонажа для анимации.
На сайте программы много туториалов по изучению программы:
Возможности программы демонстрирует видео-презентация:
Anime Studio Pro 9 presentation
Anime Studio Webinar: What"s New in Anime Studio Pro 9
Создание 2D-мультфильма в KINESKO это:
Цена 2D-анимации зависит от таких факторов
- Хронометраж ролика.
- Сложность анимации. Чем детальней прорисовка, тем выше цена 2D-анимации.
- Наличие дополнительных услуг (озвучка, продвижение и т.д.).
Этапы создания 2D-анимации
1. Создание двухмерной анимации начинается со сбора и анализа исходной информации , на основе которых формируется идея . После ее согласования с заказчиком, пишется сценарий .
2. Следующий этап изготовления 2d-анимации - разработка дизайна персонажей . Она начинается с нарисованного художником наброска, который позже дорабатывают и упрощают. Художник придумывает внешний вид персонажей, их эмоции и даже произносимые ими звуки.
3. Затем мы приступаем к созданию раскадровки , предварительной визуализации ролика. Она позволяет аниматорам понять, как должен выглядеть итоговый ролик (ракурс, вид и поведение персонажей, и т.д.).
4. Раскадровку используют, чтобы создать ключевые кадры ролика . После их прорисовки начинается работа над созданием промежуточных кадров (фазовка). Параллельно рисуются задние планы .
5. После того, как работа над производством 2D-анимации завершена, остается озвучка и добавление звуковых эффектов .
.jpg)
С услугой 2D-анимации заказывают
Почему вам нужно сделать 2D-анимацию
1. В 3D-анимации есть множество ограничений при построении кадра или сцены. Создать 2D-анимацию куда проще. 2D-персонажи более пластичны и обладают лучшей мимикой , которая способствует их запоминаемости. Трехмерные модели созданы иначе, каждое их движение рассчитано математическими формулами.
2. В 2D-анимации применяют больше визуальных эффектов, чем в 3D, что сильно ускоряет работу .
3. Анимация персонажа в 2D-роликах стоит дешевле , чем в объемных.
4. В 2D-анимации информацией можно наполнить весь экран. Тогда как в 3D-роликах ориентиры в п ространстве отбирают часть экран и сокращают число рабочих пикселей.
5. У объемных персонажей волосы могут «утонуть» в текстуре головы, а уши - пройти сквозь шляпу. С 2d-анимированными персонажами таких проблем не возникает.
.jpg)
1. «Резиновый» герой. Тела нарисованных персонажей часто сжимаются и растягиваются. И все же объем тела должен оставаться одинаковым.
2. Подготовительные движения. Перед тем, как совершить какое-то действие, человек обычно делает подготовительные движения. В анимации этот прием преувеличивают. В основном, для того, чтобы уведомить зрителя о том, что произойдет дальше.
3. Сценичность. Позы и мимика анимационных персонажей должны быть просты и выразительны.
.jpg)
4. Бесконечное движение. Даже если двухмерный персонаж статичен, второстепенные элементы должны быть в перманентном движении.
5. Движение по дугам. Живые существа всегда движутся по дугообразной траектории. Хотя резкие движения могут показаться прямыми, это обманчивое впечатление.
6. Карикатурность. Анимация и реализм - трудно совместимые вещи. Счастливый персонаж должен сиять, словно солнце, а сердитый - выглядеть, как готовый взорваться котел.
7. Привлекательность персонажей. Привлекательным может быть даже живущий в болоте страшный тролль. Если же персонаж будет казаться скучным, таковым будет казаться и весь фильм.
.jpg)
Как сделать анимационного персонажа миловидным?
- персонаж должен быть похожим на ребенка;
- его главные черты характера - скромность и неуверенность в себе;
- его голова должна быть больше, чем тело, а глаза - быть низком посажеными;
- его тело должно быть пухловатым, подчеркивая хороший аппетит.
.jpg)
Эволюция создания двухмерной анимации
1. «Пароход Вилли» (1928) - это первый звуковой мультфильм. Также это третий мультфильм, в котором появляется Микки Маус.
2. «Белоснежка и семь гномов» (1937) стала первым полнометражным цветным мультфильмом. За передовые достижения она даже получила Оскара.
3. «Мэри Поппинс» (1964) не является первым фильмом, где реальная картинка совмещена с анимацией. Тем не менее, это главный пример использования подобной технологии, без которого не было бы «Кто подставил кролика Роджера» и других известных фильмов.
.jpg)
4. «Приключения кота Фрица» (1962) - это первый мультфильм, получивший возрастной рейтинг X. Из-за сцен эротики и насилия его никогда не показывали по телевизору, однако он стал отправной точкой в истории взрослой анимации.
5. «Акира» (1988) вышла уже после того, как Хаяо Миядзаки основал свою знаменитую студию «Гибли». Но именно она послужила толчком для популяризации аниме в Америке и остальном мире, открыв дорогу фильмам вышеупомянутого Миядзаки, «Евангелиону» и многим другим.
6. «Медвежонок Винни и его друзья» стал последним рисованным мультфильмом студии Disney, ознаменовав собой конец целой эпохи.
.jpg)
