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

Помощь 30.03.2019
Помощь

Мир open source не стоит на месте и постоянно развивается. Про Blender 3D написано уже много статей, но помимо Blender, существует еще много полезных и бесплатных программ. Одна из них, это MakeHuman . На Хабре упоминания о ней имеются, но какой либо информации по ней нет. Предлагаю вам заглянуть под кат и посмотреть, что анимация персонажей в связке MakeHuman+Blender3D, это действительно просто. Осторожно, много картинок.

Подготовка

Т.к. сегодняшняя тема связана именно с созданием анимации, то начнем с небольшой подготовки. Скачаем MakeHuman . На сегодняшний день, актуальная версия 1.0.2. Распакуем архив в любую папку. Далее, скачиваем Blender tools с этой же страницы и распаковываем содержимое архива. В данном архиве, содержится четыре папки: mhx_importer, makewalk, maketarget, makeclothes. Все эти папки необходимо скопировать туда, где Blender сможет их найти. В зависимости от операционной системы, эти папки следующие:
  • Windows 7,8: C:\Users\%username%\AppData\Roaming\Blender Foundation\Blender\2.6x\scripts\addons
  • Windows XP: C:\Documents and Settings\%username%\Application Data\Blender Foundation\Blender\2.6x\scripts\addons
  • Vista: C:\Program Files\Blender Foundation\Blender\%blenderversion%\scripts\addons (this is valid at least for blender 2.69)
  • Linux: /home/$user/.blender/$version/scripts/addons

Запустим Blender и перейдем в настройки (Ctrl+Alt+U).
В дополнениях, у вас должен появиться пункт MakeHuman, при выборе которого вы увидите три дополнения, которые необходимо активировать проставив галочки.

Также необходимо активировать дополнение Import-Export Make Human:

Последнее, что необходимо сделать в настройках, это поставить галочку возле Auto Run Python Scripts (необходимо для работы скрипта импорта).

Сохраняем настройки нажав Save User Settings.

Моделирование персонажа

Запустим makehuman:

Сразу скажу, что русский язык включается в настройках.

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

Во вкладке «Моделирование» персонажа можно состарить, изменить цвет кожи, сделать ему длинные руки, ноги и т.д.
Во вкладке «Геометрии» персонажа можно одеть, добавить ему волосы, зубы, брови, веки, язык и другие необходимые органы (если требуется).

Для примера, я сделал вот такого симпатичного молодого человека.

Теперь, необходимо добавить ему кости для анимации.
Переходим во вкладку Поза-Анимировать и выбираем любые понравившееся кости. Я выбрал кости «Basic».

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

Анимация

В Blender, удаляем всё со сцены и идем в меню File-Import->MakeHuman:

Ищем сохраненный ранее файл и выбираем его.

В принципе, персонаж со всеми костями и манипуляторами готов. Можно подвигать частями тела и уже делать анимацию в ручную. Но это не наш метод и мы пойдем дальше.

Blender поддерживает формат анимации bvh. Данную анимацию, в основном, получают с помощью Motion Capture. В интернете много файлов с готовой анимацией. Мы возьмем анимацию отсюда . Скачиваем архив Zip file for BVH directories 01-09 (45 MB). и распаковываем.
Убеждаемся, что в Blender выбран наш персонаж и в так называемом «T» окне, выбираем вкладку Misc и нажимаем кнопку Load And Retarget.

В открывшемся окне выбора файла, выбираем любой понравившийся нам файл с анимацией bvh, который мы скачали ранее.

И теперь можно насладиться нашей анимацией, нажав кнопку Play.

Немного полезностей

1. MakeHuman при экспорте сохраняет файл персонажа в файл с расширением mhx и рядом создает папку textures которой лежат текстуры глаз, кожи и т.д. Вы всегда можете дорисовать что-то своё. Например татуировки или шрамы. UV развертку он тоже создает самостоятельно.

2. После того как вы накопите у себя много файлов с анимациями bhv, становится трудно ориентироваться в них всех. Естественно, вам хочется иметь какой-то предпросмоторщик. И он есть. Называется bvhacker, является бесплатной и open source программой и живет . Так же, с помощью него можно исправлять и корректировать анимацию.

На этом на сегодня всё, надеюсь информация будет кому-то полезной.

В следующей статье расскажу о том, как создать анимацию, используя камеру и motion capture в blender.

От новичка до настоящего аниматора всего за 9 месяцев!

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

