Анимашки двигается тело руки ноги много другое. Приближение анимации персонажа к реальности. (3 стр). Подготовка или упреждение

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

Немного скучной теории В большинстве случаев походку можно представить в виде комбинации четырёх состояний: контакт, отрыв, проход и высшая точка. В каждом из этих состояний у персонажа меняется положение рук и ног, а так же изменяется высота персонажа. В состоянии "высшей точки" голова персонажа находится в наивысшем положении а в состоянии "отрыва" в самом низком. Говорят начинать рисовать цикл нужно с "контакта" иначе неизбежно появятся проблемы. Очевидно, что когда правая нога находится в заднем положении то левая рука выходит вперёд и наоборот. Такие положения называются conterpose. Отдельное название данной позе придумали не с проста. С её помощью в анимации походки достигается равновесие (обе стороны тела уравновешиваются). Любая анимация без равновесия выглядит неестественно. В состоянии "проход" видна только одна рука, расположенная почти параллельно туловищу. Анимация походки может быть выполнена двумя способами: когда персонаж марширует на месте, а сдвигается фон, и когда он смещается по экрану. Первый способ более универсальный, но бывает сложно подобрать скорость фона и вписать его в окружение. Теперь о анимации на слайдах. Обезьяны - это мой первый опыт покадровой анимации. Используя алгоритм, была получена не плохая анимация походки гориллы. С анимацией бега в моём случае получилось немного сложней. Во первых добавилось количество ключевых кадров с 8 до 22. Чем больше промежуточных кадров, тем плавнее анимация. И тут еще учитывались движения ушей и языка, дыхание и т. д. Ну а на самом деле, анимацию бега тоже можно уместить в 8 кадров. Бороздя просторы интернета я нарыл множество раскадровак анимации, которые с каждым днём пополняют мою коллекцию. Вот одна из них:

Чудесно не правда ли? Присоединив ту теорию к данным рисункам можно оживить своего персонажа и придать ему настроение. Когда я делал баннер с пандой у меня не было этой картинки. Я наблюдал за бегающими детьми во дворе, заставлял брата бегать туда-сюда, смотрел мультики И всё делал методом проб и ошибок (мой любимый метод). Об анимации походки можно ещё много рассказывать, например как быть когда нужно анимировать персонажа изображённого не в профиль и высветлять многие другие проблемы. Но зная те основы и добавив немного воображения и физики можно добиться неимоверных результатов.Надеюсь, что статья получилась не очень занудной. И так же надеюсь что у вас анимация получится лучше и плавнее, чем у меня. Если я упустил какой-то важный момент и у вас есть что добавить - милости просим. Все недочёты и промахи (если таковые найдутся) постараюсь исправить в следующем уроке посвящённом скроллингу фона во флеш с помощью as3.

Описание урока
Сложность: для начинающих
Продолжительность: средняя

(то, что мы будем создавать)

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

1. Анимация персонажа

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

Анимация бега и шага во много схожа. Когда персонаж идет, то его голова оказывается в наивысшей точке в “переходный” момент переступания с ноги на ногу. Затем, персонаж опирается на другую ногу, и слегка приподнимается уже на ней.

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

Шаг 2
Начнем рисунок с показанной ниже позы, когда одна из ног пяткой вступает в контакт землей.

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

Шаг 3
Располагаем вторую ногу. Обратите внимание: на рисунке ниже ступня дальней от нас ноги полностью касается земли. Ближняя к нам нога (правая нога персонажа), в этот момент вот-вот начнет смещаться вперед. Заметьте, как правая нога перекрывает, в процессе своего движения, левую ногу.

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

Шаг 5
Рисунок – 4: правая нога выносится вперед.

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

Шаг 6
Рисунок – 5: взмываем вверх! Обе ноги отрываются от земли.

Обратите внимание на то, что на рисунке-5 персонаж расположен выше чем на представленном далее рисунке-6.

Шаг 7
На рисунке 6 персонаж по-прежнему находится в воздухе, но вот-вот коснется земли вынесенной вперед ногой.

Шаг 8
На рисунке-7 нога персонажа, наконец, касается земли (сначала пяткой). Далее, мы просто повторяем только что анимированное движение, только уже для другой ноги персонажа.

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

Шаг 10
Точно так же, как ранее в случае с правой ногой, вы можете наблюдать на рисунке-9, что дальняя от нас левая нога персонажа начинает движение вперед. Рисуйте непринужденно! Не бойтесь нарисовать даже то, как левая нога соединяется с нижней частью туловища персонажа, хотя на самом деле мы этого видеть не можем.

