Как сделать секундомер в after effects

Добавил пользователь Skiper
Обновлено: 05.10.2024

Как Создать Таймер в After Effects. Создание Электронного Секундомера Прямой и Обратный Отсчёт.
В этом уроке After Effects мы научимся создание электронного таймера, часов или секундомера.
Часы, секундомер, timer, clock, stopwatch, таймер, не важно как вы это называете делается очень легко.
Мы будем использовать эффект Slider Control и применять экспрешены.
После этого урока вы будете знать как добавить часы, как добавить таймер и как добавить секундомер в ваше видео.
Также мы научимся как оптимизировать таймер на обратный отсчёт и на прямой отсчёт в After Effects.

Видео Как Создать Таймер в After Effects. Создание Электронного Секундомера Прямой и Обратный Отсчёт. канала David Tomparkers

Как сделать чтобы ползунок в after effects ездил по миллисекундам? А то ездит только посекундно.

Вопрос задан более двух лет назад
473 просмотра

Продублирую из повторной темы

Шаг движения указателя - 1 кадр (клавиша PageDown).

Шкалу единиц измерения (кадры-время) можно переключить кликнув ЛКМ с зажатым Ctrl сюда:

А что бы совсем по сути вопроса то: миллисекунда = 1/1000 секунды, если вы сделаете проект в котором укажете частоту кадров 1000 в секунду, то шаг указателя будет именно 1мс.

С другой стороны максимальный фрейм-рейт в AE = 99к/сек, так что минимальный шаг можно установить в 1/99 секунды :)

У кого не работает формула в новых версиях After Effects, переключите скриптовый движок в настойках проекта (Ctrl+Alt+Shift+K), на вкладке Expressions поменяйте Expressions Engine на Legacy ExtendScript

Funny Brawl

А подскажите, как также в адоб премьере изменить текст таймера?

Nine Kate

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

Elena Filatova

Таймер то расширяется, то сужается по мере смены цифр - КАК его зафиксировать, чтобы он не гулял?

Олександр Кварта

спасибо за урок. Жирный лайк. А как сделать так, чтобы центр был всегда на двоеточии и не прыгали цыфры со стороны в сторону меняя свои значения?

Проба пера

как увеличить время видео? хотел сделать обратный таймер на 5 минут, делается на 30 секунд и всё.

Ivan Niko

Спасибо, нашёл что искал!

sad 6oich

возможно вопрос глупый, но если мне нужен отсчет 5 мин, то и композицию таковой делать?

ENGLISH Chuchelka Language School

В after effect 2020 , нужно писать:

