Как сделать таймер в after effects

How to Make a Countdown in After Effects [Easiest & Best]

Ever wanted to recreate a countdown timer in Adobe After Effects for a rocket launch or simply create a tense moment in a video by showing how the time runs out? How to make a countdown in After Effects is what you need to learn!

In this article, I will show you how to create a countdown together with AE. This process is a simple one and it will cover plugins and expressions. There are a few ways we can create this, so stick around and find out more!

800+ Animated Elements 6K & 4K

Over 800 drag & drop animations that work directly in Premiere Pro. Improve your video editing with professional video editing tools. No need to hire animators at a high cost & look more professional.

1. Quick Method: Easily make a Countdown Timer in After Effects

1. Create a new Text Layer.
2. Open up text options and Alt + Click (PC) or Option + Click (Mac) on the Source Text’s stopwatch.
3. Insert the following expression inside the expression area: timeToCurrentFormat().
4. To make it look like an actual digital countdown timer, you must set your composition frame rate to 60 frames per second.
5. Precompose everything and reverse the speed of the composition to make it count down. To reverse the speed of the composition, right-click on it, go to Time, and select Time Reverse Layer.

Note: You can adjust the initial value of the countdown timer by simply adjusting the length of the composition inside the composition settings. To access the composition settings, go inside any composition and press Control + K (PC) or Command + K (Mac).

Pro Tip: You might not want to display more than the minutes and seconds digits. Thus, create a mask around the area you want to use so you can easily get rid of unwanted information.

Here is a short video that shows precisely how easy it is to do a countdown timer this way:

2. Using the “Timecode” plugin to create a countdown timer

Instead of using the “timeToCurrentFormat()” expression, you can use the Timecode plugin to create a countdown timer.

Just add the plugin to a New Solid, and it will automatically create a timer layout—go through the same process as before to make it into a countdown timer.

Here is a short video that shows precisely how easy it is to do a countdown timer this way:

How to create a simple Countdown in After Effects

1. Create a Text Layer.
2. Open up text options and Alt + Click (PC) or Option + Click (Mac) on the Source Text’s stopwatch.
3. Insert the following expression inside the expression area: Math.floor(-time)+10. Instead of “10”, you can add whatever number you want. That will be the starting value of the countdown.

Note: When the counter reaches 0, it will start returning negative numbers. To avoid this, simply cut the layer after 0 and insert a freeze-frame if you need it to stay longer on the screen.

Here is a short video that shows precisely how easy it is to do a countdown this way:

This is it! Now you know how to make a simple countdown and a countdown timer in After Effects, and you have three ways to do it. Use this information to add a twist to your videos and complete the viewer’s experience.

Please check my other After Effects tutorials for more cool ideas and techniques.

Another Method

Suggested by Pavel K:

Without time reverse and masks, copy & paste the below to the expressions layer:

Where instead of the number 5, add whatever value you want the countdown to start from.

Как сделать таймер в after effects

Выражения (Expression)

Выражение — это небольшой фрагмент кода jаvascript. Его можно подключить
к анимированным свойствам в проектах After Effects

Обратный отсчёт

К параметру Source Text добавить выражение, которое можете скопировать ниже:

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

Полное руководство по добавлению таймера обратного отсчета After Effects

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

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

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

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

Ниже перечислены эти различные методы.

Способ 1. Добавление таймера обратного отсчета в After Effects с использованием выражения

ШАГ 1 Launch the software and then choose to Create a new Text Layer.

ШАГ 2 Откройте параметры текста и нажмите Alt + Click на вашем ПК (для Mac -Option + Click) на секундомере исходного текста.

ШАГ 3 Далее вам нужно вставить выражение — timeToCurrentFormat() внутри области выражения.

ШАГ 4 Теперь установите частоту кадров композиции на 60 кадров в секунду, что сделает ее похожей на настоящий таймер обратного отсчета.

ШАГ 5 Теперь отсчитайте это, подготовьте все заранее, а затем измените скорость композиции в обратном направлении.

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

Выше приведены шаги для процесса выражение таймера after effects.

Способ 2. Добавление таймера обратного отсчета в After Effects с помощью плагина Timecode

В этом методе вы можете использовать плагин Timecode вместо использования выражения “timeToCurrentFormat()”.

При использовании этого метода after effects timer вам потребуется добавить плагин к новому Solid, который автоматически создаст макет таймера.

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

Способ 3. Создание простого обратного отсчета в After Effects

ШАГ 1 Прежде всего, запустите программное обеспечение, а затем создайте текстовый слой.

ШАГ 2 Затем откройте параметры текста, используя Alt + Click для ПК и Option + Click для Mac на секундомере исходного текста.

ШАГ 3 Затем в область выражения вставьте выражение- Math. Этаж(-время) +10. Здесь вместо 10 вы можете выбрать любое желаемое число, и это будет начальное значение обратного отсчета.

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

Часть 2: Почему таймер обратного отсчета не работает в After Effects

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

Устаревшая версия программного обеспечения

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

Неправильные значения или команда

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

Крутая кривая обучения программному обеспечению

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

Заключительные слова

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

Create a Countdown Timer Animation with Expressions in Adobe After Effects

In this Premiere Gal tutorial you’re going to learn how to create a timer animation in Adobe After Effects. You’ll specifically learn how to create text layers, shapes, add expression controls, and how to use the essential graphics panel to export the animation as a customizable .mogrt (motion graphics template) that you can use in Adobe Premiere Pro.

Below are the two expressions we will be using in After Effects to create our timer animation. You will need to watch and follow the tutorial above to learn how to correctly setup your After Effects composition so the expressions will work.

Expression 1

This expression will make your number text layer count and let you change the total time count with your “Time Control” slider control effect. It will also enable you to control whether your text layer will count up or count down using the “Count Down” checkbox control effect.

You will copy and paste this expression in the expression field box next to Source Text on your text number layer. Remember to press the Alt key (PC) or Option key (MAC) and click the stopwatch next to Source Text to enable expressions.

Expression 2

Next, the expression below will be used on the Trim Path’s End parameter to animate one of the outer dashed rings in the Timer animation. Remember to press the Alt key (PC) or Option key (MAC) and click the stopwatch next to the Trim Path’s End parameter to enable expressions.

Following the tutorial, you’ll be able to create the below timer on your own. If you become a Premiere Gal Patron, you’ll get the timer .mogrt for free or you can purchase the timer motion graphics template (.mogrt) to use in Premiere Pro. Hope this helps!