Как сохранить GIF в After Effects

Посмотреть видео-урок

В данном уроке мы разберём тему экспорта анимации или видео-ролика из 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. Далее в появившемся окне вводим лицензионный код, нажимаем "Ок" и у нас появляется окошко плагина.

Сохранить gif в after effect плагин

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

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

2. Экспорт кадров в Photoshop и сохранение в GIF

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

Первым делом, как и при обычном экспорте мы выбираем в верхнем меню "Composition" - "Add to Render Queue" и в настройках рендеринга вместо формата AVI, который стоит по умолчанию, выставляем "Photoshop Sequence" и указываем путь сохранения.

Сохранить gif в after effect с помощью фотошоп

Сохранить gif в after effect с помощью фотошоп

Лучше создать отдельную папку для сохранения, потому что файлов будет много. Нажимаем "Render" и ждём. По окончанию рендеринга переходим в нашу папку и видим тут кучу файлов в формате PSD, каждый файл представляет собой отдельный кадр из нашего видео-ролика. Т.е. After Effects разобрал наш ролик на кадры и каждый кадр сохранил в PSD файл. Теперь нам нужно с помощью Photoshop собрать все эти кадры в единый ролик или анимацию и сохранить уже всё это в гифку.

Сохранить gif в after effect через photoshop

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

Сохранить gif в after effect через фотошоп

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

Сохранить gif в after effect

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

Сохранить gif в after effect

Теперь стандартным способом сохраняем это видео в гифку. В верхнем меню выбираем "Файл" - "Экспортировать" - "Сохранить для Web", выбираем gif формат и сохраняем анимацию.

Сохранить gif в after effect

Видите, анимация будет весить слишком много, потому что у нас большой формат FullHD, можно перед сохранением просто его уменьшить раза в три. Выберем "Изображение" - "Размер изображения" и установим ширину, допустим на 400 пикселей. Снова сохраняем стандартным способом в гифку и увидим, что теперь она будет весить приемлемо.

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

3. Экспорт видео в Photoshop и сохранение в GIF

Ну и наконец вишенка на торте - третий способ, который лично мне нравится больше, чем два предыдущих, но тут уже всё зависит конечно от ваших задач. Работает этот способ следующим образом: из After Effects мы рендерим нашу анимацию или видео в формат AVI и с помощью фотошопа просто сохраняем это видео в гифку. Фотошоп работает с AVI форматом, поэтому никаких танцев с бубном производить не нужно.

Сохранить gif в after effect с помощью photoshop

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

Сохранить gif в after effect без плагина

Единственный момент, который нужно учесть - это частоту кадров, потому что в отличии от второго способа здесь у нас нет возможности в фотошопе задать частоту кадров, поэтому это нужно делать непосредственно в самом After Effects перед рендерингом.

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

Поделиться:

Комментарии ()

  1. Paradox GG 25 августа 2020, 09:54 # 0
    Что делать если фотошоп при рендере gifки из 2 варианта выдаёт ошибку??
    1. Годно Народно! 25 августа 2020, 09:55 # 0
      скорее всего оперативки не хватает
    9402
    Посмотреть видео-урок Смотреть видео-урок Скачать исходники урока Скачать исходники урока