Создание анимированных GIF-файлов из After Effects Comps

  1. 1. Photoshop CC
  2. Шаг 1: Экспортируйте ваш комп из After Effects
  3. Шаг 2. Импортируйте видеофайл в Photoshop
  4. Шаг 3: измените размер видео
  5. Шаг 4. Настройка параметров экспорта в GIF
  6. Шаг 5: Экспортируйте свой GIF
  7. 2. GifGun!
  8. 3. gifmaker.me

Независимо от того, создаете ли вы анимированные элементы для веб-дизайна или пользовательского интерфейса, делаете простые циклические изображения или учебные пособия, или делаете следующий сумасшедший мем реакции, знание того, как экспортировать создание After Effects в анимированные GIF-файлы, может оказаться чрезвычайно полезным. Вот три инструмента, которые вы можете использовать, чтобы сделать идеальный GIF из ваших AE Comps!

1. Photoshop CC

Если у вас есть After Effects , возможно, у вас есть и Photoshop (он поставляется с полной подпиской на Adobe Creative Cloud). Вы можете использовать Photoshop вместе с After Effects, чтобы превратить ваши отрисованные композиции в GIF-файлы. Этот метод является наиболее сложным, но он дает вам максимальный контроль над качеством и размером файла конечного продукта GIF.

Шаг 1: Экспортируйте ваш комп из After Effects

Как только ваш анимированный шедевр закончен в After Effects , выведите его в видеофайл. Я на Mac, поэтому я рендеринг в файл ProRes .mov. Если вы делали анимацию с большим разрешением, вы можете сохранить себе шаг и уменьшить масштаб в After Effects , но это не является абсолютно необходимым; Вы можете сделать это в Photoshop так же легко.

Шаг 2. Импортируйте видеофайл в Photoshop

Знаете ли вы, Photoshop может импортировать видео файлы? Довольно круто, а? Это открывает всевозможные варианты для матовой живописи, ротоскопирования и т. Д., Но это темы для другого урока. В этом случае просто откройте видео, как любой другой файл в Photoshop. Это займет немного больше времени, чем обычно, чтобы открыть, но как только вы это сделаете, у вас будет дополнительная палитра «временной шкалы» вдоль нижней части, которую вы можете использовать для просмотра файла.

Шаг 3: измените размер видео

Если вы еще этого не сделали в After Effects , уменьшите масштаб видео в Photoshop. Это действительно легко сделать - просто перейдите к пункту «Изображение> Размер изображения…», как если бы вы изменили размер любого обычного файла изображения (в некоторых версиях Photoshop вам может потребоваться преобразовать видео в смарт-объект - иди вперед и сделай это).

Шаг 4. Настройка параметров экспорта в GIF

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

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

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

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

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

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

Шаг 5: Экспортируйте свой GIF

Когда вы наберете свои настройки, нажмите «Сохранить…» и скажите, куда идти. Чтобы посмотреть анимированный GIF, лучше всего открыть его в веб-браузере (Safari, Chrome и т. Д.).

2. GifGun!

Еще более простой способ экспортировать свой GIF из After Effects - использовать недавно выпущенный плагин под названием GifGun , После установки вам предоставляется простая панель пользовательского интерфейса с кнопкой « Make GIF» и кнопкой «шестеренка» для определения ваших настроек. Для этого примера я зашел в настройки и сказал, чтобы он менял размер до максимальной ширины 320 пикселей (как я делал в Photoshop).

Нажмите « Сделать Gif», дождитесь его обработки, и ваш GIF появится в самое короткое время! Если вы часто делаете GIF-изображения, метод с одним щелчком легко оправдывает свою цену.

Если вы часто делаете GIF-изображения, метод с одним щелчком легко оправдывает свою цену

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

3. gifmaker.me

Не хотите связываться с фотошопом и не хотите тратить деньги на GifGun? Там есть сайт под названием GifMaker.me он возьмет последовательность JPEG / PNG, созданную из After Effects, и создаст для вас GIF.

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

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

После завершения экспорта загрузите изображения в GifMaker.me :

me   :

После загрузки кадров у вас есть несколько настроек, которые вы можете настроить справа. Наиболее важным из них является « Скорость анимации» - поскольку вы загружаете последовательность изображений, которая не содержит временных данных, вы должны установить продолжительность анимации.

Этот пример длится четыре секунды с 95 кадрами, поэтому быстрый математический анализ (4000 миллисекунд в общей сложности, разделенный на 95 кадров) равен примерно 42 миллисекундам на кадр (что запрашивает сайт).

Нажмите « Создать GIF-анимацию» , затем подождите несколько секунд, пока все не будет сшито.

Нажмите « Создать GIF-анимацию» , затем подождите несколько секунд, пока все не будет сшито

Выходные данные, вероятно, будут довольно большими (у меня было 1,2 МБ), но на сайте есть встроенный оптимизатор.

Просто нажмите « Уменьшить размер файла GIF» , задайте для него настройку (я уменьшил размер до 32 цветов) и нажмите « Оптимизировать сейчас». «Он сообщает вам, насколько он уменьшил размер файла (до 780 КБ в моем случае), и позволяет загрузить новый GIF.

Итак, поехали: три способа сделать свои собственные GIF-файлы из After Effects. Что нужно иметь в виду: GIF большие, и они занимают много файлового пространства для того, что они есть. Сложная анимация может быстро увеличиваться в размере файла. Если вы размещаете GIF в сети, вы хотите, чтобы размер файла был как можно меньшим, чтобы они быстро загружались. Вот несколько вещей, которые помогут вам контролировать размер GIF:

  • Ограничение цветов. Один из самых простых способов сохранить размер ваших GIF-файлов - ограничить себя только однотонными цветами, и только несколькими из них.
  • Дизеринг - если вы используете сложные цвета, градиенты или затенение, это ваш друг . Это упростит цвета, используемые в затенении, чтобы уменьшить размер файла.
  • Держите это коротким - чем больше кадров в анимации, тем больше конечный размер файла.
  • Держите его маленьким - сделайте размеры как можно меньше.
  • Сохраняйте заикание - если вы можете делать это с более низкой частотой кадров (возможно, 12 кадров в секунду, может быть, даже 8 кадров в секунду!), Это очень поможет контролировать размер.

Какой твой любимый способ делать гифки из композиций After Effects? Поделиться в комментариях ниже.

Похожие

Конвертер AVI в GIF | Как конвертировать AVI видео в GIF анимацию бесплатно
... шага. Он поддерживает практически все популярные форматы видео, включая AVI, MP4, FLV, MKV, RMVB, MOV и т. Д. Если у вас длинное видео, его можно обрезать и преобразовать сегмент видео в GIF. И вы можете установить ширину и высоту выходного GIF, чтобы получить правильное изображение и установить частоту кадров, чтобы изменить скорость анимации GIF. Одним из основных моментов является то, что он позволяет объединять различные видеоклипы в GIF. Это действительно профессиональный редактор GIF.
Как создать свой блог | Здесь растут юные информатики
сначала необходимо создать электронный ящик , которая заканчивалась
5 простых способов скачать видео и GIF из Twitter
Twitter является одной из самых популярных социальных сетей с более чем 300 миллионами пользователей в месяц. Пользователи могут отправлять и читать короткие сообщения, известные как твиты, такие как короткие тексты, изображения, короткие видео и GIF-файлы. Вы можете свободно смотреть короткие видео и GIF-файлы, просматривая твиты. Однако, если вы встретите удивительные видео или GIF-файлы и захотите их скачать, вы будете разочарованы, так как в официальном приложении Twitter отсутствует
Съемка 4K видео: 9,7 "iPad (2018) против 9,7" iPad Pro (2016)
... gif" alt="С недавно представила iPad шестого поколения в руках клиентов мы опробуем новый планшет Apple и сравним его мастерство обработки видео с 9,7-дюймовым iPad Pro"> С недавно представила iPad шестого поколения в руках клиентов мы опробуем новый планшет Apple и сравним его мастерство обработки видео с 9,7-дюймовым iPad Pro. Столкнув два планшета друг против друга, мы взяли пару
Карта сайта Советы и шаги для эффективных сайтов
Если бы вам пришлось угадывать, какая часть веб-сайта была недооценена, что бы вы сказали? Если ваш ответ был «карта сайта», то вы заслуживаете похлопывания по спине - и, возможно, места в нашей команде. Карта сайта или структура страницы, как правило, упускаются из виду, почти никогда не планируются и продолжают игнорироваться, когда дело доходит до Веб-сайт а также
Как легко поместить видео с iPhone в Windows Movie Maker
... шаг. После того, как вы сняли все, вы, вероятно, захотите отредактировать его, прежде чем делиться с другими. Если вы попытались поместить видео, снятые с iPhone, в Windows Movie Maker для редактирования, вы обнаружите, что видеоролики не будут отображаться. Тем не менее, есть простой способ сделать видео с iPhone совместимым с Windows Movie Maker. Вам просто нужно использовать стороннюю программу, чтобы это произошло. Как известно, iPhone (включая iPhone 6, iPhone 6 Plus,
Как установить и настроить Zabbix агентов в удаленных системах Linux
Продолжая серию Zabbix , это руководство поможет вам установить и настроить агенты Zabbix в Linux (системы на основе Debian и CentOS ) для активного мониторинга локальных ресурсов в удаленных системах.
Перенос фотографий с iPhone / iPad на флэш-накопитель USB [3 простых способа]
Как перенести фотографии с iPhone на флешку? Прочтите это руководство, чтобы получить 3 самых простых способа быстрой передачи фотографий с iPhone на флэш-накопитель. Эти методы также применимы к iPad. От Белла Миллер | Опубликовано: 25 октября 2018, Последнее обновление: 16 апреля 2019 Я хочу снять свои фотографии с iPhone XS и поместить их на съемный носитель, флешку. Я не хочу, чтобы единственная резервная копия была
Создание сборочного и исполнительного чертежа
... gif" alt="Обратите внимание, что на экране есть пустой прямоугольник, символизирующий вставленную проекцию - рисунок ниже"> Обратите внимание, что на экране есть пустой прямоугольник, символизирующий вставленную проекцию - рисунок ниже. Что мы знаем о нем? Известно, что он будет представлять вид спереди в масштабе 1: 1 . Однако мы не знаем самого важного - как будет выглядеть этот вид спереди . Для предварительного просмотра перейдите в файл модели.
Настройка групповых политик Outlook
Находясь в сетевой среде Active Directory, вы можете настроить политики Outlook для принудительного применения настроек для определенного пользователя или группы пользователей или компьютеров. Это в основном используется
Потоковое видео с iPhone, iPad, iPod touch в Windows Media Center через AirPlay
Новый плагин Windows Media Center обеспечивает гибкость потоковой передачи видео и аудио от Apple AirPlay в мир, в котором Microsoft принимает приставку.

Комментарии

Итак, вы хотите сделать GIF из видео AVI и применить его на своем сайте?
Итак, вы хотите сделать GIF из видео AVI и применить его на своем сайте? Вы хотите создать фантастические GIF-файлы для совместного использования с другими? Если вы хотите, вы можете следить за этим постом, чтобы узнать, как конвертировать AVI в изображение GIF с помощью лучшего бесплатного конвертера видео в GIF. Рекомендую: лучший конвертер AVI в GIF VideoSolo Бесплатный конвертер видео в GIF это бесплатная
«Если [версия Facebook всегда будет бесплатной], как вы поддерживаете бизнес-модель, при которой пользователи не платят за ваш сервис?
«Если [версия Facebook всегда будет бесплатной], как вы поддерживаете бизнес-модель, при которой пользователи не платят за ваш сервис?» Сенатор Оррин Хэтч, 84-летний республиканец из Юты, спросил рано на пятичасовом слушании. Цукерберг остановился на мгновение,
Хотите получать новости и советы от TekRevue прямо на Ваш почтовый ящик?
Хотите получать новости и советы от TekRevue прямо на Ваш почтовый ящик? Зарегистрируйтесь на TekRevue Weekly Digest, используя поле ниже. Получайте советы, обзоры, новости и подарки, предназначенные исключительно для подписчиков.
Если вы начинаете блог в Blogspot, а затем создаете что-то ценное для своей аудитории, что вы собираетесь делать, если хотите монетизировать свой сайт или начать продавать товары или услуги?
Если вы начинаете блог в Blogspot, а затем создаете что-то ценное для своей аудитории, что вы собираетесь делать, если хотите монетизировать свой сайт или начать продавать товары или услуги? Отсутствие поддержки и руководства С любой бесплатной платформой или услугой вы, скорее всего, будете ограничены в количестве услуг или поддержки, которые вы получаете. То же самое относится и к Blogspot. Да, в Интернете есть учебники и руководства, но связаться с кем-то, кто
Итак, как вы можете запрыгнуть на подножку и сделать свои собственные GIF для своего аккаунта в Twitter?
Итак, как вы можете запрыгнуть на подножку и сделать свои собственные GIF для своего аккаунта в Twitter? Twitter объединился с компанией Freshout и предоставил им доступ к их API. Используя их Запиши это Теперь пользователи Интернета могут записывать свои собственные GIF-файлы. Это просто случай, когда вы нажимаете «запись» и используете мышь, чтобы нарисовать контент, который вы хотите захватить.
Вы устали от темы по умолчанию для iOS и поиска, можете ли вы сделать ваш iPhone или iPad похожим на Windows Phone?
Вы устали от темы по умолчанию для iOS и поиска, можете ли вы сделать ваш iPhone или iPad похожим на Windows Phone? Тогда вы находитесь в правильном месте, потому что здесь вы получите определенное решение. Вы получите список Top 5 лучших тем Windows для приложения Dreamboard для iPhone (iPhone / iPad / iPod touch). Да, пользовательский интерфейс iOS / iOS 7 в разы лучше, чем у Windows Phone, но из-за сложной человеческой натуры мы не можем долго придерживаться определенной

Довольно круто, а?
Какой твой любимый способ делать гифки из композиций After Effects?
Что мы знаем о нем?
Итак, вы хотите сделать GIF из видео AVI и применить его на своем сайте?
Вы хотите создать фантастические GIF-файлы для совместного использования с другими?
«Если [версия Facebook всегда будет бесплатной], как вы поддерживаете бизнес-модель, при которой пользователи не платят за ваш сервис?
Хотите получать новости и советы от TekRevue прямо на Ваш почтовый ящик?
Если вы начинаете блог в Blogspot, а затем создаете что-то ценное для своей аудитории, что вы собираетесь делать, если хотите монетизировать свой сайт или начать продавать товары или услуги?
Если вы начинаете блог в Blogspot, а затем создаете что-то ценное для своей аудитории, что вы собираетесь делать, если хотите монетизировать свой сайт или начать продавать товары или услуги?
Итак, как вы можете запрыгнуть на подножку и сделать свои собственные GIF для своего аккаунта в Twitter?