Как Создать Таймер в After Effects. Создание Электронного Секундомера Прямой и Обратный Отсчёт.
HTML-код
- Опубликовано: 1 апр 2018
- Полный курс по After Effects: w.cscore.ru/davidtomparkers/d...
Поддержать канал материально:
Донатом: www.donationalerts.com/r/davi...
Boosty: boosty.to/davidtomparkers/donate
Как Создать Таймер в After Effects. Создание Электронного Секундомера Прямой и Обратный Отсчёт.
В этом уроке After Effects мы научимся создание электронного таймера, часов или секундомера.
Часы, секундомер, timer, clock, stopwatch, таймер, не важно как вы это называете делается очень легко.
Мы будем использовать эффект Slider Control и применять экспрешены.
После этого урока вы будете знать как добавить часы, как добавить таймер и как добавить секундомер в ваше видео.
Также мы научимся как оптимизировать таймер на обратный отсчёт и на прямой отсчёт в After Effects.
Ссылка на файл с expression: yadi.sk/i/rNLlbyqd3U4VAD 
Кино
Давид, большое спасибо за подробный урок с программированием таймера!
Шок ты от начало до конца полностью обьяснил скрипт и работу с ним! Просто чудесно! Спасибо за работу
спасибо большое, всё понятно, сделал для себя не время, а просто десятичные значения цифр для прокрутки процентов, Спасибо!
В after effect 2020 , нужно писать:
function addZero (n){
if(n
Спасибо тебе огромное, здоровья и всех благ!
Не обязательно. Можно писать и как показывают в ролике, только надо будет начиная c else перейти на следующую строчку
от души спасибо
Дай бог сдоровья
лучшие комментарии на планете!
Простое и понятное объяснение. Спасибо!
Урок зачетный. Все понятно, все по делу.
Даже спустя 6 лет это видео очень помогло, надеюсь и дальше будешь радовать такими видосами)
У кого нули отделены от общего счётчика, вот скрипт:
slider = effect("Slider Control")("Slider");
seconds = Math.floor(slider%60);
minutes = Math.floor(slider/60);
function addZero(n) {
if(n < 10) {
return "0" + n
} else {
return n;
}
}
if (slider > 0) {
addZero(minutes) + ":" + addZero(seconds)
} else {
"00:00"
}
спасиб
Спасибо тебе прекрасный человек!
спасибо тебе добрый человек, и автору этого видео!
спасибо! очень пригодилось
Thank you
Спасибо большое за ваш труд, очень выручило ваше видео.)
Спасибо от души)
Спасибо, нашёл что искал!
Спасибо большое! Все круто, без воды, по делу!! ;)
Спасибо за урок
спасибо за урок)))) лайк))
PS: для тех, у кого after effects на русском: вместо slider = effect("Slider Control")("Slider") пишем slider = effect("Элемент управления «Ползунок»")("Ползунок").
Только хотела спросить и прочитала у вас ответ)) круто
Тогда так, Ползунок = effect("Элемент управления «Ползунок»")("Ползунок").
@@user-og6bw5qn1p в исходном комментарии логика в том, чтобы объяснить программе, что в коде слово "slider" обозначает эффект "Ползунок". Используя же предложенный Вами вариант пришлось бы везде в коде заменить "slider" на "Ползунок", что не очень удобно.
Для тех, у кого After Effects на русском, первое, что надо сделать, это снести его и поставить на английском. Иначе с выражениями так и будете плясать с бубном. Так еще и помощи в АЕ коммьюнити с русской версией найти гораздо сложнее, ибо в АЕ и без того приколов хватает, а тут еще и локализаторы свой вклад вносят. Это было последней каплей, почему я года 4 назад перешел на английский АЕ. Перевод элементов на русский язык это просто гениально. Написал выражение на домашнем компе на русском АЕ - всё работает. Пришел на работу - не работает. А ПОТОМУ ЧТО ПОЛЗУНОК. Не Slider, ПОЛЗУНОК!!! Выражение для русской и английской версии нужно разное. Не надо так.
Удачи тебе и спасибо!
Спасибо большое!
Спасибо!
Храни Вас Господь!
Спасибо! Помогло
Спасибо большое! Все отлично. Если надо чтоб таймер начинался с определенного момента видео и шел обратный отсчет, нужно к времени таймера прибавить количество секунд предшествующих старту )
это как
У тех, у кого не работает выражение с добавлением нулей, надо в настройках проекта, (project setting) в разделе expressions поменять javascript на Legacy ExtendScript
Спасибо!
Да ты красава! А я мучался с этим час! Спасибо!
Брат, ты просто красавчик, а то я уже начал чувствовать себя дебилом :)
это потому что связано новой версии?
Спасибо! Единственный момент, нужно текст центровать по левому или по правому краю в параграфе, либо якорную точку расположить так же слева или справа. Если по центру делать, как на видео, то у некоторых шрифтов цифры скачут, меняя размер в ходе отсчета
А у меня всё равно скачет
спасибо
Давид, спасибо за видео!
Есть вопрос: я делаю таймер с привязкой с реальному времени воспроизведения в композиции, допустим с названием "1". Потом композицию 1 я вставляю в композицию 2 в середине таймлайна. Можно ли сделать так, чтобы время реального воспроизведения в композиции 1 было привязано ко времени композиции 2?
Если привязываю через pickwhip, то время начинает отсчитываться только при старте композиции 1, а надо чтобы показывалось реальное время воспроизведения композиции 2. Надеюсь, понятно объяснил. Буду очень благодарен за совет
Ты не представляешь, как выручил меня, чел!
то что нужно! спасибо за урок) как раз нужен 5минутный таймер с обратным отсчетом) а выставлять каждую секунду кадр это занятие не очень интересное)
для русской версии 2019 года:
ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(ползунок%60);
min = Math.floor(ползунок/60);
function addZero(n) {
if (n < 10) return "0" + n; else return "" + n;
}
if (ползунок > 0) {
addZero(min) + ":" + addZero(sec)
} else {
"00:00"
}
Ползунок с большой буквы
с заглавной Карл😡
.... @#$%
с заглавной ....
для версии 2020 года
(без претензий просто крик души)
@@user-tc3jf3zr7s Но я же указала, что это для 2019! У меня не работала ни одна другая, кроме этой.
@@GreenMigachka прости меня просто пригорело у меня
весь день сижу ошибка в строчке понять не могу чего хочет потом прочел поставил
так он .... до ковырялся к названию не правильное на английском пишет нет такого элемента на русско пишет не отвечает
спасибо! а то не работало по туториалу автора
как сделать так что бы у меня просто менялись цифры от 1 до 150 как в инфографике
Дружище, спасибо за урок. Подскажи, как сделать так, чтобы таймер формата мин.сек (0.0), когда остается времени меньше минуты, отображался как таймер формата сек (0). То есть оставались видны только секунды, без минутного нуля и двоеточия?
Thank you
Cool
респект
А подскажите, как также в адоб премьере изменить текст таймера?
у меня версия 19, условие такое:
if (n < 10) {
return "0" + n
} else {
return n
}
всё работает!
спасибо!
Бля, спасибо! Да ты же святой!
БЛАГОдарю!!! Ты святой!!!
а есть возможность сделать в одном клипе несколько таймеров и чтоб каждый поочередно начинал отсчет с разного времени, то есть один и таймер 10:25, далее второй 13:40 и так далее?
Мне нужно сделать таймер обратного отсчета с 20:00! По данному способу не получается если выставить кейфреймы с 20 и до 0 то почему то таймер отсчитывает до 19:04 и обновятся .... уже говолову сломал че не так то? Подскажите
спасибо за урок. Жирный лайк. А как сделать так, чтобы центр был всегда на двоеточии и не прыгали цыфры со стороны в сторону меняя свои значения?
Справа, в пункте параграф, отцентровать надо текст
возможно вопрос глупый, но если мне нужен отсчет 5 мин, то и композицию таковой делать?
А вот если я не хочу таймер
У меня просто изменяется от 0,00 до 1,00
Как мне сделать чтобы были видны нули (0,20; 0,30) на цифрах 0,2 0,3 и т.д.?
Вот начала скрипта
parseFloat(effect("Элемент управления «Ползунок»")("Ползунок")).toFixed(2);
у меня при написании первой строчки сразу выдает ошибку No matching closing brace found
при чем и когда сам пишу и когда скопировал
в чем проблема?
Я пишу “function” и у меня выдаёт ошибку. Почему скажите пж?
Спасибо всё работает автору респект уважуха, лайк подписка и всё такое! У меня кстати русский адоб сс 2014 вот код
ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(ползунок%60);
min = Math.floor(ползунок/60);
function addZero(n){
if (n < 10) return "0" + n else return n;
}
addZero(min) + ":" + addZero(sec)
когда нажимаю запуск, цифры пропадают, что то не так
Ползунок с большой буквы
с заглавной Карл😡
.... @#$%
с заглавной ....
(без претензий просто крик души)
У кого не работает формула в новых версиях After Effects, переключите скриптовый движок в настойках проекта (Ctrl+Alt+Shift+K), на вкладке Expressions поменяйте Expressions Engine на Legacy ExtendScript
спасибо тебе, добрый человек!
Отличный урок! Но у меня косяк есть - когда секунды таймера доходят до десятичных значений, появляется надпись UNDEFINED (((( Как это можно исправить?
Уж не знаю, что я делаю не так, но у меня не работает ни в версии 2018 года, ни в версии 2019 года
Мне помогло перенесение else на строку ниже
@@SerskiyL функция должна выглядеть вот так:
function addZero (n) {
if (n < 10) return "0" + n;
else return n;
}
Нужно разделить if и else на разные строки, а так же добавить ;
@@SerskiyL Боже, спасибо тебе огромное
Спамтбо 2
пацан ты качаешь решаешь, по жести отжигаешь. спс за разбор
super
Thanks! You are a non Russian that watches my channel?
spasibo ...vi sami luchshi Guru
Сделай пожалуйста следующий туториал на 40 минут
Или на 6 часов пожалуйста
при запуске, пропадают цифры, что не так?
Здравствуйте, я видимо туповат, как сделать таймер с обратным отсчётом с 10 секунд. Чтобы не показывались минуты?
а как прописать, чтобы было только 10, 9, 8 итд, а не 00:10, 00:09 ?
Интересно как сдвинуть двоеточие чтоб оно было по центру цифр?
Почему у меня при создании обратного отсчета текст разъезжается? Это выглядит так: "0 2:54"
Хз
Всем привет! Помогите пожалуйста с кодом таймера в формате 00:00:000 (mm:cc:mc). Спасибо
Спасио за урок вопрос следующий у меня русский АЕ и прописаный скрипт не работает корректно. Ну slider на "Ползунок" я поменял, а что ещё переводиться из функций и выражений чтоб рботало?
ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(ползунок%60);
min = Math.floor(ползунок/60);
function addZero(n) {
if (n < 10) return "0" + n else return n;
}
if (ползунок > 0) {
addZero(min) + ":" + addZero(sec)
} else {
"00:00"
}
Вроде как всё правильно.
Буду откровенен, я не сторонник других языковых версий программ Adobe, как раз таки по этим причинам. Моя настоятельная рекомендация Вам это переустановить Ае на английском и попробовать снова. Успехов!
Друг у меня всё заработало вот код
ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(ползунок%60);
min = Math.floor(ползунок/60);
function addZero(n){
if (n < 10) return "0" + n else return n;
}
addZero(min) + ":" + addZero(sec)
Не забудь только перед тем как вставить код привязать к слайдеру то есть к ползунку, ну ты понял вот.)) Удачи тебе!
@@Svyatoslav_Serov Спасибо попробую!!
Жесть, а нет просто какого то визуального модуля, что бы выделить кусок видео, и сказал, тут обратный отсчет? Без программирования?
А если хочется не только бегущие цифры но и визуальный эффект, например
1. в центре бегут цифры,
2 а визуальное кольцо отображает уменьшение времени, и например цвет?
Как это делать?
кому нужно 00:00:00 вот :
Ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(Ползунок%60);
min = Math.floor((Ползунок%3600)/60);
h = Math.floor(Ползунок/3600);
function addZero(n) {
if (n < 10) return "0" + n else return n;
}
if (Ползунок > 0) {
addZero(h) + ":" + addZero(min) + ":" + addZero(sec)
} else {
"00:00:00"
}
Таймер то расширяется, то сужается по мере смены цифр - КАК его зафиксировать, чтобы он не гулял?
ребят нихрена не работает, в строке
if (n < 10) return "0" + n else return n;
}
пишет ошибку
я нашел в чем проблема, надо в настройках проекта, (project setting) в разделе expressions поменять javascript на Legacy ExtendScript
@@CrazyKot Спасибо, очень помогло.
@@CrazyKot Святой человек. Спасибо тебе.
Я думал ангелы на небе. Спасибо тебе!
так же
как увеличить время видео? хотел сделать обратный таймер на 5 минут, делается на 30 секунд и всё........
Для тех, кому нужно ещё отображение часов:
slider = effect("Slider Control")("Slider")
sec = Math.floor(slider%60);
minute = Math.floor(slider/60);
//добавляем часы
hours = Math.floor(slider/60/60);
function addZero(n) {
if (n < 10) return '0' + n; else return n;
}
//добавляем minute%60, чтобы минуты переносились как секунды
addZero(hours) + ':' +addZero(minute%60) + ':' + addZero(sec)
Не работает. Пытаюсь сделать таймер вида 60:00. Подскажите что не так? В project setting уже сменил javascript на Legacy ExtendScript
Вот код как из урока + правки комментаторов:
slider = effect("Slider Control")("Slider")
sec = Math.floor(slider%60);
min = Math.floor(slider/60);
function addZero(n) {
if (n < 10) return "0" + n; else return n;
}
if (slider > 0) {
addZero(min) + ":" + addZero(sec)
}else {
"00:00"
}
3600-time
сейчас значение пишется 3599:83316... и т.д.
пробовал писать вконце 3600-Math.floor(time) (как предложено в приклеплённом доке), но значение просто стало вида "3600" и по единичке отсчитывалось
CC 2019 не работает почему то, скопировал текст с expression. после того как изменяю значения в slider control цифры исчезают вообще.
пропущена точка с запятой if (n < 10) return "0" + n; else return n;
@@alexpoedinkov 2) Timer count (apply on Slider Control)
Вот на это строчке пишет ошибка. Незнаю что делать
@@Chip_plays нажми Ctrl+Alt+Shfit+K и заменить в разделе Expression JavaScript на Legacy
@@dmytrokras2596 !!спасибо
Да все верно все классно) Все скопировал так же как ролике но таймер не работал)
Простите, но у меня нет Эффекта "Slider Control", что делать?
Если у вас русская версия Ае тогда эффект называется "ползунок" если не ошибаюсь...
@@DavidTomparkers Спасибо огромное (Я не люблю русские версии программ, но такой уж попался RePack)
ребят у кого русская версия выбирайте элементы управление и эфект палзунок (Slider Control)
СПАСИБО ТЕБЕ ДОБРЫЙ ЧЕЛОВЕК
@@VERSENS_GAMES пожалуйста
Бро сделай ролик, как блин простой счетчик сделать от 0 до скажем 15 млн. Нифига не получается, инфа везде однообразная, то ошибку почему-то выдает, то ограничение в 1млн.
7 часов обратного отчёта
держите может кому то пригодится
те кто скачал скрипт обратите внимание, что там пропущена ";" после "n" поэтому
После ввода function addZero(n) {
if (n < 10) return "0" + n else return n;
}
пишет ошибку - автор если не сложно исправьте у себя в приложенном файле
У меня ошибка во второй строке твоего кода Unexpected Token else return
нет никакой ошибки,у меня все работает
Спасибо за урок, все получилось. Почти...
Делал два секундомера по 30 минут: с 0:00 до 30:00 и с 30:00 до 60:00. Вывел QuickTime'мом в mov-файл. И совершенно случайно обнаружил такой косяк: в первом секундомере время идет так: ..., 5:12, 5:13, 4:04, 5:15, 5:16 и дальше все хорошо. Причем на таймлайне все нормально, там где должно быть 5:15 там они и есть, а в итоговом футаже - вот такая хрень. Во втором вообще без нареканий. Что это может быть?
Отправьте пожалуйста запись экрана работы от начала до конца в группу ВК vk.com/davidtomparkers
@@DavidTomparkers Имеется в виду работу готового таймера?
Аккаунта в vk у меня нет. Могу выложить через яндекс-диск.
Имею ввиду, чтобы вы начали все сначала, с чистой композиции, включили запись экрана, сделали один в один как в моём ролике и выложили мне на просмотр. Яндекс диск годится. Предпочитаю ВК, так как там можно переписываться не засоряя панель комментарий здесь
David Tomparkers Сейчас возможности сделать запись экрана нет. В принципе, с бубнами и плясками проблему решил (в смысле получения корректных таймеров), но сам косяк с подменой кадра не ушел. Он какой-то плавающий и от чего зависит не понятно. Кратко по шагам:
1. Проверил тайм-лайн - на нем, оказывается, тоже глючит.
2. Попробовал в скрипте в качестве конечной переменной выводить не min+";"+addZero(sec), а просто сначала sec, потом min. По отдельности выводятся корректно, в комплексе с символом ";" - криво.
2. Поменял шрифт таймера с нужного на обычный Arial, 4:04 на таймлайне превратились в требуемые 5:14. Поменял шрифт обратно - все осталось корректно.
3. Выдохнул, отрендерил: 5:14 отображаются правильно, но теперь они же вылезают и вместо 4:04, то есть ситуация отзеркалилась.
4. Попробовал поменять скрипт из соседнего с Вашим урока. Отработало нормально (во всяком случае по этим двум точкам времени, все 30 минут не отсматривал)
5. Чуть скорректировал позицию таймера на экране перерендерил с этим же соседским скриптом - опять косяк на тех же 5:14.
6. Попробовал рендерить не таймер целиком а кусками по 10 минут (сосоедский скрипт) - все нормально.
На дальнейшие эксперименты времени уже не было, но явно какой-то глюк то ли в AE, то ли в QuickTime, то ли в шрифте.
@@DavidTomparkers Мне нужно сделать таймер обратного отсчета с 20:00 По данному способу не получается если выставить кейфреймы с 20 и до 0 то почему то таймер отсчитывает до 19:04 и обновятся на 20:00.... уже говолову сломал че не так то? Подскажите
Когда идет отсчет, то с цифрами двигаются другие цифры и двоеточие, как сделать чтоб все было статично, а только цифры менялись?
xpashtetx Войдите во вкладку Windows -> Paragraph
После того как вкладка появится на вашем экране, попробуйте настроить параграф по разным сторонам. Либо по центру либо по левой или правой стороне.
стояло по центру поэтому так, спасибо большое! а если требуется добавить еще, часы? те сейчас на экране отображаются минуты и секунды.
xpashtetx немножко трудно на ходу в комментариях написать как добавить часы к минутам и секундам. Скрипт пишется иначе. Постараюсь обновить скрипт приложенный по ссылке в описании.
просто у многих сделано на ютюбе типа как у вас, те минуты и секунды, если сделаете чуть расширеннее, чтоб еще и часы отображались, то будет более уникальный ролик! спасибо
xpashtetx возьму себе на заметку, наверное так и сделаю ;) спасибо за совет 👍👍👍
slider = effect("Slider Control")("Slider")
sec = Math.floor(slider%60);
min = Math.floor(slider/60);
function addZero(n){
if(n
Спасибо:)
помогло вылечить скачущие цифры, спасибо!
8:32 для миллисекунд это неправильное значение, нужно вписывать 60, а не 100
А что означает приставка "милли-"? Уж не одну ли сотую?
Ошибка в формуле
Как сделать так, что бы после 24:00 шло 00:00 ??
function addZero(n) { return (n
а что если надо делать часы
david12 man ruclips.net/video/t28T3eXmNbw/видео.html
Таймер и секундомер - это разные счетчики на минуточку.
Ок профессор
сделал абсолютно так же никаких ошибок а эффекты взяли и исчезли точнее их настройки так что если ты делаешь что то выкладывай когда делаешь это правильно
Странно. А ты используешь лицензионную версию? Попробовал переделать? В скриптах нужно быть осторожным, одна маленькая ошибка всё может испортить.
У кого русский АФФФТЭР : у вас не будет работать выражение ("Ползунок") - нужна смена языка.
ruclips.net/video/T2RLrVwmRoU/видео.html
Удалил русский, скачал оригинал на английском)
геморой какой то
Тест для ру версии 24 года
Ползунок = effect("Элемент управления «Ползунок»")("Ползунок")
sec = Math.floor(Ползунок%60);
min = Math.floor(Ползунок/60);
function addZero (n){
if(n 0) {
addZero(min) + ":" + addZero(sec)
} else {
"00:00"
}