Как импортировать 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", выбираем путь сохранения. Теперь сам файл проекта с архивом всех рабочих файлов вы можете передать кому-нибудь или перенести на другой компьютер, вообщем весь проект будет у вас в порядке.
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Наложение анимации gif на видео в Adobe After Effects
В общем, первым шагом в мотаже эффектов было наложение чёрных точек на пустое небо. По сценарию это должны быть виверны, поэтому первым в голову мне пришла идея наложить анимированных маленьких птичек. Птичек я решил поискать в 3DS максе и даже нашёл готовый проект, но он почему-то при рендеринге отображал чёрный экран. Затем я попытался сделать что-то подобное в плагине Trapcode Particular, но покопавшись минут 20 в его настройках так и не смог подобрать ничего адекватного. И лишь затем я подумал, а почему бы не попробовать наложить анимированную гифку? При первом же запросе "анимация птица" яндекс мне выдал подходящую анимашку. И тут началось самое интересное.
Оказывается Adobe After Effects не признаёт прозрачность гифок и вместо прозрачности ставит им белый фон. Первой идеей было поменять режим наложения слоя на Darken, но так терялись и белые участки на теле птички. В принципе выглядело неплохо, но хотелось лучшего. К тому же тут попалась и картинка получше, с большим количеством кадров.
Её я изначально закинул в фотошоп и был приятно удивлён - в CS5 появилась возможность редактировать анимированные гифки покадрово. Хотя, возможно, это было и в CS4. А раньше для редактирования другие кадры, кроме первого, были недоступны. Хорошая фича. Фон тоже оказался прозрачным. Сначала я подумал, что можно просто сохранить png-sequence и принялся делать это покадрово. Но кадров оказалось около 20-ти, и я подумал, что должны же тут быть какая-то автоматизация. Производитель ведь один и тот же. Интуитивно выбрал File > Export > Render Video. и тут же нашёл опцию Image Sequence. Выбрал формат PNG, сохранил. Затем в After Effects выбрал File > Import > File, нашёл сохранённые пнг-шки, поставил галочку sequence - и вот, анимация уже совершенно прозрачная лежит в AE. Отлично, уже прогресс. Дальше немного наладил цвет, затемнил, и выглядело это уже очень даже неплохо, если бы одно но. Анимация проигрывается только один раз. Тут обратился к урокам крамера по созданию кровяных частиц, но там нашлось только руководство о том, как выставить в анимации нужные нам 24 кадра в секунду. Повторение анимации он уже задавал непосредственно в настройках плагина с частицами, который он использовал. Что ж, пришлось кумекать самому. Пролистал ниже настройки png sequence (они вызываются по правому клику по анимации в проекте, затем Interpret Footage > Main) и нашёл строчку Loop _ times, ввёл в неё 100500 раз. Это было то что нужно, и теперь я смог растянуть анимацию птиц на всё время клипа. Дальше уменьшил их до нужных размеров, размножил, чуток подразмыл, немного сместил, чтобы анимация на каждой птичке не проигрывалась одинаково, добавил всем им небольшой эффект wiggle, чтобы летели не так прямо. Затем построил саму анимацию полёта по кривой и вот, всё выглядит примерно так, как я и хотел.
В общем, дейсвтуя набоум нашёл все нужные мне опции и узнал много чего нового. Порой самому разбираться намного лучше и интереснее, чем сразу лезть в интернет в поисках каких-то гайдов. Один этап позади, но дальше меня ждёт ещё очень много сложностей.
Видео: Exporting GIFS From After Effects and AME | Adobe Media Encoder Tutorial (Май 2022).
Adobe After Effects позволяет импортировать все типы файлов изображений, включая файлы GIF. Анимированные GIF-файлы - это файл изображения, в котором собрана вместе строка изображений, которые появляются последовательно для отображения короткой анимации или текста. GIF-файлы могут воспроизводиться один раз, затем останавливаться или непрерывно воспроизводиться в цикле, который показывает анимацию снова и снова. В After Effects вы можете импортировать файлы GIF и зацикливать их или экспортировать свой проект в формате GIF.
Импорт файлов GIF
Щелкните правой кнопкой мыши в окне проекта и выберите «Импортировать файл». Окно проводника появится на экране. Нажмите на GIF, который вы хотите импортировать в проект, и нажмите «ОК». Файл появится на экране проекта. Рядом с именем файла будет указан «Quicktime Movie» в качестве типа файла. Это означает, что After Effects правильно распознает его как анимацию GIF и автоматически преобразует его в файл фильма.
Цикл проекта
Перетащите файл GIF в окно «Слои», чтобы добавить его в проект. Чтобы зациклить GIF, скопируйте и вставьте слой столько раз, сколько хотите, чтобы зациклить его в проекте. После каждой вставки GIF перетаскивайте индикатор таймфрейма к краю предыдущего GIF. Это сохранит шаблон зацикливания в проекте. Воспроизведите видео, чтобы увидеть любые сбои, которые могут возникнуть в цикле.
Экспорт GIF-файлов
В Adobe After Effects CS5 или более поздней версии процесс экспорта файлов GIF отключен и заменен общим файлом Quicktime. Adobe требует, чтобы вы экспортировали его как файл Quicktime, а затем импортировали файл фильма в Adobe Photoshop. В Photoshop вы можете экспортировать GIF и выбрать опцию «Looping» в нижней части окна, чтобы создать GIF. Тот же процесс можно также выполнить в Adobe Premiere Pro.
Старые версии After Effects
В Adobe After Effects CS4 или ниже у вас все еще есть возможность экспортировать файл GIF. Перейдите в «Окно» и выберите «Очередь рендеринга». Нажмите на раскрывающееся окно «Формат» и выберите «Анимированный GIF». На экране появится окно настроек. Выберите качество GIF, который вы создаете. В правом нижнем углу экрана выберите опцию «Looping» и нажмите «OK». Теперь GIF будет зацикливаться каждый раз, когда вы его открываете.
Как обновить файл в After Effects
Файлы, которые вы используете для сборки проекта Adobe After Effects, называются элементами видеоряда и включают в себя видео, фотографии и аудиофайлы. Вы импортируете эти файлы в .
Как сделать кого-то тонким в After Effects
Adobe After Effects позволяет деформировать, сжимать и редактировать графические или видеофайлы. Вы можете внести небольшие изменения в человека, чтобы они выглядели тоньше на экране. Если вы используете .
Как вырезать видео в After Effects
After Effects - редактор движущейся графики, разработанный Adobe. Хотя программное обеспечение изначально не предназначено для редактирования видео, его можно вырезать и редактировать.
Для создания анимации, управляемой данными, используются данные, поступающие в реальном времени из различных источников. Анимации в композициях формируются на основе этих данных. Можно использовать данные из нескольких источников. Данные могут быть статическими или изменяться во времени. Можно импортировать данные в проект After Effects, а затем использовать их в качестве входных для анимации графиков, символов, управления визуальными эффектами, создания титров к фильмам и другой анимационного дизайна.
Можно использовать данные практически из любого доступного источника, такого как:
- Файлы данных, формируемые устройствами. Данные с таких устройств, как фитнес-трекеры, которые записывают производимые действия с помощью датчиков и сохраняют их в файлы различных форматов. Такие изменяющиеся со временем данные включают скорость, высоту над уровнем моря, расстояние, частоту сердечных сокращений и другие параметры выполняемых пользователем действий.
- Статические данные, формируемые пользователем. Глобальные статические данные (например, результаты опросов), которые можно изменять, чтобы управлять графикой. Созданный пользователем файл данных может обеспечить рабочий процесс для глобальных данных.
- URL-адрес — поступающие в реальном времени данные с веб-сайтов (например, пути входа и выхода пользователя, выполняющего навигацию по веб-странице).
- Метаданные. Внедренные описательные сведения о видеофайлах.
Файлы данных можно импортировать в следующие форматы:
При наличии файлов данных в других форматах преобразуйте их в любой поддерживаемый форма импорта, а затем импортируйте в проект After Effects. Для преобразования файлов данных в форматы, поддерживаемые программой After Effects, существуют различные инструменты конвертации.
Анимация, управляемая данными
Стандартный файл JSON можно импортировать в After Effects в виде видеоряда и файлов данных для работы в фоновом режиме. After Effects напрямую ссылается на данные в этих файлах данных для управления анимацией в проектах. Видеоряд JSON не представлен в виде потоков данных на панели Таймлайн . На данные можно ссылаться помощью выражений как на оцененный объект JSON.
Чтобы изменить способ обращения к данным, можно внести изменения в выражения. Данные, на которые ссылается After Effects для управления анимацией, можно записать в текстовом редакторе. Поддержка JSON основана на схеме JSON, которая определяет и указывает, как приложение будет использовать и изменять данные JSON.
Основные типы данных JSON:
- Число: число с десятичным знаком.
- Строка: последовательность символов Юникод длиной ноль или более.
- Логическое значение: значение true или false.
- Массив: упорядоченный список значений, в котором может быть ноль или более значений.
- Объект: неупорядоченный набор пар имен или значений, где имена (ключи) являются строками.
- Null: пустое значение со словом «null».
Для работы со стандартным файлом JSON выполняйте следующие действия:
Выберите Файл > Импорт.
Чтобы выполнить импорт, выберите файл JSON и нажмите кнопку Открыть.
Файл будет добавлен в окно проекта. Создайте композицию с этим видеорядом.
Добавьте в композицию сплошную заливку. Чтобы добавить сплошную заливку, выберите Слой > Сплошной.
На панели Таймлайн разверните свойства слоя со сплошной заливкой и нажмите на параметр Непрозрачность, удерживая клавишу Alt.
Для внесения изменений в анимацию измените данные в выражении. Данными JSON можно управлять. Для доступа к данным используются ссылки из файла данных, где сохранена вся информация.
Чтобы использовать для анимации другие данные, также можно заменить файл JSON другим файлом JSON. Чтобы выполнить замену, выберите Заменить видеоряд > Файл и откройте новый файл со своего компьютера.
Для использования данных можно применить выражение к свойству, которым будут управлять данные, а затем:
Воспользоваться атрибутом sourceData для считывания данных из файла JSON. Например:
Чтобы вернуть его значение, обратитесь к определенному свойству внутри данных JSON. Например:
В качестве видеоряда можно импортировать в проект файл данных MGJSON. При добавлении в композицию данных видеоряда потоки свойств данных объединяются в новую группу верхнего уровня «Данные». В группе «Данные» данные видеоряда отображаются как свойства. Каждое свойство в этой группе данных представляет собой выражение с обратной связью с файлом видеоряда, который осуществляет доступ к значению в файле данных с помощью выражения footage("foo.mgjson").dataValue(N). Здесь N — это путь к потоку данных в файле. MGJSON работает на основе схемы, с помощью которой проще ссылаться на потоки данных и импортировать их в After Effects.
К каждому отдельному свойству данных применено выражение, которое связывает это свойство с данными из файла MGJSON. При изменении исходного файла MGJSON значения свойств данных автоматически обновляются.
На панели Таймлайн можно разворачивать слои данных и связывать параметры с другими параметрами с помощью инструмента «Лассо». Изменения вносятся автоматически.
Работа с видеорядами MGJSON в After Effects
Для работы со файлом MGJSON выполняйте следующие действия:
Выберите Файл > Импорт.
Чтобы выполнить импорт, выберите файл MGJSON и нажмите кнопку Открыть.
Файл будет добавлен в окно проекта. Создайте композицию с этим видеорядом.
Импортируйте ресурс в проект и добавьте его в композицию.
На панели Таймлайн разверните свойства видеоряда.
С помощью инструмента Лассо свяжите одно из свойств ресурса, например Поворот, с одним из потоков данных, имеющихся на слое данных. Теперь свойство ресурса ссылается на данные из слоя данных. Каждый поток данных, на который имеется ссылка, содержит выражение, которое получает его значение из файла видеоряда.
При просмотре видеоряда ресурс анимируется на основе потока данных слоя данных.
Кроме того, образцы данных из файла данных также можно преобразовывать в ключевые кадры. Чтобы выполнить преобразование в ключевые кадры, выполните следующие действия:
Импортируйте файл MGJSON в проект и перетащите его на панель Таймлайн .
Щелкните слой данных правой кнопкой мыши и выберите пункт Помощник в работе с ключевыми кадрами > Создать ключевые кадры из данных в меню Помощник в работе со слоями и ключевыми кадрами.
Чтобы просмотреть ключевые кадры, разверните слой данных.
После преобразования в ключевые кадры данные больше не будут обновляться в режиме реального времени и не будут браться из файла данных.
Данные, передаваемые в режиме реального времени, можно также просматривать в редакторе диаграмм. Для этого нажмите на значок редактора диаграмм на панели Таймлайн.
Анимация, управляемая данными, использует справочник выражений. Дополнительные сведения см. в разделе Анимация, управляемая данными (справочник выражений).
Команда Слой > Время > Согласовать видео с данными смещает слои видео на различные кадры как указано в файле mgJSON. С помощью этой команды можно согласовать видео по времени с образцами данных, хранящимися в соответствующем файле mgJSON. Например, если данные были записаны во время гонки, однако время начала видео не совпадает со временем начала записанных данных, можно задать смещение, и данные будут автоматически сопоставлены с видео.
Чтобы согласовать видео по времени с данными mgJSON, выполните следующие действия:
Чтобы эта команда сработала, в файле mgJSON должна присутствовать группа videoSyncTimeList , содержащая следующие элементы:
- Имя одного или нескольких целевых слоев (fileName)
- Число кадров (frameNumber), на которые необходимо сместить эти слои от начала слоя данных.
"videoSyncTimeList": [
"fileName": "sample1.mp4",
"frameNumber": 1000
>,
"fileName": "sample2.mp4",
"frameNumber": -1000
>
Значением fileName должно быть имя выбранного слоя, а не исходное имя слоя. Если имя слоя изменить на исходное в композиции, например, переименовать слой «sample1.mp4» в «Гонка камера 1», то также необходимо будет изменить значение fileName в файле mgJSON. Слои, на которые ссылается параметр fileName, не обязательно должны быть элементами видеоряда с исходным файлом. Этими слоями также могут быть сплошные заливки, вложенные композиции или слои других видов.
Если параметру frameNumber задать положительное значение, целевой слой будет смещен влево (перед слоем данных). Если параметру frameNumber задать отрицательное значение, целевой слой будет смещен вправо (перед слоем данных). Если параметру frameNumber задать значение 0, начало целевого слоя будет совмещено с началом слоя данных.
Файлы со значениями, разделенными запятой (.csv), и файлы со значениями, разделенными табуляцией (.tsv или .txt), можно импортировать в After Effects как видеоряд для использования в качестве источников данных. Файлы CSV и TSV содержат данные таблиц в формате простого текста. При этом значения разделяются либо запятыми, либо символами табуляции. Файлы данных CSV и TSV работают так же, как файлы данных JSON.
Чтобы использовать файлы данных CSV или TSV в After Effects, выполните следующие действия:
- Выберите Файл > Импорт .
- Щелкните правой кнопкой мыши панель Проект и выберите команду Импорт > Тип файла .
- Дважды щелкните панель Проект .
Файл будет добавлен в окно проекта. Создайте композицию с файлом.
На панели Таймлайн разверните свойства видеоряда. Свяжите свойства данных слоя композиции с другим слоем с помощью лассо выбора выражения или лассо ссылки на свойство. Чтобы открыть текстовое поле выражения, щелкните значок таймера напротив имени слоя, удерживая нажатой клавишу Shift . Связать свойства данных также можно с помощью команды Правка > Копировать со ссылками свойства .
Сведения о свойствах данных слоя на панели «Таймлайн» см. в разделе Общие сведения о свойствах данных.
Чтобы указать ссылку на данные видеоряда, используйте выражение для свойства, которое будут определять данные. Для считывания данных из указанной строки и столбца используйте атрибут видеоряда dataValue() . Стоки и столбцы имеют нулевой индекс. Например, выражение footage("sample.tsv").dataValue([15,1]) возвращает значение строки 16 второго столбца.
Если добавить JSON-, CSV- или TSV-файл к композиции и открыть свойства, в них будет содержаться только группа Свойства данных вместо группы Свойства преобразования . Группа «Свойства данных» содержит иерархию данных, определенную в файле.
Работа с этой группой данных похожа на работу After Effects с файлами Motion Graphics JSON (.mgJSON). Разница состоит в том, что файлы JSON, CSV и TSV могут содержать только статические значения данных, тогда как файлы mgJSON могут содержать динамические данные (данные, которые изменяются со временем).
К каждому отдельному свойству данных применено выражение, которое связывает это свойство с данными из JSON-, CSV- или TSV-файла. При изменении исходного файла данных эти изменения отражаются в значениях свойств данных.
Если вы не хотите писать сложные выражения, можно воспользоваться лассо ссылки на свойство или командой Правка > Копировать со ссылками свойства , чтобы связать свойства данных со свойствами других слоев. При связывании слоев лассо ссылки на свойство автоматически пишет выражение.
В After Effects 15.0 можно было импортировать файл JSON, содержащий определения пользовательских функций JavaScript. Этот файл можно было использовать как библиотеку пользовательских функций выражений. В After Effects 15.1 объекты JavaScrpt нельзя использовать для JSON. В After Effects 15.1 используется другой, более строгий, синтаксический анализатор JSON, который не позволяет импортировать файлы JSON с недопустимым синтаксисом.
Чтобы избежать этой проблемы, в After Effects 15.1 можно импортировать файл выражений синтаксиса JavaScript (.jsx). Содержание файла JSX может быть таким же, как у файла JSON, импортированного в After Effects 15.0. Нужно только изменить расширение имени файла на .jsx. Если необходимо открыть существующий проект, содержащий файл JSON, который не работает, можно заменить файл JSON файлом JSX с помощью команды Файл > Заменить видеоряд . Ссылки выражений на файл JSON заменяются ссылками на файл JSX.
Работая с анимацией, управляемой данными в 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. Далее в появившемся окне вводим лицензионный код, нажимаем "Ок" и у нас появляется окошко плагина.
Тут можно выставить нужные настройки для будущей гифки, такие как размер, количество кадров в секунду, выбрать место сохранения и другие мелочи, после чего просто нажимаем на кнопку "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 мы сегодня разобрали, а какой из них удобнее и эффективнее, думаю каждый уже из вас выберет для себя сам.
Читайте также: