How to Create a Countdown Timer Animation in Adobe After Effects

____________________________________________
►ABOUT THIS TUTORIAL
In this Premiere Gal tutorial we are creating a responsive countdown timer animation in Adobe After Effects using expressions. You'll learn how to create text layers, shapes, add expression controls, and how to use the essential graphics panel to export the animation as a .mogrt (motion graphics template) that you can use in Adobe Premiere Pro That’s right you’ll walk away learning how to make your own .mogrts in After Effects!

► TUTORIAL EXPRESSIONS
____________________________________________
► My Recommended Envato Timer Animations
____________________________________________
► TIMECODES
0:00 Introduction
1:35 How to create a new comp?
1:45 Adding a number text layer
2:05 Add an adjustment layer
2:24 How to add Expression Controls?
2:57 How to Add Timer Count Down Expression 1
3:45 What is an expression?
4:19 Adjusting Time Control Slider
4:35 Count up or Countdown Checkbox
4:53 How to adjust comp duration for longer count?
4:45 Create an ellipsis
6:17 Creating a circle ring layer
7:18 How to add dashes?
7:45 How to add a glow effect?
8:29 Why you should try Envato Elements (ad)
10:12 Duplicating Ring Layer
11:07 How to add Trim Paths?
11:28 How to add Trim Paths Expression 2?
12:20 Adding optional text
13:20 How to Open Essential Graphics Panel?
13:40 How to build your motion graphics template controls?
15:23 How to Add in Color Controls?
18:20 How to add in dashes slider controls?
19:10 How to add formatting?
19:50 How to export motion graphics templates?
20:10 How to use .mogrt in Premiere Pro?
21:10 Final advice and outro

____________________________________________
► MORE, GEAR, TOOLS and MUSIC

________________________________________
► SCHOOL OF MOTION
____________________________________________________________
FOLLOW ME ON SOCIAL

For sponsors:

Affiliate Disclaimer: Some of these links in this description are affiliate links. I'll earn a small commission if you make a purchase and it's no additional cost to you.

#Timer #MotionGraphics #AfterEffects

[AMReflections]

You're literally the best tutor and a life saver. Thankyou for making such a long video and explaining every step by which it became easier for us not to just create a count down timer but also learn about the elements we used in the process.

[urbanishwildlife]

beginner at after effects and really needed a kick in the pants to get a timer that actually works AND looks nice. I learned so much from your tutorial ...it's all about the concepts and possibilities ...you did a great job explaining and demonstrating . Got the MOGRT out to premiere and it looks great ...thanks so

[navidghods]

Gal! you are just AWESOME! I learn so much with each of your videos!

[alexluthor]

Great tutorial! I was looking for, and you read my thoughts. Clear and simple explanation! Thanks again!

[miteexterra]

Great tutorial, I learned so much! Keep up the great work!

[AmitBatra]

Thank you for being so kind! Awesome tut, very well explained and yes, it has opened doors in my head to new possibilities. You are amazing! More power to you :)

[tomrogers]

Great tutorial! Straight forward. Just what I needed.

[carlanthonydelosangeles]

Thank you! I needed this for my stream layout.

[just.do.something]

Very cool! Love how you explain things.

[DouglasZapata]

Que super tutorial, gracias en serio, no solo por el Timer, si no por todo. Genial todo

[kevinharris]

Amazing Kelsey ! So clear and such a good tutorial. You are as clever as a person with two heads ! Thank You🙏

[chetanattri]

That’s what I was looking for😁 great video🎉

[MoreDeuce]

I came here looking for a timer and got an entire education and the timer ! Thank you so so so so so so so so so much!!! You are literally the definition of amazing!

[ClintTill]

Wow. Incredibly helpful. Thank you so much for putting this together.

[Shinobu_Fujimoto_Aftereffects]

It was very easy to understand, great!
Thank you very much😊

[You_vs_You_Training]

Absolutely AMAZING! WOW! What a good video! I'm very new to AF and PP and this is just so amazing. Love it!

[ratiohinge]

beautiful kelsey Thankyou so much for all

[benjaminkloppner]

Great Tutorial! But if you want the timer to output a minute format (like 00:00), you have to add at this bit of code at the bottom of the already existing first expression.

sec = Math.floor(t%60);
min = Math.floor(t/60);

function zero(x) {
if (x<10) return "0" + x
else return x
}

zero(min) + ":" + zero (sec)

[omarcelopaixao]

Awesome tutorial and explanation!
I've changed the first expression fron "floor" to "ceil"
That way when the ring ends, the timer will be 0 on that exact time!

[ACHVPEAK]

Thank you so much for the video! I find that when the timer starts the countdown it only takes 2 frames for the initial number to move to the next. For instance, a 30-second timer will start at 30 then 2 frames later drop to 29. How do I split the difference in frames to make the majority of the initial number last longer than 0. I use 24 FPS on my videos and would like to do 14 frames on the initial number and 10 frames on the zero so you can still see it. What are the options here?