Create Beautiful Countdown Timer Motion Graphics

No video

Create Beautiful Countdown Timer Motion Graphics | After Effects Tutorial

Рет қаралды 47,296

SonduckFilm

Күн бұрын

Пікірлер: 41

@SonduckFilm Жыл бұрын

► 20,000+ Templates For AE & Premiere: www.sonduckfilm.com/ ► Free 100 AE & Premiere Template Pack: www.sonduckfilm.com/tutorials/duck-pack/ ► Join our Discord for Motion Designers: discord.gg/DuhBGHEZ6U

@beauxnouveaux Жыл бұрын

How do you increase the hours number past 20? And add days?

@stefanolongoni1209 Ай бұрын

Ehy what about the Countdown with Day - Hours : Minutes : Seconds that is visible in this video, is there any tutorial?

@ImranShaikh-ds5uw 11 ай бұрын

I got an error on expression. However, the below code worked for me. first_char = 0; end_char = 2; s_h = 0; s_m = 0; s_s = 0; hh = Math.abs(thisComp.layer("Settings").effect("Hours")(1)); mm = Math.abs(thisComp.layer("Settings").effect("Minutes")(1)); ss = Math.abs(thisComp.layer("Settings").effect("Seconds")(1)); speed_animation = thisComp.layer("Settings").effect("Speed Animation")(1); total_seconds = thisComp.layer("Settings").effect("Reverse")(1) == 0 ? (((hh*3600) + (mm*60) + ss) - time * speed_animation) : (((s_h*3600) + (s_m*60) + s_s) + time * speed_animation); time_code = timeToTimecode(total_seconds, timecodeBase = 100); full_time = timeToTimecode(Math.ceil(((hh*3600) + (mm*60) + ss)) + Math.ceil(((s_h*3600) + (s_m*60) + s_s)), timecodeBase = 100); time_code.substring(first_char, end_char); if (time_code.substring(0, 1) == '-') { '00' } else { if (time_code > full_time) { full_time.substring(first_char, end_char); } else { time_code.substring(first_char, end_char); } }

@42kurniawan Жыл бұрын

error on the expression. not working

@user-nq2yq7st2n 9 ай бұрын

you are absolutely legend

@lemonbeans 10 ай бұрын

Worked perfectly, thanks.

@sonu-jangir Жыл бұрын

This video was so helpful for me... thank you so much...

@HustleWithStephen Жыл бұрын

Very helpful, thanks a lot..

@CGCPMTV Жыл бұрын

Ho My God great Vidéo tanks alot this save my time for my everiday pie chart création in broadcast tv tanks ❤

@BlckSpkz 3 ай бұрын

Has anyone came across this error on the second timer, that when you press the reverse button it changes the number to zero? I do have my seconds set to 15, but when I click the reverse button, it changes all the values to zero?

@akshaygupta2841 Жыл бұрын

how you shake that background behind timmer i want to learn that i like it, if you make any video related to that please share me the video link

@Carlinosbrowns Жыл бұрын

If I want to add 2 decimal places to the counter, how would I update the expression? thank you!!!

@user-is7bj3ok2w 11 ай бұрын

I have a question. Is there a way to make it count in minutes, seconds, and 24fps??

@karolisputnikas7327 Жыл бұрын

Hello! How to make the countdown to start at specific point of timeline?

@SickleThits 11 ай бұрын

I want to do a similar effect to the line timer but with the subtitles so my subtitles start off white then fill in yellow from left to right and will be fully yellow when the video ends. Any ideas?

@T2Exile Жыл бұрын

damn, way more in-depth than I thought! saving this one

@brendahunt7478 Жыл бұрын

Good Morning

@SonduckFilm Жыл бұрын

Morning!

@DarkRiderMotovlogs Жыл бұрын

Hey man quick question. I have everything working nicely, but want to know if there is a way to only start the timer after a certian amount of time, say 2 seconds and not at the start of the timeline? I have all my elements animating on, but the timer has already advanced a few seconds. Thanks!

@Carlinosbrowns Жыл бұрын

Hi, I just noticed the same thing. I added keyframes to the speed animation slider to have sort of hold freeze frames. So i have it at 0 and then move it to 1 when I want the animation to start. Hope this helps

@DarkRiderMotovlogs Жыл бұрын

@@Carlinosbrowns Thanks! That sounds much easier. What I did was ask ChatGPT to change the expression to only start at 2 seconds. All it did was change one value and it worked perfectly. If you change that value you can make the timer start at any time you like. Here is the modified expression. first_char = 3; end_char = 5; s_h = 0; s_m = 0; s_s = 0; hh = Math.abs(thisComp.layer("Settings").effect("Hours")(1)); mm = Math.abs(thisComp.layer("Settings").effect("Minutes")(1)); ss = Math.abs(thisComp.layer("Settings").effect("Seconds")(1)); speed_animation = thisComp.layer("Settings").effect("Speed Animation")(1); reverse = thisComp.layer("Settings").effect("Reverse")(1); total_seconds = reverse == 0 ? (((hh * 3600) + (mm * 60) + ss) - (time - 2) * speed_animation) : (((s_h * 3600) + (s_m * 60) + s_s) + (time - 2) * speed_animation); time_code = timeToTimecode(total_seconds, timecodeBase = 100); full_time = timeToTimecode( Math.ceil(((hh * 3600) + (mm * 60) + ss)) + Math.ceil(((s_h * 3600) + (s_m * 60) + s_s)), timecodeBase = 100 ); // Adjust the time_code and full_time for the 2-second offset if (time < 2) { time_code = "00:00:00:00"; full_time = "00:00:00:00"; } else { time_code = time_code.substring(first_char, end_char); full_time = full_time.substring(first_char, end_char); } if (time_code.substring(0, 1) === '-') { '00'; } else { if (time_code > full_time) { full_time; } else { time_code; } } This modified expression will start at 2 seconds on the timeline and provide the desired output. Keep in mind that if you need to adjust the starting time differently, you can change the 2 in the expressions to your desired starting time in seconds.

@Carlinosbrowns Жыл бұрын

@@DarkRiderMotovlogs nice! Glad it worked out

@stevekongliew8305 Жыл бұрын

I'm getting an error in the expression. "Effect named 'Speed Animation' is missing or does not exist." Can you give some insight on this? Using AE. please help

@spoderman2223 8 ай бұрын

just rename it exactly like this ''Speed Animation ''

@ZachLorton Жыл бұрын

I'm getting an error in the expression. "Effect named 'Speed Animation' is missing or does not exist." Can you give some insight on this? Using AE v 23.3.0 build 5.3

@taketheredpill1452 Жыл бұрын

Verified this works. Had to go back a few times to get everything right. My version didn't have the script drop-down, so I right-clicked on the watch icon and it had an option to edit script (I'm rendering so can't check what the exact wording was)

@julianhuhoa7865 Жыл бұрын

i'm sorry, please, help me code text - sound... thanks

@IGI_Media Жыл бұрын

@sonduckFilm - Every single "timer video" KZfaqr does the same thing . . . create the timer. none of the people making timer videos tell you how to make the timer work once you compile the project file into a video. A 1 hour video is great, except if you have a 2 minute compostion . . .then what ?