Онлайн курс «Анимация персонажей» состоит из следующих разделов:

  • Основы анимации
  • Движение и механика тела
  • Анимация для игр
  • Актёрское мастерство - выражение и передача эмоций
  • Производство короткометражного фильма

На этом курсе вы научитесь создавать качественную и правдоподобную анимацию от простых объектов до полноценных анимационных персонажей. Также вы научитесь замечать ошибки и избегать их при создании анимации и пройдёте полный путь создания собственного короткометражного фильма - от написания идеи сценария до создания финальной анимации.

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

Чтобы учёба была ещё более интересной и эффективной, мы организуем для вас онлайн встречи с аниматорами из DreamWorks, Disney и других крупных анимационных студий.

Вот несколько записей предыдущих встреч:

С чего начинается создание анимации?
Как анимировать персонажей?
Как передать эмоции анимацией?
Как создавать анимацию лица?
Что такое законы анимации и как их применять?
На эти и многие другие вопросы вы получите ответы на данном курсе.

Вы также получите возможность бесплатно скачать и установить лицензионное программное обеспечение компании Autodesk, программы Maya, 3DS Max, Softimage и другие.

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

Часть 1: Основы анимации

(продолжительность: 2 месяца)

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

Также вы научитесь наблюдать за окружающим вас миром и замечать вещи, на которые до этого не обращали внимания.

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

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

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

Часть 2: Движение и механика тела

(продолжительность 3 месяца)

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

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

Часть 3: Актёрское мастерство

Выражение и передача эмоций
(продолжительность 2 месяца)

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

Задания этой части курса проведут вас через создание анимаций с выражением чувств и перемены эмоций персонажей и создание анимаций говорящего персонажа (монолога/диалога).

Часть 4: Производство короткометражного анимационного фильма

(продолжительность 2 месяца)

Эта часть курса будет не менее интересной и захватывающей, чем предыдущие. Вы пройдёте весь путь производства собственного короткометражного фильма!

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

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

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

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

Знания, полученные вами на курсе «Анимация персонажей», применимы и полезны вне зависимости от того, какой программный пакет для создания анимации вы используете - MAYA, 3DS Max, Softimage, Cinema4D, Houdini, Blender, Lightwave или другие.

Мир open source не стоит на месте и постоянно развивается. Про Blender 3D написано уже много статей, но помимо Blender, существует еще много полезных и бесплатных программ. Одна из них, это MakeHuman . На Хабре упоминания о ней имеются, но какой либо информации по ней нет. Предлагаю вам заглянуть под кат и посмотреть, что анимация персонажей в связке MakeHuman+Blender3D, это действительно просто. Осторожно, много картинок.

Подготовка

Т.к. сегодняшняя тема связана именно с созданием анимации, то начнем с небольшой подготовки. Скачаем MakeHuman . На сегодняшний день, актуальная версия 1.0.2. Распакуем архив в любую папку. Далее, скачиваем Blender tools с этой же страницы и распаковываем содержимое архива. В данном архиве, содержится четыре папки: mhx_importer, makewalk, maketarget, makeclothes. Все эти папки необходимо скопировать туда, где Blender сможет их найти. В зависимости от операционной системы, эти папки следующие:
  • Windows 7,8: C:\Users\%username%\AppData\Roaming\Blender Foundation\Blender\2.6x\scripts\addons
  • Windows XP: C:\Documents and Settings\%username%\Application Data\Blender Foundation\Blender\2.6x\scripts\addons
  • Vista: C:\Program Files\Blender Foundation\Blender\%blenderversion%\scripts\addons (this is valid at least for blender 2.69)
  • Linux: /home/$user/.blender/$version/scripts/addons

Запустим Blender и перейдем в настройки (Ctrl+Alt+U).
В дополнениях, у вас должен появиться пункт MakeHuman, при выборе которого вы увидите три дополнения, которые необходимо активировать проставив галочки.

Также необходимо активировать дополнение Import-Export Make Human:

Последнее, что необходимо сделать в настройках, это поставить галочку возле Auto Run Python Scripts (необходимо для работы скрипта импорта).

Сохраняем настройки нажав Save User Settings.

Моделирование персонажа

Запустим makehuman:

Сразу скажу, что русский язык включается в настройках.

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

Во вкладке «Моделирование» персонажа можно состарить, изменить цвет кожи, сделать ему длинные руки, ноги и т.д.
Во вкладке «Геометрии» персонажа можно одеть, добавить ему волосы, зубы, брови, веки, язык и другие необходимые органы (если требуется).

Для примера, я сделал вот такого симпатичного молодого человека.

Теперь, необходимо добавить ему кости для анимации.
Переходим во вкладку Поза-Анимировать и выбираем любые понравившееся кости. Я выбрал кости «Basic».

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

Анимация

В Blender, удаляем всё со сцены и идем в меню File-Import->MakeHuman:

Ищем сохраненный ранее файл и выбираем его.

В принципе, персонаж со всеми костями и манипуляторами готов. Можно подвигать частями тела и уже делать анимацию в ручную. Но это не наш метод и мы пойдем дальше.

Blender поддерживает формат анимации bvh. Данную анимацию, в основном, получают с помощью Motion Capture. В интернете много файлов с готовой анимацией. Мы возьмем анимацию отсюда . Скачиваем архив Zip file for BVH directories 01-09 (45 MB). и распаковываем.
Убеждаемся, что в Blender выбран наш персонаж и в так называемом «T» окне, выбираем вкладку Misc и нажимаем кнопку Load And Retarget.

В открывшемся окне выбора файла, выбираем любой понравившийся нам файл с анимацией bvh, который мы скачали ранее.

И теперь можно насладиться нашей анимацией, нажав кнопку Play.

Немного полезностей

1. MakeHuman при экспорте сохраняет файл персонажа в файл с расширением mhx и рядом создает папку textures которой лежат текстуры глаз, кожи и т.д. Вы всегда можете дорисовать что-то своё. Например татуировки или шрамы. UV развертку он тоже создает самостоятельно.

2. После того как вы накопите у себя много файлов с анимациями bhv, становится трудно ориентироваться в них всех. Естественно, вам хочется иметь какой-то предпросмоторщик. И он есть. Называется bvhacker, является бесплатной и open source программой и живет . Так же, с помощью него можно исправлять и корректировать анимацию.

На этом на сегодня всё, надеюсь информация будет кому-то полезной.

В следующей статье расскажу о том, как создать анимацию, используя камеру и motion capture в blender.

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

Пройдите этот урок, в котором я научу вас созданию милого кролика с зацикленной анимацией бега.

Если вам сложно рисовать в стиле пиксель-арт, то воспользуйтесь готовыми спрайтами.

1. Дизайн персонажа

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

Шаг 1

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

Я нарисовал несколько набросков головы и выбрал наиболее подходящий по стилю.

Шаг 2

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

Если вы никогда не занимались пиксель-артом, то создаем новый файл не очень большого размера, например, 400 х 400 пикселей. Мы много будем работать с увеличением масштаба (до 700%) и использовать инструмент Pencil Tool (P) (Карандаш) для рисования отдельных пикселей. Я советую вам открыть дополнительное окно с рабочим документом, в котором масштаб будет 100-200%, чтобы вы могли сразу в реальном размере видеть свою работу без необходимости на одном документе туда-сюда переключаться с большого масштаба на маленький. Таким образом, у вас будет открыто два документа: на одном масштаб до 700% (рабочий), а на другом - 100-200%.

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

Глаза представляют из себя две простые линии, которые находятся рядом. Каждый глаз 3 пикселя в высоту и 1 пиксель в ширину, черного цвета.

Шаг 3

Закончив глаза, мы можем продолжить рисовать нос и другие детали. Ничего страшного, если на данном этапе линии выглядят слишком просто.

Шаг 4

Теперь мы сгладим некоторые линии. Также я добавил большие передние зубы.

Шаг 5

Дорисовываем пару пикселей, чтобы создать улыбку.

Шаг 6

Уши нарисованы максимально узкими с внутренней частью шириной 1 пиксель и таким же контуром.

Шаг 7

Одно ухо рисуем свисающим вниз.

Шаг 8

Рисуем второе ухо.

Шаг 9

Рисуем большие пухлые щеки и заканчиваем голову.

Шаг 10

Теперь мы можем нарисовать тело. У кролика будет человекоподобная фигура. Рисуем туловище в форме капли.

Шаг 11

Ноги кролика будут короткими с большой стопой. Пока рисуем только одну ногу.

Шаг 12

Рисуем вторую ногу, но сдвигаем ее слегка вправо, чтобы она не перекрывалась первой.

Шаг 13

Ноги выглядят слегка смещенными, поэтому я передвинул их на один пиксель левее. Также я объединил ногу с животом, удалив пиксель между ними.

Шаг 14

В положении стоя видна только одна рука. Рука имеет форму капли и немного перекрывает туловище.

Шаг 15

Удаляем лишние линии на руке.

Базовый контур нашего персонажа готов.

2. Цвет

На данном этапе мы превратим персонажа в законченный статичный спрайт.

Шаг 1

Выбираем цвет.

Каким цветом вы хотели бы закрасить кролика? Я выбрал желтовато-коричневый цвет и заполнил им все, кроме носа. Для заливки используем Paint Bucket Tool (G) (Заливка).

Шаг 2

Теперь давайте нарисуем белый живот. Зубы также закрашиваем белым. На носу добавляем один пиксель розового цвета, остальное оставляем белым.

Шаг 3

Теперь нанесем тени: более темным оттенком базового цвета шерсти добавляем тени в тех местах, куда меньше всего попадает свет. Также этим цветом можно добавить текстурности на щеках.

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

Шаг 4

Шаг 5

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

Персонаж в положении стоя готов.

3. Рисуем кадры бега

Теперь мы можем добавить кролику немного движения.

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

Шаг 1

Давайте пока уберем конечности.

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

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

Шаг 2

Берем Rectangular Marquee Tool (M) (Прямоугольное выделение), выделяем голову и верхнюю часть туловища и сдвигаем выделенную область на один пиксель (для этого активируем инструмент Move Tool (V) (Перемещение) и используем клавиши со стрелками).

Затем передвигаем голову на два пикселя правее.

Шаг 3

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

Также опускаем туловище на 1 пиксель вниз, потому что большую часть анимации ноги будут в согнутом положении, и, таким образом, они не будут одинаковы по высоте.

Шаг 4

Мы немного упростим себе задачу и будем работать только с ногами на переднем плане, так как для заднего плана они будут идентичны.

Движение ноги похоже на маятник: большую часть времени нога согнута, за исключением первого кадра, когда персонаж делает шаг вперед.

Таким образом, у анимации движения ног будет 6 кадров (советую вам изучить готовые раскадровки анимации бега). Обратите внимание на положение стопы. Для наглядности я нарисовал ноги синим цветом.

Шаг 5

На новом слое рисуем заготовки ног. Обратите внимание, что ноги не привязаны к одной точке на туловище. Когда конечность отходит назад, то ее основание перемещается левее, а когда нога направлена вперед - правее.

Шаг 6

Далее выполняем последовательность действий по рисованию законченного варианта ноги. Для начала синий цвет закрашиваем цветом шерсти (для этого можете воспользоваться инструментом Paint Bucket Tool (G) (Заливка) с выключенным параметром Contiguous (Смежные пиксели)) и, вместо рисования контура вокруг ног, выделяем пустую область за пределами ног с помощью Magic Wand Tool (W) (Волшебная палочка) и сжимаем выделение Select - Modify - Contract (Выделение - Модификация - Сжать) на 1 пиксель. Затем инвертируем выделение Select - Inverse (Выделение - Инвертировать) и далее инструментом Paint Bucket Tool (G) (Заливка) (Contiguous (Смежные пиксели) отключаем) заливаем выделенную область цветом контура.

Шаг 7

Ноги еще не закончены, но давайте добавим на некоторых кадрах положение в прыжке.

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

Кадры с прыжком отмечены ниже фиолетовыми линиями. Для других линий уменьшаем непрозрачность (Opacity) до 20%, это будет тень. В играх-платформерах такая тень не всегда нужна, но в нашем случае она сделает анимацию интереснее.

Шаг 8

Чтобы закончить ноги, делаем стопу более пухлой, соединяем ногу с телом и немного затеняем ее.

Оставшиеся две фиолетовые линии закрашиваем черным и также уменьшаем непрозрачность до 20%.

Шаг 9

Закончив с ногами, копируем их и перемещаем копии на несколько пикселей вправо.

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

Шаг 10

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

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

Слои с копиями должны находиться под слоем с туловищем кролика.

Шаг 11

Чтобы закончить ноги на заднем плане, закрашиваем их более темным оттенком базового цвета, как мы делали на статичном рисунке выше.

Так выглядит готовая анимация ног. Пока не думайте о самом процессе анимации. Сперва мы закончим подготовку кадров, а потом займемся сведением их в зацикленный бег.

В исходном уроке анимация


Шаг 12

Теперь пора добавить руки.

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

Шаг 13

Размещаем руки на новом слое над телом и заполняем их основнім цветом кролика, как мы делали с ногами.