Шаг 11
Отрыв от пола. На рисунке – 10 опорная нога толкает персонажа вверх. То есть мы снова повторяем проделанный ранее процесс, но уже в отношении другой ноги.

Шаг 12
На рисунке – 11 персонаж снова полностью отрывается от плоскости пола.

Шаг 13
На рисунке – 12 персонаж еще в полете, не несколько смещен вперед и вниз. А так как мы создаем циклическую анимацию, то при ее проигрывании, за рисунком – 12 сразу последует рисунок – 1. Отличная работа!

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

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

2. Анимация рук

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

Шаг 1
Итак, добавим персонажу руки. Дальняя от нас нога впереди, так же как и ближняя к нам рука. Ближняя к нам нога в крайнем заднем положении, точно так же как и дальняя от нас рука.

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

(добавляем руки на рисунок-1)

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

(руки добавлены на рисунок-2)

Шаг 3
Активнее работаем руками!

Левая рука начинает свое движение вперед, одновременно с правой ногой, так же выносимой вперед. В этот же момент ближняя к нам рука (правая) отводится назад синхронно со “скользящей” назад дальней от нас ногой.

(добавление рук на рисунок - 3)

Шаг 4
Продолжаем! Работаем в прежней свободной манере. Обратите внимание, на положение ближней к нам руки, которая отведена еще больше назад, вместе с дальней от нас ногой, которая находится в крайнем заднем положении.

(руки, добавленные на рисунок - 4)

Шаг 5
У вас отлично получается! Не останавливайтесь!

(добавляем руки на рисунок - 5)

Шаг 6
Заканчиваем с руками

(руки добавлены на рисунок - 6)

(руки на рисунке - 7)

(руки на рисунке - 8)

(рисунок – 9 с руками)

(рисунок - 10 с пририсованными руками)

(руки на рисунке - 11)

(руки на рисунке - 12)

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

3. Симпатичные детали

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

Шаг 1

(детализированный рисунок - 1)

Шаг 2
Получается просто замечательно! Для прорисовки моего персонажа я использовал кисть с наконечником среднего размера. Линии не обязательно должны быть совершенно идеальными, вернее, они должны быть несколько небрежными. Так вам удастся подчеркнуть стиль. Некоторые студии работают именно с чернильными линиями, наносимыми при минимальном нажиме. Так, мне кажется, получается даже веселее!

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

1) общее исследование
a. на продолжительность анимации
b. степень участия частей тела в анимации
c. основные расстояния при перемещениях

2) первичные действия
a. я приступаю к анимированию начиная с тех частей тела, которые несут непосредственную смысловую нагрузку анимации. Чаще всего под подобную категорию попадают ноги и центр тяжести, за который я тягаю персонажа в пространстве
b. стараюсь как можно больше узнать о позах во время движения «основных» для данной анимации частей тела.

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

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

Ходьба

Введение

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

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

Анализ ходьбы я проведу на Biped скелете, олицетворяющем самого обычного «земного» человека.

Представлю сразу некоторые размерности, за которые можно было бы зацепиться при анимировании:

1) расстояние шага составляет примерно половину высоты персонажа

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

Первичные движения

Обратите внимание на ключевые позы при движении ног:

< Рисунок 1 >

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

Использование любого средства по микшированию, позволяющего выполнить повторение движения. Это может быть, например, Motion Flow.

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

Заметки по движению ног:

1) Помните, что вынесение левой ноги вперёд сопровождается вынесением вперёд правой руки и наоборот. Такое движение необходимо человеку, чтобы сохранять равновесие.

2) Когда человек наступает на ногу, его тело немного опускается вниз, когда же он выносит ногу – поднимается вверх. Причём, покачивание должно происходить плавно и периодически, как будто вычерчивая график синусоиды.

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

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

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

Есть проблема, связанная с выворачиванием бёдер в CStudio. И проблема заключается в том, что их можно опустить или поднять, но повернуть вперёд назад вовсе нельзя. Я говорю о манипуляциях с костью таза (Pelvis). Разрешить подобный конфликт можно через вращение в одно направление COM’а (ноги должны быть «привязаны» к земле) и в противоположное направление позвонков. Последнее необходимо для того, чтобы верхняя часть тела «смотрела» вперёд.

Вторичные детали

Заметки по поводу движения верхней части туловища:

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

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

3) Очень эффектно можно приукрасить внешний вид анимации через покачивание головы во время ходьбы. Когда одна нога «весит в воздухе» на уровне другой – голова смотрит прямо. Затем начинается незначительно движение головы вверх и вперёд. Когда человек ступает на пятку – голова на своей исходной позиции.

«Ходьба»

Теперь, после всех перечисленных заметок, осталось только реализовать данное движение на практике.

Загрузите сцену из файла «walk_start». Ничего особенного вы не найдёте в этой сцене, за исключением обычного скелета Biped, которого мы и будем анимировать.

Создайте 9 шагов при Walk Footstep равным 18 и Double Support равным 3. Каждый полученный шаг разверните на 10 градусов по оси Z (носки врозь).

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

Переходим к настройке анимации ног (включите режим «Авто ключа»):

1. Бедро (Pelvis) в каждом её кадре нужно развернуть на 10 градусов в таком направлении, чтобы нога, на которой скелет Biped стоит в данном кадре, выпрямилась.

2. Редактируем положение отрыва ноги от земли (lift). Чтобы легче «выловить» нужное состояние ноги, включите режим показа этого самого состояния . Во всех найденных для обеих ног кадрах разверните верхние фаланги пальцев на 30 градусов по оси Z. Как удобно выделить сразу все фаланги? Достаточно выделить стопу (Feet) и перевести это выделение на потомков нажатием кнопки «PageDown» на клавиатуре. Теперь можете разворачивать их. В итоге пальцы должны плотно прилегать к поверхности (воображаемая поверхность, по которой ходит персонаж), а пятка висеть «в воздухе».

Следующий перечень ключей для редактирования – это положение ноги в перемещении (move), а именно - положение, аналогичное 1-му и 4-му кадру рисунка № 1. В подобном кадре ногу нужно немного поднять вверх (2 единицы) и опустить чуть-чуть стопу (поворот 20 градусов по оси Z) В каждом таком кадре и после него трёх последующих значение натяжения (tension) для ключа нужно установить в 25 (проще для этого обратиться к утилите «Normal Tension»). Для быстрого перемещения по ключевым кадрам удобно воспользоваться «режимом ключа», который активируется соответствующей кнопкой .

3. Добавляем новый слой, в котором редактируем нулевой кадр:
- Calf – кости ноги разворачиваем друг от друга на 10 градусов (ось X).
- Опустите ноги вниз до их полного выпрямления (хватайте за пятки и тяните вниз), а затем поднимите центр тяжести так, чтобы ноги оказались примерно на той же высоте, что и были раньше (удобно равнять по линии оси сетки в виде сбоку).

Давайте теперь посмотрим на полученный результат. Для этого зайдите в диалог конфигурации времени (Time Configuration) и укажите начальное время (Start time) равное 67-ми, а продолжительность (length) – 30-ти. Теперь активируйте режим движения на месте (In place mode) и проиграйте анимацию. Скелет будет идти на месте до тех пор, пока вы не остановите воспроизведение анимации (или пока свет не выключат:)).

Верните конфигурацию времени к своему первоначальному диапазону, а именно к начальному времени (Start time) 0 и продолжительности (length) 138.

Настройка верхней части тела:

1. Если вы спрятали руки скелета, то теперь их самое время показать. Не знаю, как CStudio рассчитал вам ключи, однако у меня появляется небольшой казус. Он заключается в том, что правая рука качается при ходьбе значительно меньше левой, как будто у них разные траектории. Такого рода недочёт стал возникать у меня только в новых версиях CStudio, но, в любом случае, с ним легко справиться. Если вашего Biped’а также немного «перекосило», то давайте это подправим.

Убедитесь, что вы находитесь на уровне слоя-оригинала. Выделите всю левую руку (все кости руки) и скопируйте её траекторию (Track), затем перенесите выделение на кости правой руки и вставьте только что скопированный путь. В итоге, руки будут одинаково двигаться. Выделите все анимационные ключи правой руки (кроме первого) и сдвиньте их на 15 кадров влево. Вот и всё, что требовалось для исправления.

2. Перейдите к первому слою, который мы уже использовали для коррекции позы ног, теперь будем его использовать для коррекции позы позвоночника, рук и головы. Если режим «Авто ключа» выключен, то вновь активируйте его.
Голову опустите на 15 градусов (ось Z), а позвонки поверните по оси Z следующим образом:

Spine на 5 градусов
- spine1 на -10 градусов
- spine2 на 15 градусов

На что похож мультфильм, в котором нет действия? Во что превратится мультфильм, который не рассказывает историю? Наверняка вы видели, как художники в студии рисуют этюды с живой модели. Такие занятия очень полезны для понимания анатомии, и как себя ведут мышцы в движении. Однако специфика передачи такого движения не дает полной ясности! Она ограничена воспроизведением реальной жизни, не более. Движение и деятельность в мультипликации изображаются совершенно иначе. Поэтому знаний, как правильно прорисовать тело, недостаточно. Особенно важно освоить техники, которые позволят "оживить" форму. Именно об этом мы расскажем в этом курсе!

Что важно знать

Когда художник работает над персонажем, который оказался в определенной ситуации, ему/ей важно в первую очередь создать действие. Любая сцена, в которую вы помещаете свой персонаж, должна помочь зрителю увидеть намерение, побуждающее его к действию. Увидеть мотивы, чувства, навыки (или их отсутствие) и личность в целом. Этой цели необходимо достичь даже при полном отсутствии диалога. И здесь у рисунков есть преимущество: мы можем поиграть с языком тела и раздуть эмоции до предела. Вам не придется раскошеливаться на актеров, студию и прочие расходы. Достаточно бумаги и карандаша. Воображению нет предела!

Чтобы достичь этих результатов в анимации, нужно нацелиться на две вещи:

• Простота;
• Ритм.

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

1. Кривая движения

"Кривая движения" - воображаемая траектория, по которой тело вашего персонажа движется. Она характеризуется простотой и интенсивностью. Эта блестящая техника поможет вам достичь желаемой цели при планировании своих рисунков. С помощью нее вам удастся создать драматический эффект. Держите это в уме в следующий раз, когда будете делать наброски персонажей в действии.

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

Обратите внимание, как странно выглядит дизайн, основанный на сложных кривых движения.

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

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

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

2. 12 базовых принципов анимации

В 1981 году два величайших аниматора киностудии Дисней (Франк Томас и Олли Джонсон) написали книгу "Иллюзия жизни". Они представили публике "12 базовых концепций анимации", которые применяются студией с 1930-х годов в попытке создавать максимально реалистичную анимацию. Хотя эти концепции были разработаны для использования в традиционной анимации, они остаются неизменными и сегодня - даже в цифровых проектах.

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

• Сжатие и растяжение (Squash and stretch)
• Подготовка или упреждение (Anticipation)
• Постановка (Staging)
• Сквозное действие и Поза к позе (Straight ahead action and pose to pose)
• Инерция и оверлэпинг (Follow through and overlapping action)
• Медленный вход и медленный выход (Slow in and slow out)
• Арка (Arcs)
• Второстепенное действие (Secondary aciton)
• Тайминг (Timing)
• Преувеличение (Exaggeration)
• Конечная прорисовка (Solid drawing)
• Влечение (Appeal)

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

Сжатие и растяжение

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

Обратите внимание на физические аспекты отскакивающего мяча: когда он летит вниз с ускорением, его форма растягивается. Когда мяч ударяется о землю, он вытягивается по горизонтали (что подчеркивает силу гравитационного притяжения).

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

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


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

Потрясающе, правда? Эта техника подводит нас к следующей теме:

Преувеличение

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

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

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

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

Подготовка или упреждение

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

Классический пример подготовки: персонаж вот-вот побежит и покинет сцену!

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

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

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

Нацеливание и акцент

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

• Персонаж видит нечто удивительное;
• Возникает предвкушение (голова быстро опускается);
• Момент "акцента" имеет место, голова поднимается вверх.
• Персонаж возвращается в исходное состояние.

Давайте проследим, как работает этот алгоритм.

Шаг 1

Начинаем с рисунка персонажа с радостным или естественным выражением лица:

Шаг 2

Персонаж видит нечто удивительное и, в предвкушении момента, опускает голову вниз и зажмуривается. Это движение увеличивает впечатление того, что он видит нечто невероятное!

Шаг 3

Шаг 4

Персонаж успокаивается и возвращается в исходное состояние.

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

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

Чуть позже мы еще вернемся к "таймингу".

Медленный вход и медленный выход

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

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

Совет: если вы веб-дизайнер и работаете с переходами в создании анимации на страницах сайтов, вы наверняка сталкивались с концепцией "тайминга", для которой применяется функция Transition (Переход) в CSS3. В этой функции, помимо прочих параметров, используются "Плавный вход" и "Плавный выход", чтобы описать кривую скорости в анимации. Аналогично тому, если вы работаете в After Effects, вы наверняка заметили в меню Keyframe Assistant команды "Плавно плавно", "Плавный вход" и "Плавный выход". В том или ином случае, если вы пользовались этими опциями, - значит, что вы уже применяете знаменитый принцип анимации в своих проектах!

Влечение

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

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

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

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

Постановка

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

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

Сквозное действие и Поза к позе

"Сквозное действие" означает подробную раскадровку анимационной сцены с начала до конца. "Поза к позе" относится только к прорисовке ключевых кадров, промежутки между которыми позже дополнятся фазами. Интересно то, что первая техника используется только в анимации 2D. Но техника "Поза к позе" все еще применяется в раскадровке фильмов и анимации 3D.

Инерция и Оверлэпинг

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

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

Арка

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

Фоновое действие

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

Тайминг

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

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

Конечная прорисовка

Конечная прорисовка отностися к точности рисунков на бумаге. Рисунки должны иметь вес и объем, чтобы их правильно видели и трактовали. При этом здесь не идет речь о детальной прорисовке, чтобы сделать рисунок реалистичным. Мы говорим о том, как вы представите публике свое теоретическое знание рисунка. Художник, освоивший основы дизайна, может создать иллюзию объема в своих рисунках даже на эскизе 2D. В этом состоит искуство иллюзии правдоподобности.

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

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

3. Последовательные движения и циклы ходьбы

Со слов Кена Харриса, аниматора студии "Уорнер Бразерс" "Ходьба - самое первое, что нужно изучить". Научиться заставить мультяшного персонажа ходить именно так, как это нужно вам - самая сложная задача в анимации. Есть несколько способов, и они отличаются в зависимости от объема, сложности, контекста и насыщенности сцены.

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

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

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

Проанализируем упрощенный процесс на рисунке внизу:

Пример простого цикла ходьбы: тело слегка поднимается вверх в стадии переноса .

Обратите внимание, что руки движутся противоположно ногам; а, когда тело поднимается вверх в стадии переноса, одна нога прямая.

Теперь заполняем промежутки дополнительными фазами и завершаем основной цикл ходьбы в анимации:

Разные виды ходьбы и бега

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

Знаменитые шаблоны анимации: они были созданы на основе книги Престона Блэйра "Мультипликационная анимация". Уверен, вам знакомы эти картинки по разным мультфильмам.

Пример прогулочного шага : тело все время движется вверх-вниз.

Отличия в ходьбе четвероногих животных

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

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

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

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

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

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

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

Рисование ходьбы и бега - довольно сложная тема, которая заслуживает отдельного курса, посвященного только ей. Анатомия некоторых животных, таких как лошади, имеет свои отличия, из-за которых их ноги движутся по-другому. Ознакомьтесь с разделом "Копытные животные" в моем , там будет больше подробностей. Если вы хотите глубже изучить движения лошади, посмотрите , написанный Моникой Загробельной.

Соединяем все вместе

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

Конец!

Роль традиционной анимации в искустве 21 века сегодня активно дискутируется. Современные анимационные студии типа Пиксар или Дримворкс по прежнему пользуются как минимум 90% техник, описываемых выше. Способность оживить рисунок - неважно, с помощью ли пинапа, комиксов или мультипликации - прекрасная вещь. Если мы можем заставить ребенка поверить, что животное может разговаривать и действовать как человек, это потрясающе. Когда у зрителя пробуждаются эмоции, никакими словами не выразить чувства, которые испытывает в тот момент художник.

Carlos Gomes Cabral

I"m a product from the madness of the 80"s, living in the city of Rio de Janeiro (Brazil). I"ve been fond of arts, comics and music since I was a child, I dedicate myself to several projects at the same time and I hate sitting still. With a Bachelor"s degree in IT, I"m currently working for a technology mobility company. I"m also in love with motion graphics, HTML5, web design and UX trends. You can find me on Twitter (@cgcabral).

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

Проработав над несколькими фильмами, требовавшими реалистичную анимацию - в частности, Нарния, Аватар, Водяная Лошадь, - я считаю, нельзя недооценивать важность подготовки.

Подготовка

Я изучил базовую анатомию животных, с которыми собрался работать. Особенно я обращал внимание на то, как связаны части тела, что помогло мне понять общий рисунок движения животного. Референсы сильно помогают понять это, особенно мне помог "The animation motion show" Rhino House, это прекрасная коллекция DVD. Они помогли мне увидеть движение в деталях с разных углов.

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

Rhino House это сервис видеореференсов животных.

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

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

Блокинг

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

Бёдра очень важны, они заставляют двигаться всё тело. Голова и плечи управляют движением. Тело следует за головой, а голова - за глазами.

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

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

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

Очистка

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

Материал подготовил Шитиков Семён