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

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

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

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 или другие.

Создать объемного персонажа для логотипа или рекламного ролика — только половина дела. Как только внешность вашего героя готова, согласована и утверждена, начинается самое интересное — создание 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 моделирование персонажей.

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

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

Кого угодно можно научить ис пользовать 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 предлагает массу опций для анимирования, и в этом посте я описал самые базовые возможности. Если вы создадите своих собственных персонажей, делитесь ими в комментариях – очень интересно посмотреть на результат.