Шаг 14

Добавляем объем.

Шаг 15

И, наконец, затеняем, чтобы добавить больше объема.

Шаг 16

Шаг 17

Затеняем копии рук и меняем их местами, чтобы обе руки были направлены в противоположные стороны.

Запомните, что руки двигаются в противоположном направлении относительно ног. Например, когда левая нога идет вперед, левая рука отходит назад.

Вот так выглядит анимация рук.

В исходном уроке анимация


Шаг 18

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

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

Шаг 19

На следующем после прыжка кадре уши менее изогнуты и направлены вперед.

Шаг 20

Также анимируем щеки. Их движение похоже на движение ушей: во время прыжка они опускаются чуть ниже, затем после прыжка подымаются.

Вот так выглядит готовый вариант.

В исходном уроке анимация

Шаг 21

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

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

Шаг 22

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

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

Шаг 23

Заполняем хвост цветом, наносим тени и обводку.

Шаг 24

На первом кадре, когда передняя рука отводится назад, кончик хвоста перекрывается.

Шаг 25

Чтобы закончить хвост, перемещаем слой на задний план и при необходимости корректируем тени/детали.

Мы закончили работу с кадрами. Вот так выглядит готовая анимация. Дополнительные детали делают анимацию гораздо интереснее, не правда ли?

В исходном уроке анимация


4. Создаем анимацию

У нас есть 6 кадров с зацикленной анимацией бега. Теперь нам осталось склеить их вместе.

Шаг 1

Копируем все кадры на новый файл.

Вам нужно копировать по одному кадру в правильной последовательности (слева направо). Чтобы скопировать все слои одновременно, вам нужно перейти в меню Edit - Copy Merged (Редактирование - Скопировать совмещенные данные). Перед копированием убедитесь, что фон прозрачный и не залит цветом.

Размер нового файла должен быть чуть больше кролика.

Вставив кадры, размещаем их в правильном положении. Нижняя линия остается без изменений на всех кадрах, как и нос, кроме двух кадров, где кролик подпрыгивает на 1 пиксель.

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

Шаг 2

Чтобы начать создавать анимацию в Фотошоп, нам нужно открыть временную шкалу Window - Timeline (Окно - Шкала времени). На шкале находится кнопка Create Frame Animation (Создать покадровую анимацию). Вместо нее может быть кнопка Create Video Timeline (Создать временную шкалу для видео), чтобы переключиться на анимацию, нажмите кнопку в виде стрелки и в появившемся выпадающем меню выберите нужный режим.

Шаг 3

Нажимаем кнопку Create Frame Animation (Создать покадровую анимацию), затем кликаем по кнопке вызова параметров в правом верхнем углу шкалы…

…и выбираем Make Frames From Layers (Сделать кадры из слоев).

Шаг 4

И, наконец, выделяем все кадры и при необходимости меняем задержку (я выбрал 0.1 секунды), устанавливаем режим повторения на Forever (Всегда).

И получаем вот такого забавного кролика с анимацией бега!

Теперь вы можете использовать этот спрайт в игре или экспортировать его в GIF.

Поздравляю, теперь кролик умеет бегать! Он готов к спасению принцессы-крольчихи и другим героическим свершениям.

Этот урок должен дать вам понимание принципов создания дизайна и анимации спрайтов. Теперь вы можете нарисовать своего собственного персонажа или использовать для игры готового кролика!

Создать объемного персонажа для логотипа или рекламного ролика — только половина дела. Как только внешность вашего героя готова, согласована и утверждена, начинается самое интересное — создание 3d анимации. Это трудоемкий и невероятно интересный процесс, который позволяет в итоге «оживить» любую задумку . Например, научить персонажа говорить с клиентом, грустить и радоваться, размышлять и двигаться, «вляпываться» в приключения и показывать на пальцах, как применить ваш продукт.

Работа 3d аниматоров — колоссальный труд, позволяющий создать не просто двигающуюся картинку, но и вполне достоверную реальность вокруг. Как создается трехмерная анимация и какие чудеса можно сотворить умеючи, разберем подробнее в статье.

Цитируя доктора Франкенштейна: оно живое!

Анимация трехмерных объектов существенно отличается от 2d анимации — «плоских» мультиков, где объем достигался с помощью перспективы и правильной покраски персонажей и окружения. Сегодня технологии позволяют сразу и показать ее форму освещением и движением камеры. В этом случае понятие анимации изменяется:

2d анимация — создание иллюзии движения или изменение формы объектов с помощью технических приемов.

Анимация 3d — автоматическое перемещение или трансформация объектов в пространстве и времени.

Проще говоря, раньше нужно было покадрово отрисовывать передвижение каждого персонажа. Теперь достаточно создать трехмерную модель персонажа, после чего ее можно двигать в пространстве без дополнительных усилий и прорисовок. Но говорить-то просто, а на деле — оживление 3d модели персонажей довольно сложный процесс. Чтобы заставить фигурку двигаться, мало иметь доступ к компьютеру и умным программам. Нужно еще и представлять, как может передвигаться герой, какие силы на него при этом влияют (не те, которые высшие, а, например, гравитация, сила трения и сопротивления).

Если вы хотите получить с характером — важно обратиться к аниматорам, которые в курсе всех тонкостей и готовы фанатично прорабатывать каждую деталь. Не только походку, но и мимику, и движение волосков, и скольжение ткани (если герой, конечно, носит одежду).

Чтобы учитывать все и сразу, нужно быть немножко волшебником и немножко гением — вполне удачное описание для аниматоров студии KLONA.

Как сотворить не зомби: особенности 3d анимации персонажей

Как гласит современная мудрость: ничто не зомби, кроме зомби. И если ваш герой — не он, то анимирование персонажа должно быть «живым», или, как нынче говорят, верибельным. Зритель должен поверить, что герой действительно ходит, смотрит, кривится или улыбается , взаимодействует с окружающей средой.

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

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

Потому давайте возьмем , как точку отсчета, и посмотрим, что с ней можно сделать:

  1. Анимировать по ключевым кадрам;
  2. Анимировать по траектории;
  3. Создать анимацию в динамической среде;
  4. Анимировать с использованием motion capture.

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

Анимация по ключевым кадрам: из точки А в точку Б

— один из наиболее распространенных способов создания 3д анимации персонажей. Суть метода заключается вот в чем: на шкале времени задается несколько главных точек, в которых положение или форма объекта изменяется. Аниматор задает нужные параметры модели в указанных кадрах, а «промежуточные» состояния программа рассчитывает автоматически.

Пример : Для простоты возьмем резиновый мячик, который ударяется о землю и отскакивает вверх. Чтобы отобразить один такой «скачок», процесс нужно разбить на три этапа: мячик в верхней точке — мячик на земле — мячик снова в верхней точке. По-хорошему следует задать больше ключевых кадров, учитывать кучу мелочей. Как то, что при падении резиновый корпус растягивается, а при ударе — сплющивается.

Если правильно деформировать объект в каждой фиксированной точке времени, анимация 3d получится максимально естественной.

Не всегда 3d модели персонажей — это люди или животные. Нашим героем может быть любой объект, например, летающая камера или НЛО (в общем все, на что хватит фантазии). В таком случае мигания лампочек и вращения по оси будет недостаточно — не интересно. А вот заставить объект летать по траектории, да еще и «отправить» камеру следить за перемещением, вовремя приближаясь и отдаляясь...

И умелое обращение с фокусом (вот уж что точно должна уметь студия 3d анимации) превратит простое кружение объекта в пространстве — в увлекательный почти что блокбастер.

Суть способа заключается в том, чтобы:

  • задать точку старта (начало пути объекта);
  • обозначить траекторию (путь, который проделывает объект);
  • указать конечную точку (где модель должна остановиться).

После того, как персонаж/объект «привязывается» к траектории, программа сама рассчитывает и создает движение. Если при этом добавить анимацию самого объекта (взмахи крыльев, открытие шлюзов, выдвижение шасси) и «поиграть» с камерой, можно добиться весьма интересных эффектов.

Команда студии КЛОНА точно знает, как сделать простое движение по проложенному маршруту и умопомрачительно динамичным.

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

Как выглядит результат такой анимации и где ее можно наблюдать?

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

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

Motion capture: превращение фильма в мультик

Технология захвата движений — молодая, но очень популярная. Сегодня motion capture используется практически во всех фантастических фильмах. Суть такого способа крайне проста:

  • на актере закрепляются датчики;
  • пока актер двигается, камеры фиксируют положения датчиков;
  • их смещение обрабатывает программа и создает движущийся «скелет» с набором ключевых кадров;
  • полученный пакет информации «обтягивается» оболочкой — для этого используется 3d моделирование персонажей.

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



Рекомендуем почитать

Наверх