Как анимировать персонажа в after effects
Подборка уроков, посвященная анимации персонажей в After Effects.
Рассмотрены все этапы: от первичной отрисовки персонажа в Adobe Illustrator и правильного экспорта, до ключевых особенностей анимации каждой части персонажа.
Также в подборке вы найдете уроки, которые помогут понять принципы покадровой анимации.
Плагин Duik - это широкоизвестный бесплатный плагин, с помощью которого можно делать различную персонажную анимацию, в том числе короткометражные мультфильмы, рекламные моушн-ролики, баннеры и многое другое. Персонажная анимация в Duik построена на элементах костей и суставов, т.е. персонажу, не важно человек это, животное, выдуманное существо или даже предмет - создаётся структурный скелет, с помощью которого можно достаточно быстро и реалистично анимировать движения его конечностей и других элементов.
Duik - это достаточно мощный инструмент, с большими возможностями, в данном уроке мы рассмотрим именно основы персонажной 2D анимации, так называемый регит персонажа и его дальнейшая анимация.
1. Установка плагина Duik
Теперь берём архив с плагином, переносим или копируем его в папку "Scripts", расположенную по следующей дирректории. У вас возможно будет немного другая дирректория, главное найти папку с After Effect, в ней отыскать папку "Support Files", в которой будет расположена папка "Scripts". И вот в эту папку "Scripts" и распаковываем архив с плагином.
Только после этого запускаем After Effects и в панели верхнего меню находим пункт "Window", в нём должен появиться новый пункт со скриптом Duik.
Кликаем по нему при первом запуске плагина вам будет предложено выбрать язык, я выбираю английский и нажимаю "Ок". Всё, плагин у нас установлен и теперь вся работа с ним будет происходить с помощью этого окна, которое вызывается через пункт меню "Window".
Если вы будите часто работать с Duik, то это окно можно закрепить где-нибудь в удобном вам месте на панели и сохранить вашу рабочую среду, чтобы каждый раз, при запуске After Effects, не вызывать панель плагина через меню.
Еще раз повторюсь, что Duik - достаточно функциональный плагин, он содержит не только уникальный инструмент для персонажной анимации, но ещё и другие инструменты, упрощающие работу в After Effects, которые напрямую привязаны к функциям программы и с помощью Duik вы можете одним нажатием кнопки сделать определённый набор действий, на которое без данного плагина потратили бы значительное время. Но, в данном уроке мы будем рассматривать только набор основных и на мой взгляд, самых интересных инструментов Duik, котовый в панели плагина называется Rigging.
2. Подготовка персонажа для анимации
Давайте создадим новую композицию, проект и настройки тут выставим следующие: размер оставим Full HD, Frame Rate - 25 кадров в секунду, продолжительность поставим одну минуту, а цвет фона поставим белый.
Теперь для работы нам понадобиться, собственно, сам персонаж. Персонаж должен быть отрисован в векторном формате, чтобы при анимации небыло никаких искажений, думаю, для вас не секрет, что растровые изображения при деформации имеют свойство терять качество, потому что происходит нарушение пиксельной сетки. Вообщем, я подготовил в векторном формате вот такого вот персонажа, которого мы будем анимировать.
Персонажа я рисовал в Adobe Illustrator, After Effects отлично коннектиться как с илюстратором, так и с фотошопом. Как вы можете заметить, персонаж у меня разделён по частям, так сказать расчленён. И каждая часть тела имеет закруглённую форму, чтобы при анимации небыло видно торчащих элементов. Для чего делаются такие закругления, я уже объяснял и показывал на примере в одном из видео по персонажной анимации в фотошоп. В данном случае, персонаж создаётся точно так же, только в векторном формате, в Adobe Illustrator.
В этом видео мы рассмотрим именно основы работы с Duik, при персонажной анимации, поэтому как нарисовать такого персонажа в илюстраторе я как-нибудь объясню в одном из следующих уроков, тема интересная и заслуживает отдельного внимания. Я вам покажу, как можно быстро и легко создавать своих персонажей, при этом не владея художественными навыками.
Все части тела персонажа тут подготовлены к импорту, они все разделены на отдельные папки. В After Effects данные части будут импортированы именно этими папками, т.е. видите здесь, к примеру, рука разделена на три части - это плечо, предплечье и кисть. Эти части руки так и импотрируются в After Effects, они будут отдельными элементами и мы сможем их анимировать. Если же посмотреть на туловище, то тут мы видим папку, в которой имеются такие слои, как тазовая часть, галстук и воротник - всё это в одной папке, поэтому в After Effects туловище импортируется, как одно целое и мы не сможем анимировать отдельно, к примеру галстук. Для того, чтобы анимировать галстук, нам нужно сделать его отдельным слоем, тогда он импортируется отдельным элементом в After Effects.
Смысл я думаю понятен, все части персонажа перед импортом необходимо разместить в отдельные папки и соответствующе их назвать, чтобы при работе не запутаться.
3. Импорт персонажа из Illustrator в After Effects
Итак, импортируем в AfterEffects файл с персонажем формата ai. Кликаем по панели слоёв правой кнопкой мыши и выбираем "import"-"File",
выбираем наш файл с персонажем и в "импортировать как" вместо "Footage" ставим "Composition - Retain Layers Sizes", т.е. мы указываем After Effects о том, что файл с персонажем нужно импортировать именно слоями, а не просто одной картинкой.
Теперь нажимаем "Import" и у нас в After Effects появились все слои - части персонажа, а так же отдельная композиция с ним.
Давайте откроем эту композицию, кликнув по ней два раза левой кнопкой мыши, выделим все части персонажа, удерживая левую кнопку мыши и копируем их, нажав комбинацию клавишь "Ctrl + С".
Перейдем в нашу композицию и вставим сюда скопированные элементы, нажав комбинацию клавишь "Ctrl + V".
Теперь мы видим, что персонаж находится в нашей, созданной композиции и все его части тела расположены слоями. Все части тела подписаны, как и в иллюстраторе и мы можем без труда ориентироваться, какая часть принадлежит какому слою.
Следующим шагом мы должны показать After Effects, что все слои персонажа имеют векторный формат, а не просто растровые картинки. Для этого напротив всех слоёв, вот под пинтограммой нужно поставить метку.
И еще один момент, сейчас у нас все части тела отделены друг от друга и если мы возьмём какую-то его часть и потащим её мышкой, то она просто отделиться от персонажа.
Нужно сделать так, чтобы все элементы были объеденены, для этого мы создадим нулевой объект и привяжем к нему все части персонажа, таким образом, если нужно будет переместить всего персонажа, мы просто будем перемещать нулевой объект.
Кликаем правой кнопкой мыши по панели слоёв и выбираем "New" - Null object".
Поставим этот нулевой объект под персонажа, просто перетащив его мышкой.
Теперь выделяем все слои и с помощью функции привязки, привязываем их к нулевому объекту. Просто наводим курсор на привязку любого слоя и удерживая левую кнопку мыши тащим привязку к нулевому объекту.
Теперь, если мы выделим нулевой объект, то сможем его взять и переместить в любую точку на сцене и персонаж полностью перемещается.
С помощью вот такого нулевого объекта удобно анимировать перемещение персонажа на сцене, т.е. параметру "position" этого нулевого объекта можно задать нужные значения и переместить персонажа, ну естественно, при этом, надо еще сделать анимацию рук и ног. Анимацию перемещения лучше делать на нулевой объект, а не на самого персонажа, потому что у персонажа и так будут задействованы все части тела и чтобы не вешать на него еще и перемещиние делается вот такой вот трюк с нулевым объектом.
4. Регим персонажа в Duik
С импортированием и подготовкой персонажа к анимации мы закончили, теперь переходим к самому интересному, будем регить персонажа с помощью Duik. Для начала необходимо расставить "ancor points", якорные точки всех частей персонажа. Выделяем голову и видим, что по умолчанию якорная точка стоит по центру, нам нужно её переместить к шее, чтобы при анимации головы, если мы такую решим сделать, она у нас была привязана к шее, а не к своему центру.
Для этого выделяем голову, удерживаем клавишу "Y" на клавиатуре и тащим точку к шее. Тоже самое проделываем с остальными элементами.
Выделяем плечо и перетаскиваем точку ближе к туловищу, на место состыковки плеча с телом.
Выделяем предплечье и переставляем точку на локоть. Выделяем кисть и перемещаем анкор поинт на состыковку с предплечьем.
У глаз точки можно оставить по центру, туловищу точку опустим к тазу, а с ногами проделываем то же, что и с руками.
Для чего всё мы это сделали? Смотрите, допустим мы будем сгибать руку в локте, видите сейчас она сгибается именно в локтевом суставе.
Если бы мы оставили якорную точку по середине предплечья, то предплечье бы просто вращалось по центру, а не в районе локтя.
Следующим шагом нам нужно привязать, с помощью функции привязки, все части персонажа друг к другу, согласно иерархии частей тела. Смотрите, что я имею в виду, глаза нужно привязать к голове. Выделяем оба глаза и привязываем их к голове.
Голову, соответственно, нужно привязать к туловищу.
Затем кисть руки привязываем к предплечью, предплечье к плечу и плечо к туловищу. Тоже самое проделываем со второй рукой. Теперь ноги - ступню привязываем к голени, голень к бедру, бедро к туловищу. Так же поступаем и со второй ногой.
Переходим к следующему шагу, мы будем регить в Duik все части тела персонажа и делать это надо по иерархии, как мы делали до этого с привязкой частей к туловищу. Начнём с головы. Выделяем голову, затем удерживая "Shift" выделяем туловище и нажимаем в панели Duik вот на эту функцию "Auto-rig & IK",
плагин автоматически создаёт привязку головы к туловищу, причем по иерархии, он именно голову привязывает к туловищу, а не туловище к голове, как мы ему и показали.
Теперь проделываем тоже самое с руками и ногами персонажа. Выделяем кисть, затем удерживая "Shift", предплечье, потом плечо, туловище выделять не нужно и кликаем опять на авто-регин. Получаем вот такую руку.
Ну и с другой рукой и ногами делаем тоже самое.
В результате мы получаем подвижного персонажа, все его конечности можно двигать мышкой за появившиеся точки и конечности будут вести себя естественно, т.е. сгибаться в суставах.
Если обратить внимание на панель слоёв, то можно увидеть, что тут появились слои этих точек (контролов), которые нам расставил плагин Duik, с помощью этих точек и можно управлять различными частями тела персонажа.
Бывают ситуации, когда необходимо, чтобы конечность персонажа сгибалась в другую сторону, а не в ту, которую ей задал Duik. Чтобы это реализовать нужно в параметрах точки (контрола) этой конечности во вкладке "Effects" найти параметр IK и в нём просто включить "Reverse", который по умолчанию отключен. В результате конечность выгнется в противоположную сторону.
Но, если сейчас подвигать персонажа за туловище, то с ногами то всё в порядке, они сгибаются в коленях, а вот кисти рук остаются на месте, как будто приклеены и выглядят не естественно. Они должны двигаться вместе с туловищем.
Для этого нужно привязать точки рук к самому туловищу. Выделяем точки рук, берем привязку и связываем их с туловищем.
Вот теперь, если подвигать тело, то все будет работать нормально.
5. Анимация персонажа
Персонаж у нас готов и можно его анимировать с помощью вот этих точек и туловища, например, давайте сделаем ему анимацию приседания. Для этого нам понадобиться само туловище. Выделяем туловище, открываем в панели слоёв параметры этого слоя и ищем параметр "position", т.е. позиция.
Ставим на шкале времени контрольную точку, затем переносим ползунок немного вперёд и тянем за туловище вниз, у нас автоматически появляется вторая ключевая точка.
Теперь если проиграть анимацию или просто ползунок подвигать, то мы увидим, что анимация работает. Глаза анимируются также, просто выбираете соответствующий слой и выставляете параметр "position" в нужное положение.
Что касается отдельных частей персонажа, например вот кисти рук сейчас находятся в одном положении, за привязанную точку мы можем двигать самой рукой, сгибать её, но сама кисть не двигается.
Чтобы её можно было анимировать отдельно от всей руки ей нужно задать кастомную точку. Для этого выделяем кисть и в панели Duik кликаем вот на эту функцию,
в результате на кисти появляется точка около запястья. Данную точку мы перемещаем куд-нибудь ближе к пальцам.
После чего выделяем её, ну она у нас уже выделена, и удерживая "Shift" выделяем саму кисть, затем кликаем в панели Duik на авто-риг
и у нас получается на кисти появляется новая точка, с помощью которой можно уже её анимировать отдельно от всей руки персонажа. После этого действия саму кастомную точку можно удалить, чтобы она не мешала, а вот эта точка регулировки движения останется.
И эту точку кисти нужно привязать к точке самой руки.
Вот таким образом можно делать анимацию отдельных частей персонажа, если бы у нас, к примеру, был бы галстук отдельным объектом, то его можно было бы точно так же анимировать.
Ну и теперь, можно делать персонажу какую-нибудь анимацию, допустим движение туловищем, типа танца. Как и в большинстве случаев анимации в After Effects можно воспользоваться параметром позиции. Ставите на шкале времени точку, перемещаете ползунок по тайм-лайну и двигаете часть тела, в результате автоматически ставится вторая точка и получается анимация.
В одном из уроков я показывал, как делается анимация походки персонажа в Photoshop, в After Effect делается всё по тому же принципу, но есть только некоторые нюансы, но об этом уже в другом уроке.
В данном уроке, на примере создания слайд шоу, мы разберём основные принципы создания анимации в After Effects, рассмотрим параметры слоёв и их использование в анимации, а так же познакомимся с инструментом "Текст", с рендерингом композиции и правильным сохранением проекта.
И так, первым делом создаём композицию, разрешение я поставлю Full HD, т.е. 1920 на 1080 пикселей, Frame rate выставлю в 25 кадров и импортируем изображения из которых будем делать слайд шоу.
Теперь помещаим изображения в композицию. Что такое композиция, зачем в неё помещать импортированные файлы и прочая основная информация для начинающих пользователей была рассмотрена в первом уроке данного курса "Знакомство с интерфейсом After Effects".
Теперь, когда изображения находятся в композиции и мы видим слои файлов на time line можно их выставить в нужном порядке, в том порядке, в котором будут листаться слайды. Иерархию слоёв мы в первом уроке курса тоже рассматривали, поэтому очевидно, что слои изображений нужно расположить в необходимом порядке сверху вниз. Верхний слой - это будет у нас первый слайд, соответственно, нижний - последний.
1. Принципы анимации и параметры слоёв в AE
Начнём с принципа анимации в After Effects. Если вы ранее делали анимацию с помощью шкалы времени в фотошопе, то вам будет гораздо проще разобраться в After Effects, потому что принцип тут абсолютно такой же.
Каждый слой с файлом имеет стандартный набор параметров и расставляя ключи на тайм лайн мы с помощью данных параметров можем создавать различную анимацию. Давайте рассмотрим стандартные параметры слоя с изображением, для этого необходимо кликнуть вот по этой стрелочке. В открывшейся вкладке мы видим группу стандартных параметров слоя, которая называется "Transform", т.е. трансформирование. Эта группа параметров слоя в которой находятся различные стандартные параметры трансформирования. Давайте откроем её и посмотрим какие параметры нам доступны.
Первый параметр - это Anchor Point он отвечает за расположение якорной точки. Якорная точка нужна для установки центра объекта, при анимации, как она работает, рассмотрим чуть позже. Далее у нас идёт параметр "position", который отвечает за позицию объекта на сцене. Т.е. если нам нужно сделать анимацию перемещения какого-нибудь объекта сцены мы как-раз и будем использовать данный параметр. Следующий параметр "Scale" - он отвечает за размер объекта. Потом идёт "Rotation" - это вращение и "Opacity" - это прозрачность.
И так, давайте сделаем простое слайдшоу с анимацией улёта изображений в разные направления, за пределы сцены. Тем самым, первый слайд откроет для обозрения второй, потом второй улетает и открывает третий и так далее, нуу обычное слайд шоу, вообщем.
Для того, чтобы перемастить первый слайд мы используем параметр "position" данного слоя. Открываем параметры и на time line выставляем ключ в той точке, где у нас начнётся движение слайда. Допустим, где-то вот здесь, на второй секунде.
Чтобы поставить ключ нужно кликнуть на значок часов около нужного параметра. Ключ появился и это будет точка начала анимации, т.е. со второй секунды у нас начнётся анимация движения слайда.
Теперь нужно задать движение слайда и указать второй ключ - окончание анимации. Поставим ползунок немного дальше на временной шкале, после чего выделяем слой с объектом и инструментом "Перемещение" берем и просто перетаскиваем слайд в право, до позиции, когда его не будет видно на сцене. Чтобы объект перемещать точно по горизонтали можно удерживать Shift.
Поставили слайд в конечную позицию и видим, что у нас на time line автоматически появился второй ключ. Теперь если мы будем перемещать ползунок по шкале времени, то увидим, что анимация слайда работает. Чтобы проиграть анимацию можно просто нажать на пробел или справа открыть панель Preview и нажать play.
Если необходимо увеличить скорость анимации, то нужно просто на шкале времени подвинуть ключи ближе друг к другу, таким образом мы уменьшим промежуток времени между началом и окончанием анимации и она будет быстрее. Если нужно уменьшить скорость, то делаем всё наоборот.
Еще раз повторюсь, что первый ключ задаёт начало анимации, а последний - её окончание. Если нужно сделать анимацию не со второй секунды, а допустим с четвёртой, то просто выделяем эти ключи, кликая по ним и удерживая Shift и перемещаем их мышкой на нужно нам время.
Ключи могут быть не только начальные и конечные, но и промежуточные. Например при движении слайда слева на право мы можем прямо в момент движения сместить его, допустим вверх. Для этого выставим ползунок где-нибудь между ключами и переместим слайд вверх.
Теперь у нас получается вот такое перемещение дугообразное. Если нужно сделать не дугообразное, а по прямым линиям, то эту траекторию можно отрегулировать, она регулируется, как любая кривая вот этими усиками.
Чтобы удалить ключ нужно его выделить и нажать Delete.
Таким образом работают ключи со всеми параметрами слоёв. И анимацию на слой можно навешивать с разными параметрами. Например, сейчас у нас есть движение слайда вправо, мы можем добавить еще анимацию вращения, чтобы слайд не просто улетал вправо, а улетал вращаясь.
Для этого ставим ползунок на шкале времени в то место, где начнётся анимация вращения и кликаем по часам в параметре "Rotation". Перемещаем ползунок в место окончания анимации и вращаем слайд в нужную сторону. Каждый параметр имеет настройки, которые можно удобно регулировать. Удобство заключается в том, что тут можно выставлять точные числовые значения. Не просто повернуть картинку вручную на глаз, а выставить именно нужный вам угол поворота.
Ну и тут ключи можно перемещать как вам угодно, например, вращение задать не сразу при перемещении, а немного позже. Просто сдвигаем ключи и получаем необходимую анимацию: слайд пролетает немного по горизонтали, а потом начинает вращаться.
Параметры Position и Rotation мы рассмотрели, параметр Scale - изменением размера, думаю показывать не нужно и так всё понятно, с параметром Opacity - прозрачностью - тоже самое. Давайте рассмотрим Anchor Point. С помощью него мы можем устанавливать якорные точки на объекты, тем самым задавать им центр. Чтобы понять, для чего это нужно продемонстрирую вам наглядно. Вот у нас есть верхний слой с изображением, если мы его выберем, кликнем по нему один раз, то сможем его перемещать или изменять размер. Когда данный слой выделен у него отображается якорная точка, которая сейчас расположена в центре.
Мы задали этому слайду анимацию вращения и вращению у нас происходит именно по центральной оси объекта, потому что центр определён именно в центре этого изображения. А что, если вы хотите, чтобы ось вращения была не в центре, а допустим в нижнем правом углу? Для это нужно просто переместить якорную точку в правый нижний угол, тем самым установить там ось вращения.
Давайте удалим все ключи, оставим только анимацию вращения. Сейчас, при проигрывании анимации изображение вращается по центру. Для перемещения Anchor Point в верхнем меню нужно выбрать вот этот инструмент.
И им мы можем переместить теперь центр в любое нужное место. Ставим его в угол и смотрим, что у нас получается. Видите, мы сместили ось и теперь вращение происходит от угла изображения, а не от его центра.
Думаю, вы уже поняли, что параметр позволяет нам на протяжении анимации при необходимости, менять центр объекта. Для того, чтобы Anchor point вернуть в центр объекта нужно зажать Ctrl и два раза кликнуть мышкой по этому инструменту.
Да, кстати, хотел бы заметить, что в After Effect у новичков часто бывает такая ситуация, когда они случайно кликают по сцене и потом не понимают, куда всё делось, почему не работает анимация, почему не перетаскивается объект и т.п.. Сейчас вот мы работаем в композиции, у нас открыта именно композиция и мы можем работать со всеми слоями в ней. Если я кликну два раза мышкой по сцене, то откроется этот слой с изображением, потому что я по нему кликнул, он у нас самый верхний. Двойным кликом я просто открыл эту картинку и вышел из композиции и теперь не могу работать ни со слоями, не перемещать объекты. Чтобы вернуться снова в композицию нужно дважды кликнуть левой кнопкой мыши по ней в панели project.
И так, мы разобрали основные принципы анимации в After Effects и познакомились с параметрами слоёв, данной информации уже достаточно для того, чтобы создать какую нибудь не сложную анимацию, например простое слайд-шоу. Я сейчас удалю все ключи и заново сделаю слайд-шоу из всех слоёв фото с помощью параметра "Position".
Создаём анимацию первого слайда.
Теперь делаем тоже самое со вторым, только ключи поставим подальше, чтобы между сменой слайдов были временные промежутки. Слайд-шоу ведь и предполагает просмотр фото в автоматическом режиме, а не просто быстрое перелистывание.
То же самое проделываем с третьим и четвёртым слайдом, можно для красоты сменить направление движения, сделать его не вправую сторону, а в левую.
В окончании слайд шоу у нас остаётся чёрный экран, вместо него можно было бы оставить последний слайд, т.е. не делать ему анимацию. Но мы сделаем текст, напишем, например, "конец".
2. Текст
Для работы с текстом нужно взять вот этот инструмент, который называется "Текст", кликаем им по сцене и печатаем.
При работе с текстом справа в панели у нас открывается окно с параметрами. Тут можно задать нужный шрифт, цвет, размер, межбуквенное расстояние и другое. Эти параметры идентичны параметрам текста в фотошопе. Сам текст в After Effects анимируется аналогично и другим слоям, так же, при помощи различных параметров.
Слой с текстом размещаем в самом низу, и проигрываем анимацию. Получается слайд-шоу с окончанием в виде текста.
3. Motion Blur
Чтобы сделать его по-симпатичнее, можно ко всем слоям с анимацией подключить функцию "Motion Blur". Моушен Блюр - это такой эффект размытия в движении, он делает эффект движения более реалистичным. Для подключения моушен блюр включаем его во всех слоях с изображениями, на которые наложена анимация и кликаем по соответствующему значку, чтобы его активировать.
В результате слайды при движении оставляют за собой эффект размытия. Moution Blur можно использовать в различной анимации, но делать это нужно умеренно, не стоит вешать данный эффект на всю подряд анимацию, в некоторых случаях он может наоборот не украсить ваш проект, а испортить.
4. Рендеринг композиции
Остаётся отрендерить слайдшоу в видеофайл. Для этого, у вас дополнительно должна быть установлена программка Adobe Media Encoder, в первом уроке курса я объяснял зачем она нужна. Тут важно отметить, что Media Encoder должен быть той же версии, что и After Effects, иначе он не будет работать. У меня на данный момент After Effects CC2018 и Media Encoder установлен соответствующей версии.
Сначала выделяем композицию, в которой у нас находится вся анимация, кликнув по ней левой кнопкой мыши. Затем выбираем в меню "Composition" - "Add to Adobe media encoder Queue".
Далее, в появившемся окне, выбираем путь, куда у нас будет сохраняться видеофайл и запускаем рендеринг.
После окончания процесса рендеринга можно сразу же просмотреть результат, кликнув по ссылке пути сохранения видео.
5. Правильное сохранение проектов в AE
Последний момент, который я бы хотел в этом видео рассмотреть - это сохранение проекта. Если перейти в верхнем меню в "File" - "Save" и указать путь сохранения, то в данном случае у нас сохраниться файл проекта в расширении aep, т.е. after effects project.
Но, в предыдущем уроке я упомянал о том, что After Effects не загружает на прямую файлы, а просто импортирует их из указанной вами дерриктории и если вы удалите какой-то из файлов в дирриктории, то он пропадёт и в After Effects.
Чтобы избежать потерю какого-нибудь файла и чтобы сохранить пакетом ваш проект можно воспользоваться следующей функцией. Переходим в верхнем меню в "File" - "Dependencies" - "Collect Files". Открывается вот такое окно, в котором должна установка "All", т.е. все файлы, далее вот на этом пункте должна стоять галочка.
Здесь так же мы можем видеть сколько файлов будет добавлено в архив и сколько это будет весить.
Здесь стоит заметить, что все файлы проекта при таком сохранении After Effect скопирует из дирректорий. Т.е. программа не возьмёт прямо ваши файлы, которые вы импортировали, а именно скопирует их и создаст отдельный архив. Нажимаем "Collect", выбираем путь сохранения. Теперь сам файл проекта с архивом всех рабочих файлов вы можете передать кому-нибудь или перенести на другой компьютер, вообщем весь проект будет у вас в порядке.
Составили гайд по которому ты за 10 простых шагов сможешь стать настоящим мультипликатором! Справится даже новичок.
ШАГ 1. Устанавливаем плагин Duik.
Это бесплатный плагин, с помощью которого можно делать различную персонажную анимацию.
Плагин построен на элементах костей и суставов для персонажа. Причем не важно, человек это, животное или просто какое-то существо.
ШАГ 2. После установки ищем персонажа.
Он должен быть отрисован в векторном формате, чтобы при анимации не было никаких искажений. Можно нарисовать самому в Adobe Illustrator :)
Каждая часть тела должна быть разделена на слои. Например, рука разделена на три части — это плечо, предплечье и кисть.
Также важно закруглить все элементы, чтобы в движении не было видно торчащих слоев.
ШАГ 3. Импортируем персонажа.
Нужно показать After Effects, что все слои имеют векторный формат. Для этого напротив всех слоёв, вот под пинтограммой нужно поставить метку.
Также нужно создать нулевой объект и привязать к нему все части персонажа, чтобы все элементы были объеденены.
- Кликаем правой кнопкой мыши по панели слоёв и выбираем "New" - Null object".
- Выбираем все слои и с помощью функции привязки тянем их к нулевому объекту.
- Просто наводим курсор на привязку любого слоя и удерживая левую кнопку мыши тащим привязку к нулевому объекту.
ШАГ 4. Переходим к нашему плагину.
Нужно расставить "ancor points", якорные точки всех частей персонажа. Например, стык плеча с телом, предплечье и плечо, кисть и предплечье и т.п. Именно в этом месте будет сгибаться ваша анимация.
Теперь с помощью функции привязки, нужно соединить все части персонажа друг к другу, согласно иерархии частей тела. Например, глаза к голове, голову к туловищу.
ШАГ 5. Регаем персонажа в Duik.
Тут важно делать по такой же иерархии, как мы делали до этого с привязкой частей к туловищу.
Выделяем элемент —> удерживаем "Shift" —> выделяем туловище —> нажимаем в панели Duik на функцию "Auto-rig & IK". Плагин автоматически создаёт привязку. Делаем так со всеми элементами.
ШАГ 6. Персонаж и можно его анимировать с помощью точек и туловища.
Выделяем туловище, открываем в панели слоёв параметры этого слоя и ищем параметр "position", т.е. позиция.
Всю анимацию делаем на шкале времени. Теперь если проиграть анимацию, то мы увидим, что она работает.
С помощью этой программы вы можете создавать анимацию персонажей в цифровом виде, Adobe After Effects - это программное обеспечение по преимуществу. Кроме того, эта программа включает возможность создания персонажей в бег, ходьба, включая даже действия и стили. Это очень большая программа, в которой вы можете обнаружить большое количество инструментов для достижения лучших анимационных эффектов.
Это приложение предназначено для создание графической анимации , он также поддерживает различные плагины, разработанные для облегчения рабочей нагрузки при применении эффектов.
Анимацию следует рассматривать как изменение во времени, чтобы получить эффект или оживить слой, свойства должны изменяться с течением времени. Кроме того, эта программа включает ключевые кадры , так что вы можете получить хороший анимационный персонаж. К слою нужно применить только предустановку анимации.
Шаги по созданию анимации персонажей в After Effects
Изначально, чтобы начать создание анимации персонажа, программа должна быть открыта и сначала композиция должен быть созданный необходимо указать название и продолжительность анимации. А затем нажмите «Принять».
Когда вы открываете окно редактирования, вы можете встроить любой дизайн, над которым хотите начать работу. И нажав кнопку мыши и Клавиша "Shift" вы можете настроить символ до нужного размера. Затем в верхней панели нужно выбрать «Инструмент свободного положения» .
С помощью этого инструмента вы можете отметить членов персонажа, которых вы хотите оживить, включая руки и ноги. плечи, локти, талия, ступни, колени и голова.
Выбранные части отображаются желтыми точками, затем они располагаются в нижней левой панели, есть эффект свободного положения и нажмите "Майя" который показывает все точки, отмеченные на персонаже.
Если вы выберете инструмент «Подборка» расположен вверху и щелкнув по одной из точек куклы, например, на талии, вы сможете придать движение этой конкретной части. Вы можете перемещать персонажа по своему желанию, просто нажимая на каждую из точек, показанных выше.
В свою очередь, если вы позиционируете себя в "Меню внизу слева" где расположены отмеченные точки, вы можете выделить их все и открыть. В нем вы можете выбрать одно за другим, чтобы придать желаемое движение.
Например, чтобы придать руке движение, вы должны быть в желтых точках, выбрать ту, которая соответствует руке, щелкнуть мышью и сделать шаг вперед во времени, а затем переместить точку руки на чертеже. Вы также можете размещать 3D-тексты за движущимися объектами.
Продолжайте редактировать персонажей для создания анимации
Затем вы вернетесь к полосе редактирования и заметите, что была отмечена еще одна желтая точка, поэтому, если вы вернетесь на шкалу времени, вы увидите движение руки вверх и вниз. Точно так же вы можете копировать стежки и продолжать двигаться вперед во времени, чтобы рука двигалась столько раз, сколько вы хотите.
Точно так же эту процедуру необходимо проделать для каждой из точек, которые вы выбрали в персонаже. Таким образом вы можете создать анимацию для выбранного персонажа. Помните, что вы можете придать ему любое движение, чтобы персонаж имел хорошую анимацию.
Кроме того, вы можете создавать персонажей в фотошопе и импортировать в After Effects так что он содержит большое количество слоев. И таким образом вы сможете придать вашим персонажам больше и лучше движений, так как это позволит вам выбирать слои для лучшего эффекта.
Вы также можете получить "Режим панели слоев" в программе , который позволяет просматривать слои в виде полос продолжительности и выровненных фраз на панели временной шкалы.
В то же время «Режим графического редактора» позволяет вам видеть результаты по ключевым кадрам и графикам скорости. Инструменты, включенные в эту программу, разнообразны.
Вам также может быть интересно, Как создать анимацию с неоновым или световым эффектом в After Effects?
Читайте также: