Как сделать таймер в After Effects

Обновлено: 21.11.2024

Хотите начать работу с Adobe After Effects? Для тех, кто только начинает свой путь редактирования видео, нет ничего страшнее, чем впервые открыть AE. Есть многое, что нужно принять.

Но не позволяйте программам Adobe для визуальных эффектов, анимационной графики и компоновки слишком сильно напугать вас: под сложным на вид интерфейсом на самом деле скрывается довольно интуитивно понятный дизайн, который на удивление прост в освоении.

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

Как начать работу с After Effects?

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

Краткое введение в Adobe Creative Cloud

Если вы не знакомы, After Effects является частью Adobe Creative Cloud. (Это то, что означает CC, если вам интересно.) Чтобы использовать After Effects, вам нужно либо приобрести его напрямую, либо вам нужно будет подписаться на Creative Cloud — именно так большинство его пользователей платят за приложение. .

Присоединение к Creative Cloud позволит вам мгновенно получать доступ, устанавливать и даже переключаться между различными платформами Adobe, такими как Photoshop, Illustrator, Premiere Pro и Media Composer. Если говорить конкретно об After Effects, эта кросс-функциональность особенно важна для создания и редактирования различных ресурсов, которые вам могут понадобиться для перемещения между приложениями.

Что отличает After Effects от Adobe Premiere Pro?

Как мы уже говорили ранее, Premiere Pro — это еще одно устаревшее программное обеспечение для редактирования видео, предлагаемое Adobe, которое является настоящей опорой в кино- и видеоиндустрии. (И если вам интересно, вот полезное руководство по Premiere Pro от профессионалов, которое вы должны добавить в закладки для дальнейшего использования.)

Однако, хотя Premiere Pro — это отличный нелинейный редактор (NLE) для редактирования ваших видеопроектов на простой временной шкале и с некоторыми базовыми эффектами, After Effects — это гораздо более совершенная система редактирования, которая предлагает гораздо больше визуальных эффектов. , анимационная графика и композитинг.

Почему я должен попробовать After Effects?

Честно говоря, After Effects подходит не всем. По крайней мере, не тогда, когда вы только начинаете снимать кино и видео. Многим профессионалам в области видео вполне подойдут такие приложения, как Premiere Pro, Final Cut Pro от Apple или DaVinci Resolve от Blackmagic.

Однако для всех, кто действительно хочет добавить в игру потрясающие визуальные эффекты и анимированную графику, After Effects станет одним из самых мощных и доступных инструментов.

Еще несколько часто задаваемых вопросов по After Effects

В отличие от других приложений NLE (нелинейного редактирования), After Effects — одна из лучших программ для создания более сложных визуальных эффектов, анимированной графики и других анимированных композиций.

Несмотря на то, что вы, безусловно, можете редактировать видео в Adobe After Effects, оно в основном используется для визуальных эффектов, анимированной графики и базовой анимации. Если вы заинтересованы исключительно в редактировании видео, возможно, вы захотите изучить более простые программы, такие как Premiere Pro, Final Cut Pro или DaVinci Resolve.

After Effects может быть немного сложнее в освоении для тех, кто открывает его впервые. Однако, если вы будете следовать многочисленным учебным ресурсам, доступным вам в Интернете, вы сможете довольно быстро освоить основы.

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

After Effects — один из лучших инструментов для редактирования визуальных эффектов, анимированной графики и анимации. При использовании в сочетании с другими приложениями нелинейного монтажа, такими как Premiere Pro, ваши возможности редактирования видео действительно ничем не ограничены.

Как добавить ключевой кадр в After Effects

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

Нажмите значок секундомера рядом с названием свойства.
Выберите «Анимация» > «Добавить ключевой кадр».

После того, как вы сделаете выбор, вы сможете перемещать и настраивать ключевые кадры по своему усмотрению, добавляя дополнительные эффекты.

Как сделать GIF в After Effects

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

Выберите композицию
Нажмите «Добавить в Adobe Media Encoder».
Нажмите значок треугольника рядом с надписью «Формат» на панели визуализации.
Выберите «Анимированный GIF» и выберите размер.
Выберите имя и местоположение выходного файла
Нажмите кнопку "Визуализация".

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

Как импортировать мультимедиа в After Effects

Чтобы помочь вам начать работу, вам также необходимо убедиться, что вы знаете, как импортировать медиафайлы в After Effects. Эти файлы могут включать в себя массив видео- и аудиоклипов и ресурсов. Вот два основных способа добавления медиафайлов в AE:

Вы также можете просто перетащить любые медиафайлы на панель проектов. Довольно просто, верно?

Как экспортировать видео из After Effects

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

Выберите композицию, из которой хотите экспортировать
Выберите «Композиция» > «Добавить в очередь рендеринга» (или перетащите композицию в очередь рендеринга)
Выберите имя и место для выходного файла.
Выберите настройки рендеринга и типа журнала (или используйте шаблоны)
Выберите настройки модуля вывода (или используйте шаблоны)

После того, как все выбрано, ваша запись в столбце "Визуализация" будет автоматически выбрана и изменена на "В очереди" и готова к визуализации и экспорту.

Как анимировать шрифт в After Effects (всего 8 шагов!)

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

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

Откройте композицию After Effects. Инструмент «Текст» находится в левом верхнем углу между инструментами «Перо» и «Кисть».
Введите заголовок, который вы хотите анимировать.
Перейдите в меню "Анимация" > "Позиция".
После появления аниматора нажмите на него. Он покажет селектор диапазона и положение. Измените значение позиции так, чтобы слово полностью исчезло с экрана (вниз или вверх, по выбору дилера). Чтобы сохранить порядок, переименуйте аниматор в «Позиция».
Теперь анимируйте селектор диапазона. С помощью селектора диапазона обратите внимание, что значение «Начало» равно 100, а значение «Конец» равно 0. Когда вы переключаете их, буквы будут появляться на экране одна за другой. Мы хотим, чтобы первая буква была первой, поэтому, установив End на 100 и Start на 0, установите ключевой кадр. Переместитесь вперед примерно на 1 секунду и установите другой ключевой кадр, установив Start на 100. Когда вы сейчас воспроизведете его, каждая буква должна встать на место одна за другой. Если мы остановимся здесь, ваша анимация будет выглядеть хорошо. Но давайте сделаем его отличным
Раскройте расширенные настройки в селекторе диапазона. В разделе Shape установите значение Ramp Up. Это сделает вашу анимацию на секунду странной и потребует от нас исправления смещения. Включите ключевой кадр в начале со смещением на 0, а затем новый ключевой кадр на одну секунду стал равным 100. Теперь анимация должна быть более плавной, буквы плавно перетекают друг в друга, а не одна за другой.
Теперь откройте столбец Animate и добавьте непрозрачность. Start Animator автоматически изменит непрозрачность вашего шрифта от 0 до 100, чтобы ваши буквы плавно анимировались.
И последнее, но не менее важное: в разделе "Дополнительно" увеличьте значение параметра "Легкость до минимума" до 100. Теперь на экране плавно анимируются буквы.

Бонус: если вы уже являетесь профессионалом After Effects, вы можете перейти к графику скорости, чтобы точно определить время. Обязательно просмотрите и поиграйте со всеми различными параметрами в раскрывающемся списке Animate — есть вероятность, что вы наткнетесь на что-то потрясающее.

Как сделать маску в After Effects

Добавление анимации позади объекта в видео может придать ему дополнительный характер в статичной сцене. Чтобы добиться этого шикарного вида, вам нужно замаскировать объект из вашего видео, а затем вы можете добавить к нему графику или слова. Сегодня мы познакомим вас с основами маскирования (или ротоскопирования), использования инструмента «Перо» и анимации контура.