function addZero (n)<
if(n

Roman Nosov

North Beard

геморой какой то

Василий Мигулин

у меня при написании первой строчки сразу выдает ошибку No matching closing brace found
при чем и когда сам пишу и когда скопировал
в чем проблема?

Рассмотрим метод из справочника "Атрибуты и методы Adobe After Effects.pdf":

loopOut(type="cycle", numKeyframes=0)

Тип возвращения: число или массив.

Повторяет сегмент времени, измеряемый от последнего ключевого кадра в слое до точки входа слоя. Цикл воспроизводится до точки выхода слоя. Заданное число ключевых кадров определяет циклически повторяющийся сегмент.

Значение numKeyframes используется для определения количества сегментов ключевых кадров для зацикливания. Указанный диапазон измеряется в обратном направлении от последнего ключевого кадра.

Например, значение loopOut ("cycle", 1) повторяет сегмент, ограниченный последним и предпоследним ключевыми кадрами. Значение по умолчанию 0 означает, что все ключевые кадры повторяются циклично. Дополнительную информацию см. в методе "loopIn()".

2. Метод. Math.sin()

Внимание — это не метод Adobe After Effects а встроенный метод JavaScript, тем не менее его можно использовать в выражениях в Adobe After Effects.

Функцию у=sin(x) мы помним из школьного курса математики. Напомню, что значение функции изменяется от -1 до +1.

Создадим новый проект Adobe After Effects 1280*720 30 сек.
Создадим слой Solid 300*300 Blue.
На Timeline в слое Solid раскроем свойство Opacity и введем выражение:

Math.abs(Math.sin(time))*100

Обратите внимание методы JavaScript надо вводит с большой буквы в противном случае отобразится ошибка!

Math.abs – абсолютное значение аргумента, компенсируем отрицательные значения функции y=sin(x).

Math.sin(time) – вычисление sin с аргументом время.

*100 масштабируем результат от 0 до 100.

Для параметра Scale выражение будет выглядеть уже сложнее:

temp=Math.sin(time)*200;

[temp, temp]

Здесь необходимо использовать переменные для двух аргументов параметра Scale.

На рисунке выражение для параметра Opacity отключено!

3. Метод Wiggle()

Для создания хаотичности применяется метод Adobe After Effects Wiggle(). Метод Wiggle имеет пять аргументов, обычно используются два первых. Первый это частота колебаний, второй амплитуда колебаний.

Рассмотрим метод из справочника Атрибуты и методы Adobe After Effects.pdf

wiggle (freq, amp, octaves=1, amp_mult=.5, t=time)

Тип возвращения: число или массив.

Тип аргумента: freq, amp, octaves, amp_mult и t – это числа.

Произвольно применяет эффект покачивания к значению свойства.

Значение freq – это частота в покачиваниях в секунду.

Значение amp – это амплитуда в единицах измерения свойства, к которому оно применяется.

Значение octaves – это количество октав шума, которые требуется сложить. Это значение управляет объемом детализации в покачивании. Сделайте это значение больше значения по умолчанию (1), чтобы добавить более высокие частоты, или меньше, чтобы добавить амплитудную гармонику в покачивание.

Значение amp_mult – это число, на которое умножается значение amp для каждой октавы. Это значение управляет скоростью спада гармоник. Значение по умолчанию равно 0,5 приблизите его к 1, чтобы добавить гармонику при той же амплитуде, что и базовая частота, или приблизите его к 0, чтобы уменьшить детализацию.

Значение t – это базовое начальное время. Этому значению по умолчанию присваивается текущее время. Используйте этот параметр, чтобы выходные данные являлись покачиванием значения свойства, полученного в разное время.

Как анимировать с помощью метода wiggle().

Создадим новый проект Adobe After Effects 1280*720 30 сек.
Импортируем рисунок (у меня лист клена, который будет падать).
Установим Ключевой кадр так, чтобы лист падал справа сверху влево вниз (ветер дует справа).
Делаем Alt+клик на значке с секундомером слева от параметра Position и вбиваем

случайные колебания с частотой 1 Гц и амплитудой 200 пикселей.

случайные колебания с частотой 1 Гц и амплитудой 50 пикселей.

4. Анимация эффектов с помощью выражений.

У нас есть сплошной слой, мы применяем к нему эффект Gell Pattern и, чтобы данный эффект не был статичным нам нужно анимировать параметрs Evolution и Disperce.

Делаем Alt+клик по значку с секундомером слева от параметра Evolution и вставляем метод time*100.
Делаем Alt+клик по значку с секундомером слева от параметра Disperce и вставляем метод time.

Смотрим анимацию.

5. Примеры выражений в Adobe After Effects.

5-1. Пример выражения вращение по кругу.

Создайте Shape (Шейп) в виде звезды с помощью инструмента Star Tool:
Введите следующее выражение в свойство Position:

[(thisComp.width/2),(thisComp.height/2)]+[Math.sin(time)*200,-Math.cos(time)*200]

thisComp.width/2 – вычислили середину окна по горизонтали.

thisComp.height/2 – вычислили середину окна по вертикали.

Math.sin(time)*200,-Math.cos(time)*200 – создали движение по кругу.

5-2. Пример выражения Движение стрелок часов.

создайте два длинных узких сплошных слоя: часовую стрелку и минутную стрелку.
Разместите опорные точки на концах стрелок.
Переместите слои так, чтобы опорные точки находились в центре композиции.
В свойство Rotation для часовой стрелки добавьте выражение (R - радиус часовой стрелки):

R=300; T=time;

[R*(Math.sin(T/24)-Math.cos(T/24))]

thisComp.layer("Hour").transform.rotation

Чтобы минутная стрелка вращалась в 12 раз быстрее часовой стрелки добавьте значение *12 в конце выражения следующим образом:

thisComp.layer("Hour").transform.rotation*12

5-3. Пример использования конструкции If … then … else.

Реализация исполнения операций по условию.

Выражения вводим в свойство Position:

t=4;

if (time > t) wiggle(3,25) else value;

5-4. Затухающие колебания.

Выражения вводим в свойство Position:

Height=600; freq=3; decay=1,1; amp=500;

y=Height-Math.abs((Math.sin(time*freq))/Math.exp(time*decay)*amp); [Height, y]

5-5. Пульсация.

Выражения вводим в свойство Scale:

maxDev = 23; spd = 30; decay = 1.0;

t = time - inPoint;

x = scale[0] + maxDev*Math.sin(spd*t)/Math.exp(decay*t);

y = scale[0]*scale[1]/x;

[x,y]

6. Конвертирование выражений в ключевые кадры

В некоторых ситуациях может быть полезно конвертирование выражений в ключевые кадры. Для преобразования выражений в ключевые кадры необходимо в главном меню Animation/Keyframe Assistant/Convert Expression to Keyframes.

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