No video

After Effects: Countdown/Countup Timer Tutorial ⏱ Hours, Minutes and Seconds

  Рет қаралды 39,189

VerticDesigns

VerticDesigns

Күн бұрын

Adobe After Effects tutorial on how to create this hour countdown/countup number counter. Creating this simple hour timer in Adobe After Effects without any plugins but only the built in effects in Adobe After Effects to create this countdown and or countup hour timer. After Effects is the perfect editing software for creating a number counter as a timer.
🔔 Stay Updated ➤ bit.ly/1Lr3EXM
🖥️ My Setup 🖱️ ▸ www.amazon.co....
〓 GET ADOBE APPS ▾
--- --- --- ---
✅ Photoshop ➧ prf.hn/l/20Bd3Lj
✅ After Effects ➧ prf.hn/l/OVxMyzj
✅ Premiere Pro ➧ prf.hn/l/DRPwkEZ
🔵 All Adobe Apps ➧ prf.hn/l/LbkejMN
--- --- --- ---
〓 PLAYLISTS ▾
---
Uploads ▸ bit.ly/1O7YbLQ
Photoshop ➥ bit.ly/1Hd8CfQ
Sony Vegas ➥ bit.ly/1OWjDoc
After Effects ➥ bit.ly/1MZkLkq
---
〓 LINKS ▾
---
🐦 Twitter ▸ / verticdesigns
📷 Instagram ▸ / verticdesigns
🌄 Free Stock Photos ▸ pexels.com/@ge...
---
#tutorial

Пікірлер: 50
@VerticDesigns
@VerticDesigns Жыл бұрын
✅ Photoshop ➧ prf.hn/l/20Bd3Lj ---------------------------------------------------- ⌚ *Expression* ▼ ---------------------------------------------------- slider = Math.round(effect("Slider Control")("Slider")) sec = slider%60 x = Math.floor(slider/60) min= x%60 hour = Math.floor(slider/3600) function addZero(n){ if (n
@SabinaMotasem
@SabinaMotasem 10 ай бұрын
Thank you! this works great, but I really want to add DAY at the beginning. How do I do that? what would the expression look like? i've spent days trying to figure this out. there are no tutorials to show you how to do it. Please can anyone help?
@rafaelorniablanco8727
@rafaelorniablanco8727 7 ай бұрын
@@SabinaMotasem Same question here lol, did you happen to find the solution by any chance? Thanks 😊
@cristiancamilomonroyibanez4072
@cristiancamilomonroyibanez4072 27 күн бұрын
Expresión en Español: slider = Math.round(effect("Control del deslizador")("Deslizador")); segundos = slider%60 x = Math.floor(slider/60) minutos = x%60 horas = Math.floor(slider/3600) function agregarCero(n) { if (n < 10) return "0" + n; else return n; } agregarCero(horas) + ":" +agregarCero(minutos) + ":" + agregarCero(segundos);
@elmermejia1477
@elmermejia1477 5 күн бұрын
amazinggggggggggggggggggggggggg
@elmermejia1477
@elmermejia1477 5 күн бұрын
thanksssssssssssssssssssssss
@paolaglzi
@paolaglzi Жыл бұрын
How can I add Milliseconds to this same expression? Anybody???? been trying for hours and I cant figure it out
@luchiya_darkness
@luchiya_darkness 4 ай бұрын
Try this: slider = Math.floor(effect("Slider Control")("Slider") * 1000) msec = slider % 1000 sec = Math.floor(slider / 1000) % 60 minute = Math.floor(slider / (1000 * 60)) % 60 hour = Math.floor(slider / (1000 * 60 * 60)) function addZero(n){ if (n < 10) return "0" + n else return n } addZero(hour) + ":" + addZero(minute) + ":" + addZero(sec) + ":" + addZero(msec) But always remember, that mlsec counts from 0 to 1000. This code first converts the slider to milliseconds and then calculates the number of hours, minutes, seconds, and milliseconds
@OREO_324
@OREO_324 15 күн бұрын
@@luchiya_darkness thank you😭😭😭😭😭
@JayPurcellOnline
@JayPurcellOnline Жыл бұрын
Thanks, this was really useful!. However one question... how could I update the code/expression so that I can have a timer that is minutes, seconds and "frames". Pretty much like an old-school video timecode?
@f1xzor
@f1xzor 2 ай бұрын
Very useful and helpful! I made a whatsapp mockup of a voice message, needed a countup timer. Cheers!
@quickathletes
@quickathletes 2 ай бұрын
for those with errors: pay attention to the language of your after effects program, its only "Slider" in englisch
@greenery0614
@greenery0614 Ай бұрын
Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@lowhp_comic
@lowhp_comic 9 ай бұрын
Is there a way of keeping the characters in place? Like having each number value remain stationary in position instead of moving left and right a bit when the other numbers change too?
@VerticDesigns
@VerticDesigns 9 ай бұрын
It's awkward because the different numbers makes it move so if you don't align it, the timer will just move to the right slightly for more space. I guess one way would be to just give them plenty of space with spacing option or use a simple font like DS-Digital where they should stay fixed
@VerticDesigns
@VerticDesigns 9 ай бұрын
Or just manually set the position
@kyle-js2gz
@kyle-js2gz 15 күн бұрын
@@VerticDesigns how do you do that
@VerticDesigns
@VerticDesigns 15 күн бұрын
@@kyle-js2gz manual or auto positioning?
@sanya__black_blog
@sanya__black_blog 3 ай бұрын
tq
@user-is7bj3ok2w
@user-is7bj3ok2w 11 ай бұрын
I have a question. Is there a way to make it count in minutes, seconds, and 24fps??
@aisluglander
@aisluglander 7 ай бұрын
Thanks man
@memyself3149
@memyself3149 11 күн бұрын
What is the correct slider, keyframe & composition setup if you need the clock to start at 1hour 30minutes and then countup 7minutes and come to a stop at 1hour 37minutes? I hope somebody can give me some advice because I cannot make such a countup animation work correctly.
@FinestMax
@FinestMax Жыл бұрын
Thanks
@VerticDesigns
@VerticDesigns Жыл бұрын
No problem
@utlaxis
@utlaxis 6 ай бұрын
Thanks a lot Vertic! One question, Do you have an idea of what to do if I have After Effect in Spanish? it seems it has some issues linking with the same functions since the effect I have use is called "Control del deslizador" in the Spanish version... I tried to change names unsuccessfully so far, it says the "Slider Control" does not exist or it might have another name, any ideas? Thanks a Lot!
@arnxlz
@arnxlz Ай бұрын
rename it to Slider Control by right clicking
@cristiancamilomonroyibanez4072
@cristiancamilomonroyibanez4072 27 күн бұрын
slider = Math.round(effect("Control del deslizador")("Deslizador")); segundos = slider%60 x = Math.floor(slider/60) minutos = x%60 horas = Math.floor(slider/3600) function agregarCero(n) { if (n < 10) return "0" + n; else return n; } agregarCero(horas) + ":" +agregarCero(minutos) + ":" + agregarCero(segundos);
@stevekongliew8305
@stevekongliew8305 Жыл бұрын
Thanks mate. Greatly appreciated for this tutorial. However, there seems to be some sort of an error as it reads. - Sec = Slider Error message. Please help!
@user-qy9nz2ml1f
@user-qy9nz2ml1f 11 ай бұрын
Getting an error on line 1. Error: invalid numerical result (divide by zero?)
@VerticDesigns
@VerticDesigns 11 ай бұрын
Did you switch the expression engine?
@nao745ksuha
@nao745ksuha 11 ай бұрын
Try this: slider = effect("Slider Control")("Slider"); sec = Math.floor(slider%60); x = Math.floor(slider/60); min = x%60; hour = Math.floor(slider/3600); function addZero(n) { return (n < 10) ? "0" + n : n; } addZero(hour) + ":" + addZero(min) + ":" + addZero(sec)
@judithdoppler2202
@judithdoppler2202 10 ай бұрын
Thx for the suggestions - still have the error divide by zero ... @@nao745ksuha
@user-bb4rd4fr1j
@user-bb4rd4fr1j 9 ай бұрын
After reviewing the expression in After Effects, it appears that the slider value is being rounded to calculate the time. The phenomenon where it displays 1 when it's only been 1 second might be influenced by the behavior of the Math.round function. The Math.round function rounds a given number to the nearest integer. For instance, Math.round(0.5) results in 1. Due to this behavior, when the slider value is at 0.5 seconds, it might be rounded up to 1 second, causing the display to advance by 1 second prematurely. To address this issue more appropriately, it might be beneficial to consider methods that either avoid rounding and retrieve the value as its integer part or use truncation to obtain the time. slider = Math.floor(effect("Slider Control")("Slider")) sec = slider % 60 x = Math.floor(slider / 60) min = x % 60 hour = Math.floor(slider / 3600) function addZero(n){ if (n < 10) return "0" + n else return n } addZero(hour) + ":" + addZero(min) + ":" + addZero(sec)
@marthjel
@marthjel Ай бұрын
Got an error with something about "Else" but fixed it with proper places curly brackets! slider = Math.floor(effect("Slider Control")("Slider")) sec = slider % 60 x = Math.floor(slider / 60) min = x % 60 hour = Math.floor(slider / 3600) function addZero(n) {if (n < 10) {return "0" + n} else {return n}}; addZero(hour) + ":" + addZero(min) + ":" + addZero(sec)
@user-bb4rd4fr1j
@user-bb4rd4fr1j Ай бұрын
@@marthjel Thank you so much for pointing that out and providing the solution! I really appreciate your help in fixing the issue with the rounding in the slider value. Your explanation and the corrected code were very clear and helpful. Thanks again for your support!
@jorgefpujadas
@jorgefpujadas 2 ай бұрын
sorry to bother but theres any way to chanche the size of the las 2 digits, sort like eva count down
@collins_channel8643
@collins_channel8643 6 ай бұрын
Still gives me the error message about divide by 0 when changing to legacy. No luck here...anyone else?
@collins_channel8643
@collins_channel8643 6 ай бұрын
It was because I was OPTION Clicking the SLIDER stopwatch and not the TEXT SOURCE stopwatch. Hope this helps someone else
@joshuasoga6061
@joshuasoga6061 3 ай бұрын
@@collins_channel8643 This just helped me...thanks mate!
@nathferatero5086
@nathferatero5086 2 ай бұрын
@@collins_channel8643 THANKYOU FOR THIS. I'VE BEEN FIGURING THIS OUT FOR HOURS. ALSO THANKYOU VERDIC DESIGNS
@unoqueen_
@unoqueen_ 23 күн бұрын
@@collins_channel8643 THANK YOU this was my exact problem
@idontknowmorenames
@idontknowmorenames 5 ай бұрын
Dear Vertic. I do not see the expression. Kind regards Anton
@joseazuela7545
@joseazuela7545 4 ай бұрын
I can't see the Expression for this tutorial?
@sarahbeewell
@sarahbeewell 9 ай бұрын
what are these alt and home things. say its for pc in the title
@silentoceean
@silentoceean Жыл бұрын
bro where is the expression?
@VerticDesigns
@VerticDesigns Жыл бұрын
Here you go I can't add it in the description slider = Math.round(effect("Slider Control")("Slider")) sec = slider%60 x = Math.floor(slider/60) min= x%60 hour = Math.floor(slider/3600) function addZero(n){ if (n
@stevekongliew8305
@stevekongliew8305 Жыл бұрын
​@@VerticDesigns​There seems to be an error showing on the expressions tab. Please help.
@taddelykuroyuna
@taddelykuroyuna Жыл бұрын
slider = Math.round(effect("Slider Control")("Slider")) sec = slider%60 x = Math.floor(slider/60) min= x%60 hour = Math.floor(slider/3600) function addZero(n){ if (n
@MusicWorld73638
@MusicWorld73638 8 ай бұрын
How to do in Mobile
@storeberryfilmv.2881
@storeberryfilmv.2881 7 ай бұрын
Remote to your PC 🤣
Animating Numbers Counting Up In After Effects | Beginner Tutorial
3:09
2 hour stopwatch digital workout clock
2:00:00
ElementOfFear
Рет қаралды 5 МЛН
КТО ЛЮБИТ ГРИБЫ?? #shorts
00:24
Паша Осадчий
Рет қаралды 883 М.
🩷🩵VS👿
00:38
ISSEI / いっせい
Рет қаралды 18 МЛН
After Effects: Countdown Timer Tutorial (Quick Easy Timer)
3:43
VerticDesigns
Рет қаралды 133 М.
Configurable Timers - After Effects Tutorial
9:40
Holmes Motion
Рет қаралды 38 М.
Numbers + Timecode | Effects of After Effects
8:21
Jake In Motion
Рет қаралды 27 М.
Create Animated Timer FAST | any font or size | Premiere Pro 2020
6:13
The Premiere Pro
Рет қаралды 119 М.
How To Create A Counting Effect in After Effects
5:13
Motion Array Tutorials
Рет қаралды 154 М.
Como Hacer un Contador || Tutorial After Effects
6:57
Matzz Arts
Рет қаралды 134 М.
How to make a COUNTDOWN Timer in Adobe Premiere Pro
6:01
Premiere Basics
Рет қаралды 208 М.
КТО ЛЮБИТ ГРИБЫ?? #shorts
00:24
Паша Осадчий
Рет қаралды 883 М.