Приступим.

Как сделать маску в After Effects (9 шагов)

В этом очень простом обзоре мы будем маскировать красивое здание штаб-квартиры Vimeo, поскольку оно имеет уникальную форму, которая потребует от нас использования кривых.

Загрузите видео в область проекта, а затем перетащите его на временную шкалу.
Теперь добавьте корректирующий слой над видео на временной шкале. Перейдите в Слой > Новый > Корректирующий слой.Назовите этот слой «Маска». Сделайте это вместо того, чтобы маскировать прямо на видео. Это сверхбезопасный метод сохранения вашей работы. Таким образом, если что-то пойдет не так, исходный видеофайл всегда будет невредим.
Теперь переместите указатель воспроизведения к первому кадру на временной шкале. Нажмите на свой корректирующий слой.
В верхнем левом углу экрана нажмите значок пера. Нажмите и перетащите инструмент «Перо», чтобы начать обводить объект, который вы хотите замаскировать. Не торопитесь, чтобы ваши линии были просто правильными, и убедитесь, что вы закрыли путь. Сделайте это, подключившись обратно к первому созданному вами узлу. Маска не будет работать, если путь не закрыт. Вы узнаете, что путь закрыт, когда рядом с инструментом "Перо" появится маленький кружок, когда вы наведете указатель мыши на узел.
Когда вы начнете рисовать на этом корректирующем слое, вы заметите, что в раскрывающемся меню слоя появляется маска. Перейдите в «Свойства» и щелкните символ секундомера рядом с «Путь к маске». На временной шкале появится ключевой кадр (маленький ромб).
Шаг 6. Переместите указатель воспроизведения на 4–6 кадров вперед по временной шкале. Вы увидите, что либо ваш объект, либо кадр двигаются. Вам нужно будет переместить маску, чтобы она идеально обрисовала ваш объект. Отрегулируйте свой путь, убедившись, что на временной шкале появляется еще один ключевой кадр. Затем переместите узлы, чтобы снова очертить фигуру. Да, это утомительно, но конечный результат того стоит.
Шаг 7. Повторяйте шаг 6 снова и снова (сколько бы кадров это ни занимало). К концу вы станете настоящим волшебником в работе с пером.
Шаг 8. Перетащите анимацию, которую вы хотите за своим объектом, на временную шкалу между вашим видео и слоем маски.
Шаг 9. Наконец, включите функцию Track Matte на временной шкале анимации. Чтобы отобразить параметры Track Matte, щелкните маленький значок в левом нижнем углу, который выглядит как перекрывающиеся круг и квадрат (это середина из трех). Это покажет столбец TrkMat. В этом раскрывающемся меню выберите «Нет» > «Маска инвертированного альфа-канала».

Убедитесь, что включена подложка с инвертированным альфа-каналом, и воспроизведите ее, чтобы увидеть анимацию в действии!

Совет: чтобы отредактировать путь, щелкните за пределами пути, узлы станут крошечными закрашенными кругами. Теперь, когда вы нажимаете на них, вы можете перемещать их и настраивать ручки по своему усмотрению.

Как начать анимировать файлы Illustrator в After Effects

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

Для правильного выполнения в After Effects вам потребуется полный контроль над элементами вашей графики. Лучший способ добиться этого — сначала создать графику в Adobe Illustrator, а затем затем импортировать ее в After Effects в виде отдельных слоев. Мы проведем вас через процесс ниже.

Почему Illustrator лучше After Effects?

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

Создание графики

Для начала создайте в Illustrator монтажную область того же размера, что и ваше видео. В нашем примере мы используем 1920×1080. Окончательная версия будет представлять собой векторное изображение, которое можно масштабировать до бесконечности, но было бы неплохо использовать тот же размер кадра, что и ваше видео, для перспективы.

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

Слои на слоях на слоях

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

Обязательно сохраняйте слои в том порядке, в котором они были созданы, чтобы нужные элементы находились сверху. Когда вы перетаскиваете свои элементы в отдельные слои, давайте им имена. Это поможет вам оставаться организованным и отслеживать их все. Бонус: эти имена сохранятся, когда вы перенесете свою работу в After Effects.

Перенос в After Effects

После завершения работы в Illustrator сохраните файл .ai.

Затем откройте After Effects и перетащите файл .ai на панель «Проект». Когда появится всплывающее меню, обязательно выберите «Композиция» для «Тип импорта» и «Размер слоя» для «Размеры видеоряда». Когда вы нажмете «ОК», на панели «Проект» появится новая композиция.

Откройте композицию, и бум ваши слои появятся красиво разделенными, упорядоченными и готовыми к анимации.

Прежде чем приступить к анимации, обязательно проверьте свои опорные точки. Это хорошая практика, так как Anchor Points могут запутаться, создавая проблемы с масштабированием анимации, в дополнение к другим типам анимации. Вы можете перемещать опорные точки с помощью инструмента "Панорамирование назад" (Y).

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

Дополнительные сведения о редактировании видео

Если вы хотите еще больше отточить свои навыки и приемы нарезки видео, ознакомьтесь с другими статьями Vimeo, посвященными редактированию, например:

Вы когда-нибудь хотели воссоздать в Adobe After Effects таймер обратного отсчета для запуска ракеты или просто создать напряженный момент в видео, показав, как истекает время? Как сделать обратный отсчет в After Effects — это то, чему вам нужно научиться!

В этой статье я покажу вам, как создать обратный отсчет вместе с AE. Этот процесс прост и охватывает плагины и выражения. Мы можем сделать это несколькими способами, так что оставайтесь и узнайте больше!

800+ анимированных элементов 6K и 4K

Более 800 анимаций перетаскивания, которые работают непосредственно в Premiere Pro. Улучшите редактирование видео с помощью профессиональных инструментов для редактирования видео. Не нужно нанимать аниматоров по высокой цене и выглядеть более профессионально.

Скидка 30 % — ~~84 доллара~~ 49 доллара

Как легко создать таймер обратного отсчета в After Effects

Создайте новый текстовый слой.
Откройте параметры текста и нажмите Alt + (ПК) или Option + Клик (Mac) на секундомере исходного текста.
Вставьте следующее выражение в область выражения: timeToCurrentFormat().
Чтобы он выглядел как настоящий цифровой таймер обратного отсчета, вы должны установить частоту кадров вашей композиции на 60 кадров в секунду.
Предварительно скомпонуйте все и измените скорость композиции, чтобы начать обратный отсчет. Чтобы изменить скорость композиции, щелкните ее правой кнопкой мыши, перейдите к пункту «Время» и выберите «Обратный по времени слой».

Примечание. Вы можете настроить начальное значение таймера обратного отсчета, просто изменив продолжительность композиции в настройках композиции. Чтобы получить доступ к настройкам композиции, войдите в любую композицию и нажмите Control + K (ПК) или Command + K (Mac).

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

Вот короткое видео, которое показывает, как просто сделать таймер обратного отсчета таким образом:

Использование плагина Timecode для создания таймера обратного отсчета

Вместо использования выражения «timeToCurrentFormat()» вы можете использовать подключаемый модуль Timecode для создания таймера обратного отсчета. Просто добавьте плагин в New Solid, и он автоматически создаст макет таймера — проделайте тот же процесс, что и раньше, чтобы превратить его в таймер обратного отсчета.

Вот короткое видео, которое показывает, как просто сделать таймер обратного отсчета таким образом:

Как создать простой обратный отсчет в After Effects

Создайте текстовый слой.
Откройте параметры текста и нажмите Alt + (ПК) или Option + Клик (Mac) на секундомере исходного текста.
Вставьте следующее выражение в область выражения: Math.floor(-time)+10. Вместо «10» вы можете добавить любое число. Это будет начальное значение обратного отсчета.

Примечание. Когда счетчик достигает 0, он начинает возвращать отрицательные числа. Чтобы избежать этого, просто обрежьте слой после 0 и вставьте стоп-кадр, если вам нужно, чтобы он дольше оставался на экране.

Вот короткое видео, которое показывает, как легко вести обратный отсчет таким образом:

Вот оно! Теперь вы знаете, как сделать простой обратный отсчет и таймер обратного отсчета в After Effects, и у вас есть три способа сделать это. Используйте эту информацию, чтобы добавить изюминку в свои видео и дополнить впечатления зрителей.

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

Другой метод

Предложено Павлом К.:

Без реверса времени и масок скопируйте и вставьте на слой выражений:

timeToCurrentFormat(((5 * 60) – время) / 60).replace("00:00:", "")

Где вместо числа 5 добавьте любое значение, с которого вы хотите начать обратный отсчет.

Связанные

Михай Сесса

Проработав 6 лет в студии постпродакшна, Михай решил поделиться своими мыслями о редактировании видео и компьютерах.

Дополнительное чтение.

Как убрать зеленый экран в After Effects

Как обновить DaVinci Resolve и выполнить безопасное резервное копирование данных

Final Cut Pro X и Adobe Premiere Pro

1 комментарий

Павел К

Я бы предложил немного более элегантное решение, без обращения времени и масок…
Скопируйте и вставьте это в слой с выражениями

Таймер обратного отсчета — отличный способ начать видео. Вы можете загружать различные видеоролики с таймером обратного отсчета с YouTube, но почему бы не создать свои собственные, если есть такая возможность?

Создать таймер в After Effects очень просто. Продолжительность таймера обратного отсчета может варьироваться от 10 до 0 или от 1000000 до 0, в зависимости от вашего выбора.

После создания базового эффекта его можно настроить, добавив фон, эффекты, цвета и т. д.

Выше приведен пример, в котором я использовал эту технику для создания таймера обратного отсчета, который идет от 10 до 0.

После того, как я закончил работу с таймером, я добавил фон и эффект блеска для чисел.

Создание таймера обратного отсчета в After Effects

Создайте новую композицию. После этого создайте новый сплошной слой. Вы можете сделать это, выбрав Слой > Создать > Сплошной. Убедитесь, что твердое тело точно соответствует размеру вашей композиции.
Теперь выберите сплошной слой, который вы только что создали, и перейдите в раздел Эффекты > Текст > Число. Это применит плагин Numbers к сплошному слою. Мы будем использовать его для создания таймера обратного отсчета.
Когда вы нажимаете «Числа», вам будет предложено всплывающее окно, в котором вы можете выбрать шрифт, стиль, выравнивание, т. е. слева, справа или по центру, и направление, т. е. по горизонтали или по вертикали. Выберите подходящие настройки и нажмите ОК.
В вашей композиции вы увидите 0,000. Теперь мы изменим несколько значений на панели настроек плагина Numbers.
Поскольку мы создаем таймер счетчика, например 10,9,8 и т. д., нам не требуются десятичные значения. Поэтому уменьшите десятичные разряды с 3 или любого другого значения до 0, чтобы получить целое число.
Теперь увеличьте или уменьшите размер в соответствии с вашими потребностями. Вы также можете изменить цвет заливки, чтобы изменить цвет шрифта.
Теперь мы будем использовать значение Value/Offset/Random Max для создания обратного отсчета. Мы собираемся создать таймер, который переходит от 10 к 0.
Мы будем использовать ключевые кадры для создания таймера. с помощью ползунка временной шкалы перейдите к кадру, с которого вы хотите запустить таймер обратного отсчета.
Теперь нажмите на секундомер на Value/Offset/Random Max, это добавит ключевой кадр. Измените его значение с 0 на 10.
Переместите ползунок временной шкалы на 10 кадров вперед, так как мы создаем 10-секундный обратный отсчет. Например, если вы хотите создать 30-секундный таймер обратного отсчета, установите для параметра «Значение/Смещение/Максимум случайного выбора» значение 30 и переместите 30 кадров вперед по временной шкале.
После перемещения на 10 кадров вперед измените значение параметра "Значение/Смещение/Максимум случайного выбора" обратно на 0. Это добавит ключевой кадр на временную шкалу.
Предварительный просмотр композиции из оперативной памяти, чтобы проверить, работает ли ваш таймер обратного отсчета. Экспериментируйте и играйте с внешним видом, чтобы настроить внешний вид таймера.

Вы также можете использовать корректирующий слой вместо сплошного слоя для создания таймера обратного отсчета. Это позволит вам получить прозрачность, чтобы в композицию можно было добавить фон.

Значения, сгенерированные этим выражением, можно затем использовать для управления движением, связав значение свойства с выражением.

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

Примечание. Функция toFixed() ограничивает допустимое количество чисел после запятой

Как работает выражение времени в After Effects?

Чтобы пояснить, что именно я имею в виду, я хочу, чтобы вы по-новому взглянули на время. Постарайтесь думать о времени как о числе, которое оно производит, а не как о счетчике времени. Когда вы начнете рассматривать время как число, которым можно манипулировать, вы начнете лучше понимать это выражение.

Например, если я удвою выражение времени с помощью умножения, оно будет читать 8 секунд в течение 4-секундного времени композиции.

Для дальнейшего продвижения я добавлю выражение времени к свойству вращения. Свойство вращения будет возвращать 1 градус в 1 секунду.

За каждую секунду работы композиции вращение будет увеличиваться на один градус. Но этот пример довольно скучный, и вы, возможно, не сможете увидеть много изменений. Давайте немного ускорим процесс!

Только посмотрите на эту маленькую очередь! В первом примере мы получаем 1 градус за каждую секунду. Итак, если мы хотим получать полный оборот каждую секунду, нам нужно знать, сколько градусов составляет 1 полный оборот; что составляет 360 градусов.

Умножая ценность времени на 360, мы просим After Effects ускорить процесс в геометрической прогрессии. Теперь он совершит перемещение на 1 градус 360 раз за одну секунду.

Примеры выражения времени в After Effects

Теперь, когда вы поняли, что делает время, давайте покажем вам несколько практических примеров, которые вы можете начать использовать в своем рабочем процессе.

Повернуть несколько слоев

Вот пример циклического вращения с разной скоростью. Представьте, что у вас есть набор шестеренок, которым нужно вращаться, или астроидное поле, которому нужно слегка вращать эти холодные тяжелые камни.

Я взял выражение времени и умножил его на разные величины! В качестве бонуса я хотел бы поделиться изящным трюком, который я впервые узнал из курсов экспрессии Паркера Янга на Animoplex.

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

// Один полный оборот каждые 2 секунды
time*(360/2);

Путешествие во времени, типа того.

Один из действительно полезных способов использовать выражение времени — это создание движений с задержкой. На самом деле мы можем попросить After Effects смотреть вперед и назад во времени. Для этого я собираюсь ввести новое выражение valueAtTime();.

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

Это выражение сбивает с толку? Зак Ловатт любит разбивать различные части кода на общий язык, чтобы его было легче понять. Вот как он разбил бы valueAtTime:

var halfASecond = 0,5;
var now = время;
var halfASecondAgo = now - halfASecond;

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

СДЕЛАТЬ ДОЖДЬ!

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

Пришло время большего!

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

Если вы хотите узнать больше об использовании выражений в After Effects, у нас есть множество других замечательных материалов по выражениям здесь, в School of Motion. Вот несколько наших любимых руководств:

Кроме того, если вы хотите освоить выражения в After Effects, у нас есть курс для вас! Посмотрите экспресс-сессию, которую преподают Зак Ловатт и Нол Хониг!

Читайте также: