Анимация в трехмерной графике.

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

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

Совет №1: Блокинг ключевых поз

Сфокусируйтесь на важных движениях персонажа, помня о "полной анимационной картине"

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

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

Совет №2: Копипаст ключей

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

Совет №3: Использовать надежный ригг

Хорошая 3D-анимация зависит не только от таланта аниматора, но и от качества используемого им ригга. Быстрый базовый ригг позволит вам создать базовую анимацию. Поэтому ригг необходимо настраивать под ваши конкретные узкоспециализированные нужды. Непрофессиональный ригг только доставит вам лишние проблемы. Также аниматор не должен иметь возможность редактировать констрейны и прочие системы, поскольку это просто «убьет» ригг.

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

Совет №4: Заставьте тангенты работать

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

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

Совет №5: Пусть приложение работает за вас

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

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

Совет №6: Используйте прокси-модель, чтобы облегчить вьюпорт

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

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

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

Совет №7: 3 кита хорошей анимации: подготовка, действие и реакция

Планируйте анимацию с учетом 3 фаз: подготовки, действия и реакции

При работе на секвенциями или анимацией в целом, не забывайте о 3 важных фазах: ожидание, действие и реакция. Практически каждое движение содержит в себе какую-то толику каждой этой фазы.

Например, перед тем как прыгнуть, вы сгибаете ноги в коленях, или отводите руку назад перед тем, как что-то бросить. Это фаза подготовки. Прыжок или бросок — действие. Реакция - сгибание коленей или движение рук после приземления. Этот же подход применим и к лицевой анимации. Для достижения эффекта комичности можно преувеличить все движения или мимику.

Совет №8: Посмотрите на происходящее глазами персонажа

Не бойтесь записывать себя на камеру

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

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

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

Совет №9: Используйте зеркало

Лучший ваш референс - вы сами

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

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

Совет №10: Используйте анимацию повторно

Библиотека с анимациями поможет вам работать быстрее и эффективней

Это совет применим ко всем областям CG-индустрии. Его также можно использовать и в анимации.

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

И, напоследок. Помните, что лицо нужно анимировать в последнюю очередь

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

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

Ваша первая анимация персонажа

Мы создадим этот дружелюбный шарик

Сначала нужно создать векторный персонаж в Sketch . Вы можете использовать мой готовый пример (вместе с примером principle) – скачайте исходники .

Как только персонаж нарисован (я использую Sketch), убедитесь, что вы сгруппировали все объекты вместе, чтобы можно было легко передвигать их в Principle (вы можете также сгруппировать их в Principle, это на ваш выбор). В этом примере я сгруппировал левую/правую руку, левую/правую ногу, тело, тень на земле и флаг. Мы переместим эти объекты в Principle, чтобы создать нашу анимацию.

Когда вы нарисовали и сгруппировали свой персонаж в Sketch, откройте Principle и выберите “Import”. Артборд персонажа проимпортируется в Sketch. После импорта у вас будет новый артборд внутри Principle.

Наш импортированный персонаж из Sketch

Выделите артборд и продублируйте 4 раза. Соедините каждый артборд со следующим, а последний с первым, используя “Auto”. Это как раз и сгенерирует анимацию. Каждый слой на каждом артборде будет анимироваться со слоем с таким же названием в следующем артборде.

Присоедините каждый артборд к следующему

Когда все артборды соединены, выделите руки, ноги, туловище и другие сгруппированные элементы, которые вы бы хотели изменить на артбордах 2 и 4. В примере ниже вы увидите, что 1-й и 3-й артборды одинаковы, а в 1-м и 4-м артборде положения объектов немного отличаются. Это создает бесшовную петлю анимации. Вы бы могли при желании сделать всего 2 артборда, это был бы еще более простой вариант, но мы не ищем легких путей:)

Анимация в конечном виде

Вот и все, теперь давайте запишем анимацию.

Запись анимации

В Principle есть встроенный инструмент для записи. Однако при предварительном просмотре, анимация зацикливается. К сожалению, в Principle не предусмотрено простого способа для запуска и остановки анимации в нужный момент времени. Поэтому довольно сложно записать идеально цикличную анимацию. Но я нашел решение. Я записываю один полный цикл анимации в GIF, затем импортирую gif-ку в Photoshop (или любой другой gif-редактор) и удаляю кадры так, что последний становится равен первому. Пересохраняем gif и у вас отличная “цикл”!

Что дальше?

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

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

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

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

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

В 2d покадровые анимации - практически единственный способ сделать реалистичную анимацию персонажа.

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

Но, таким же образом можно и полноценно анимировать персонажа!

2. Скелетная анимация в 2d

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

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

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

Тем не менее, применять Motion Capture к персонажам созданным таким образом будет не более чем освоением бюджета. 100% Реалистичности все равно добиться не удастся (ибо 2d), а среднестатистический 2d-художник/аниматор сделает все быстрее, дешевле и лучше.

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

А вот отличия от покадровых анимаций - значительные. Плюсы скелетной 2d анимации - в намного меньшем объеме текстур (на ПК это уже почти не имеет значения, а вот на мобильных плафтормах - еще какое), в намного меньшем количестве работы художника (рисовать нужно не 100500 кадров одного персонажа, а всего лишь несколько частей тела) и в возможности переноса анимаций между персонажами с одинаковым скелетом. Минус - в меньшей реалистичности.

3. Скелетная анимация в 3d

В 3d все немного не так. Персонаж является объемной моделью, которая на части не делится (но может и делиться, если нужно). При анимации скелета - происходит деформация сетки модели. Для того, чтобы понять, увидеть и пощупать, как все это создается и работает, могу порекомендовать (на английском) по созданию персонажа в Blender и импорту его в Unity.

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

Анимации могут создаваться как моделлером, так и отдельным аниматором, в том числе и при помощи Motion Capture. Собственно, после получения mocap-данных с реального человека (этот процесс, думаю, должен быть понятен) они дорабатываются напильником и превращаются в обычные анимации. Плюс, конечно, очевиден - анимации становятся более реалистичными. Проблемы тут в том, что реалистичность хороша далеко не всегда, и в том, что аниматор сам вручную зачастую сделает лучше, быстрее и дешевле.

Кроме вышеописанного, стоит упомянуть про Ragdoll . Суть заключается в том, что к костям скелета вместо анимации применяется физика, вследствие чего персонаж может более "реалистично" (с точки зрения физики) падать, умирать и т.п. Ragdoll, кстати, бывает и в 2d, но это редкость.

А в связи с сопутствующим вопросом, обращу внимание на IK (Inverse Kinematics) - весьма вероятно, что в указанных играх использовалось именно оно. Но, вообще, это просто мое предположение, свечку при разработке этих игр я не держал.

ЧТО ДЕЛАТЬ?

Что делать, если Вы не художник, и не аниматор, и не моделлер, и не т.п.

1. Найти художника/моделлера бесплатно (тогда Вам на gamedev.ru).
2. Найти художника/моделлера за деньги (Вам на биржи фриланса).
3. Найти результаты работы художника моделлера бесплатно (начните с opengameart.org, а так же загляните в магазины и на форумы популярных игровых движков - там немало бесплатных спрайтов и моделей).
4. Найти результаты работы художника/моделлера за деньги (в магазины популярных движков, или просто в онлайн-магазины текстур и 3d моделей, но в последних будьте внимательны - не все модели оптимизированы для игр).

Будьте внимательны с лицензиями! Многие "свободные" лицензии имеют требования, выполнение которых может оказаться невозможно в проекте! Проприетарные - тем более!

1. Научиться и сделать все самостоятельно. Руки выпрямляются при большом желании и усидчивости. Другое дело, что профессионалы в своей области сделают все "прямо сейчас".
2. Проявить креативность и упростить персонажа так, чтобы даже Вы могли нарисовать анимации для него.
3. Проявить еще больше креативности: взять персонажа в 3d (его найти бесплатно намного проще, чем покадровые анимации персонажей для 2d игр), наделать его скриншотов с нужного ракурса с нужной анимацией. Профит.

P.S. В качестве бонуса - Carnegie Mellon University Motion Capture Database . Она же, конвертированная для Unity: , , . Бесплатно.

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

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

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

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.

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

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

От новичка до настоящего аниматора всего за 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 или другие.