Gifgun как установить в after effects
After Effects and GIFs and consequences are reunited!
With Alpha channel service, simple workflow, GifGun is your tool for creating GIFs for Adobe After Effects.
Using GifGun you can create GIFs to get Dribbbble, Behance, And much more -- right from inside After Effects in a single click.
Loved by top bureaus, manufacturing studios and It becomes better with every upgrade.
Great to learn
Once You increase gIFs often have a large Length, resolution, or color count (in any combination). We have added the Compression attribute to Assist You to keep the dimensions reduced,
GIF color palette is restricted with 256 colors for the Cartoon that is Whole the lesser would be your result caliber. That is the reason why we introduced the Render feature that will assist you to get the greatest quality. Jam is helped by it more at the expense of the file size.
We place Plenty of effort to Create this GifGun a One-Click instrument that is real and expects it will be loved by you as far do.
Some great features of GifGun:
- Rendering using Alpha station: The sole one-click Method to get a GIF using the Alpha station.
- Batch Render: Select multiple compositions in the Job panel and find all GIFs in a single click.
- GIF compression: Get a better record size using GIF compression. (Saves 15 percent normally.)
- Super GIF characteristic: New for 1.7, Experimental The motor Permits You to render gradients and Intricate scenes with hardly any Detail reduction. In the Purchase Price of file size
New changes:
- You can now set the desired amount of loops
- Bug with default FPS fixed
- Minor code updates
- setDate bug fixed
- Improved compatibility with BGRenderer2
- Minor code updates and fixes
- AE 2020 compatibility update
- Infinite loop issue fixed
- Fixes for trial mode and default FPS values
- Fixed Windows installer for older Windows versions
- Fixed script loading issues
- Fixed Experimental Engine issue with Infinite loop on Windows
- Fixed batch render issues
- Fixed Issue 159 on After Effects 17.0.4 and newer
- Fixed Issue with Keep Alpha and "as comp" FPS settings
- Updated for CC2021 compatibility
- Updated for AE 18.4 compatibility
- Minor updates
- AE2022 compatibility
Download After Effects GifGun 1.7.20 Full Version (win, mac) + User Manual from the below link now!
Dear user, you must first login to your account to write your comment.
Please click here to Log in
В данном уроке мы разберём тему экспорта анимации или видео-ролика из After Effect в gif формат. В After Effect, помимо наложения различных эффектов на видео можно делать красивую, плавную анимацию, которая по качеству исполнения превосходит анимацию созданную в фотошопе или других программах. Многие новички сталкиваются с проблемой сохранения получившейся анимации в гифку, поскольку в After Effects стандартный экспорт не предусматривает возможности сохранения проекта напрямую в gif формат.
Мы разберём три самых распространённых способа сохранения проекта в гифку, каждый из них имеет свои преимущества и недостатки, ну а каким из них удобнее пользоваться - это уже выбирать вам. В качестве объекта для будущей гифки я взял короткий фрагмент видео-ролика, с любой созданной анимацией в After Effects - это будет работать точно так же, поэтому вы можете взять либо этот же фрагмент ролика, либо какую-то свою анимацию.
1. Сохранение в GIF с помощью плагина
Первый способ, который мы рассмотрим, является самым простым, речь идёт о популярном плагине GifGun, с помощью которого буквально за один клик можно экспортировать проект After Effects в gif формат. Поскольку плагин является платным, думаю желающих использовать данный способ будет не много, особенно среди новичков. Использование GifGun будет актуальным для профессиональной деятельности на платной основе, т.е. для пользователей, которые часто выполняют коммерческие проекты и сумма в 30 долларов, а именно столько стоит плагин на данный момент, будет для них не значительной, в сравнении с удобством использования плагина.
GifGun достаточно просто устанавливается, как и большинство плагинов After Effects. Для начала работы с ним нужно скаченный архив плагина распаковать в папку "Scripst", которая расположена в корневой директории папки "Support Files". После распаковки плагина запускаем After Effects, переходим в верхнем меню в пункт "File" - "Scripts" и запускаем скрипт GifGun. Далее в появившемся окне вводим лицензионный код, нажимаем "Ок" и у нас появляется окошко плагина.
Тут можно выставить нужные настройки для будущей гифки, такие как размер, количество кадров в секунду, выбрать место сохранения и другие мелочи, после чего просто нажимаем на кнопку "Make GIF" и плагин сохраняет проект в гиф файл.
Главный недостаток GifGun - это платная лицензия. Конечно, если вы не совсем чайник и термины типа "кряк","торрент" вам знакомы, то вы знаете где взять этот плагин бесплатно. Я же не собираюсь нарушать авторские права разработчика, тем более у нас ещё имеется целых два способа, которые абсолютно легальны и бесплатные.
2. Экспорт кадров в Photoshop и сохранение в GIF
Переходим ко второй способу, он пожалуй, самый распространённый, на него есть уже куча видео на Ютуб и заключается данный способ в экспорте из After Effects через Photoshop.
Первым делом, как и при обычном экспорте мы выбираем в верхнем меню "Composition" - "Add to Render Queue" и в настройках рендеринга вместо формата AVI, который стоит по умолчанию, выставляем "Photoshop Sequence" и указываем путь сохранения.
Лучше создать отдельную папку для сохранения, потому что файлов будет много. Нажимаем "Render" и ждём. По окончанию рендеринга переходим в нашу папку и видим тут кучу файлов в формате PSD, каждый файл представляет собой отдельный кадр из нашего видео-ролика. Т.е. After Effects разобрал наш ролик на кадры и каждый кадр сохранил в PSD файл. Теперь нам нужно с помощью Photoshop собрать все эти кадры в единый ролик или анимацию и сохранить уже всё это в гифку.
Открываем фотошоп, выбираем в верхнем меню "Файл" - "Открыть как" и в директории с нашими кадрами выбираем самый последний файл, ставим галочку "Последовательность изображений" и нажимаем открыть.
В появившемся окне устанавливаем нужную частоту кадров, можно оставить как и в проекте After Effects, а можно немного уменьшить. Тут важно иметь в виду, что чем больше частота кадров, тем плавнее и качественнее будет выглядеть Gif анимация, но тем и больше она будет весить, а соответственно, дольше грузиться браузером.
Теперь нажимаем "ок" и фотошоп преобразует все выбранные файлы в один видео-слой. Переключаем рабочую среду на "Движение", чтобы проиграть видео, как видим, оно работает.
Теперь стандартным способом сохраняем это видео в гифку. В верхнем меню выбираем "Файл" - "Экспортировать" - "Сохранить для Web", выбираем gif формат и сохраняем анимацию.
Видите, анимация будет весить слишком много, потому что у нас большой формат FullHD, можно перед сохранением просто его уменьшить раза в три. Выберем "Изображение" - "Размер изображения" и установим ширину, допустим на 400 пикселей. Снова сохраняем стандартным способом в гифку и увидим, что теперь она будет весить приемлемо.
Главные два минусам данного способа - это конечно же временные затраты, а так же наличие фотошоп и хотя бы не большой навык работы в нём. Хотя, оба минуса, кому-то будут вовсе и не минусами, а наоборот.
3. Экспорт видео в Photoshop и сохранение в GIF
Ну и наконец вишенка на торте - третий способ, который лично мне нравится больше, чем два предыдущих, но тут уже всё зависит конечно от ваших задач. Работает этот способ следующим образом: из After Effects мы рендерим нашу анимацию или видео в формат AVI и с помощью фотошопа просто сохраняем это видео в гифку. Фотошоп работает с AVI форматом, поэтому никаких танцев с бубном производить не нужно.
Просто открываем отрендеренное видео и стандартным способом сохраняем его в gif анимацию.
Единственный момент, который нужно учесть - это частоту кадров, потому что в отличии от второго способа здесь у нас нет возможности в фотошопе задать частоту кадров, поэтому это нужно делать непосредственно в самом After Effects перед рендерингом.
Вот такие три способа экспорта gif анимации из After Effects мы сегодня разобрали, а какой из них удобнее и эффективнее, думаю каждый уже из вас выберет для себя сам.
В данном уроке, на примере создания слайд шоу, мы разберём основные принципы создания анимации в 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", выбираем путь сохранения. Теперь сам файл проекта с архивом всех рабочих файлов вы можете передать кому-нибудь или перенести на другой компьютер, вообщем весь проект будет у вас в порядке.
Плагин 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 делается всё по тому же принципу, но есть только некоторые нюансы, но об этом уже в другом уроке.
Иван Иванов ответил DELETED
Pasha, понадобится, или нет - это уже мне решать. Если есть что сказать конкретно по вопросу, буду признателен, если нет, то к чему все это?
Иван Иванов ответил DELETED
Pasha, а ты на полном серьезе воспринимаешь число 100500 как сто тысяч пятьсот? А не просто как "много"? Хорошо, 200 гифок сможет скрипт обработать быстрее, чем я сделаю это экшеном в фотошопе? Хотя чего я у тебя спрашиваю, по разговору ясно, что кроме хамства и самодовольства ничего от тебя ждать не приходится, просто подожду что ответит Николай.
Ян, попробуй фотошопом поставить хотя бы 100 гифок подряд. Он не умеет чистить память и через непродолжительное время ты получитшь просто забитое ОЗУ.
Ну а конкретно пакетной обработки нет и не будет, это слишком специфичная задача.
Иван Иванов ответил Сообществу
AE_Expressions, очистить память очень просто экшенами, под ряд выводил 200 гифок и все было ок, там в другом есть косяки, не все действия внутри save for web записываются в экшны, ну да не важно. Жаль что у вас не будет пакетной обработки, спасибо за ответ!
AE_Expressions, пакетная обработка тоже интересует, ибо можно просто через фш сделать по старинке на пару кликов больше.
Anton Vorobiev ответил Николаю
Умные люди в закрытом сообществе сказали, что скрипт гавно расчитанное на лохов. После публикации поста с подробным анализом скрипта в группе АЕ у админа порвало пукан и умнейшего человека ебучая шклота жаждущая наживы отправила в бан. Вообщем как-то так. Так что хорошо подумайте прежде чем покупать этот скрипт. Копипасту статьи прилагаю ниже. Жду бана, ёбанный школьник админ!!)).
Показать полностью.
Делаем ПЕРВЫЙ вывод, что скрипт будет хорошо и качественно работать при кодировании в Gif шейповую анимацию.
Средненькое качество Gif мы можем получить кодируя видео типа снятых облаков.
И совсем плохое качество Gif мы получим, как бы мы не старались и не били себя пяткой во впалую грудь, при создании гифки из обычного проекта АЕ с полноценным красочным видео, с градиентами и шумами.
т.е. фраза "We are using optimized algorithms to make sure your gif has the smallest size possible."
"Мы используем оптимизированные алгоритмы, чтобы убедиться, что ваш GIF будет иметь наименьший возможный размер."
не более чем красивая пустая завлекаловка, расчитанная на ЛОХОВ.
Теперь сравним настройки на скриншоте "Settings" с настройками, которые мы можем использовать в функции GIFEncoder()
function GIFEncoder(width, height) <
// image size
this.width = ~~width;
this.height = ~~height;
// transparent color if given
this.transparent = null;
// transparent index in color table
this.transIndex = 0;
// -1 = no repeat, 0 = forever. anything else is repeat count
this.repeat = -1;
// frame delay (hundredths)
this.delay = 0;
this.out = new ByteArray();
>
Окончательный ВЫВОД:
Прежде чем покупать, хорошенько подумайте за что вы собираетесь отдать свои кровные, а если уж купили, то требуйте от авторов ЗАЯВЛЕННОГО ими полно-функционального инструмента! Закон о защите прав потребителей на вашей стороне! Они обязаны доносить до потребителя полную информацию о своем ПРОДАВАЕМОМ продукте! Если уж взялись за продажу и лукаво кричат что работают честно.
PS. Приблизиться по качеству кодирования Gif Фотошопом, можно, это или самим надо придумать алгоритм, или подсмотреть его у фотошопа )))))
Ждем их релиза.
PSS
интересный еще вопрос, если я первым выложу свой релиз этого скрипта в открытый доступ в инете, как у авторов будет с правами на выход их релиза? ))))
Читайте также: