No video

How to Create a Countdown Timer Animation in Adobe After Effects

  Рет қаралды 67,561

Premiere Gal

Premiere Gal

Күн бұрын

Пікірлер: 138
@PremiereGal
@PremiereGal 3 жыл бұрын
Thanks for watching! You can copy and paste the expressions from this page: premieregal.com/blog/timer-expressions-after-effects
@savicreativedesign8789
@savicreativedesign8789 3 жыл бұрын
This link does not work anymore. I am trying to do your Tutorial. Thank you!
@savicreativedesign8789
@savicreativedesign8789 3 жыл бұрын
never mind! I had to enable "Enhanced Security" on my browser. :)
@sethjohnson
@sethjohnson 2 жыл бұрын
Can I make the timer display as 2:00 instead of 120 seconds? I want a 2 minute countdown.
@PremiereGal
@PremiereGal 2 жыл бұрын
@@sethjohnson Yes, it is possible, but requires a different set of expressions. I'd recommend checking my friends over at @Ukramedia kzfaq.info/get/bejne/Z5p-ZK2C15u2ook.html
@benjaminkloppner3865
@benjaminkloppner3865 Жыл бұрын
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
@Iksy
@Iksy Жыл бұрын
Gibt es eine Möglichkeit diesen Ring ständig wiederholen zu lassen, damit er als Sekundenzeiger dient?
@pantsgenerator
@pantsgenerator Жыл бұрын
Thank you so much! What if i was trying to get the format "0:00" instead of "00:00"?
@Iksy
@Iksy Жыл бұрын
@@pantsgenerator min + ":" + zero (sec)
@pantsgenerator
@pantsgenerator Жыл бұрын
@@Iksy tysm!!!
@itsakanksha.k
@itsakanksha.k Жыл бұрын
exactly what i needed, thank you so much!
@omarcelopaixao
@omarcelopaixao 10 ай бұрын
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!
@4AMReflections
@4AMReflections 2 жыл бұрын
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.
@MoreDeuce434
@MoreDeuce434 7 ай бұрын
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!
@urbanishwildlife
@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 much.....
@carlanthonydelosangeles7411
@carlanthonydelosangeles7411 3 жыл бұрын
Thank you! I needed this for my stream layout.
@You_vs_You_Training
@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!
@PremiereGal
@PremiereGal Жыл бұрын
Glad you enjoyed it!
@400AGLNET
@400AGLNET 3 жыл бұрын
AMAZING... MIC DROP... Love this one Gal. I use timers in my live stream Start / End timer clips. A lot more to this one here but WAY nicer. Thank You Gal... Got you on IG now too...
@PremiereGal
@PremiereGal 3 жыл бұрын
Thx for the follow :) Love that you can integrate into your live streams -- didn't even think of that as a use, but totally!
@mikelittlenz
@mikelittlenz Ай бұрын
That was brilliant, thanks so much - exactly what I needed for a client's workout video :)
@kevinharris8094
@kevinharris8094 2 жыл бұрын
Amazing Kelsey ! So clear and such a good tutorial. You are as clever as a person with two heads ! Thank You🙏
@PremiereGal
@PremiereGal 2 жыл бұрын
haha, thanks Kevin!~
@alexluthor1304
@alexluthor1304 3 жыл бұрын
Great tutorial! I was looking for, and you read my thoughts. Clear and simple explanation! Thanks again!
@PremiereGal
@PremiereGal 3 жыл бұрын
Sweet!
3 жыл бұрын
You’re the Gal! 🤘🏼
@PremiereGal
@PremiereGal 3 жыл бұрын
I am!
@avidrationalist7281
@avidrationalist7281 Жыл бұрын
Your explanation skills are superb. Compared to many other youtubers, you explain things precisely in a few simple steps. I made this animation along with your instruction in one go, and it is perfect. I love to learn from you, but no financial capacity to buy your courses.
@UrFitnessTime
@UrFitnessTime 9 ай бұрын
Thank you, Very helpful. Especially after not using Af for 7 years :)
@navidghods3578
@navidghods3578 3 жыл бұрын
Gal! you are just AWESOME! I learn so much with each of your videos!
@ClintTill
@ClintTill 3 жыл бұрын
Wow. Incredibly helpful. Thank you so much for putting this together.
@PremiereGal
@PremiereGal 3 жыл бұрын
Thanks Clint! :) Hope it helps you with other .mogrts you make in Ae too. Once you get a handle on the expression controls, you'll become a pick whip master!
@TimMillaway
@TimMillaway 3 жыл бұрын
Great stuff Gal!
@DouglasZapata
@DouglasZapata 3 жыл бұрын
Que super tutorial, gracias en serio, no solo por el Timer, si no por todo. Genial todo
@rmdesign815
@rmdesign815 2 жыл бұрын
Thank you Gal.. you help me a lot. Succes 4 you always...
@ratiohinge8029
@ratiohinge8029 2 жыл бұрын
beautiful kelsey Thankyou so much for all
@Shinobu_Fujimoto_Aftereffects
@Shinobu_Fujimoto_Aftereffects Жыл бұрын
It was very easy to understand, great! Thank you very much😊
@Monir-tghp
@Monir-tghp 3 жыл бұрын
Learned a lot today ❤Cal❤
@PremiereGal
@PremiereGal 3 жыл бұрын
yesssss, that's why I like to hear :)
@miteexterra
@miteexterra 3 жыл бұрын
Great tutorial, I learned so much! Keep up the great work!
@uscrktz
@uscrktz Жыл бұрын
that was really helpful, thank you so much
@CazzpersAutoAdventures
@CazzpersAutoAdventures 7 ай бұрын
VERY INFORMATIVES TUTS, TY
@colson6
@colson6 Жыл бұрын
Awesome Tutorial!
@DanishYours
@DanishYours 3 жыл бұрын
This was one helluva of class! THANK YOU.
@PremiereGal
@PremiereGal 3 жыл бұрын
Thanks Danish! :)
@DanishYours
@DanishYours 2 жыл бұрын
@@PremiereGal One question! How do I export them transparent in H.264 format using Media encoder?
@AmitBatra205
@AmitBatra205 2 жыл бұрын
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 :)
@tomrogers6328
@tomrogers6328 2 жыл бұрын
Great tutorial! Straight forward. Just what I needed.
@chetanattri7393
@chetanattri7393 2 жыл бұрын
That’s what I was looking for😁 great video🎉
@aakashgirkarr
@aakashgirkarr 2 жыл бұрын
Thanks alot because of this I am able to close a client today 🎉🎉
@janjaroszynski9427
@janjaroszynski9427 Жыл бұрын
If I want the counter to start at 1 and go to 4 then restart at 1 how would I do that?
@just.do.something
@just.do.something 3 жыл бұрын
Very cool! Love how you explain things.
@grapicsrz456
@grapicsrz456 2 жыл бұрын
Thank you 🌸 🥰
@joachimleonardsengga6869
@joachimleonardsengga6869 Жыл бұрын
great work..thank u gal...
@sviktoriia
@sviktoriia 2 жыл бұрын
Thank you!
@edwardfoster6367
@edwardfoster6367 3 жыл бұрын
Great stuff! Thank you!!!
@yukasung
@yukasung 2 жыл бұрын
Great tutorial!!
@notquitecraig
@notquitecraig 3 жыл бұрын
This is so useful. Thank you!
@Steel_body_workout
@Steel_body_workout 2 ай бұрын
Hi, thank you very much for the guide. I don't know why but the first code doesn't work. Could the code be incorrect?
@MrTidx90
@MrTidx90 2 жыл бұрын
And just like that, I'm subscribed
@fab4vol
@fab4vol 2 жыл бұрын
This is awesome, thanks! Could you or someone else tell me how to count minutes instead of seconds and how to start/end minute counter as the seconds counter please?
@gamingkingandqueen6659
@gamingkingandqueen6659 2 жыл бұрын
best helpful video thank you!
@Myhammayatra829
@Myhammayatra829 3 жыл бұрын
beautiful tutorial
@ThashraGraphics
@ThashraGraphics 2 жыл бұрын
Thank you friend
@mehtabrai4304
@mehtabrai4304 2 жыл бұрын
Thanks!
@tubaraomartelo7838
@tubaraomartelo7838 3 жыл бұрын
Thanks for this video... 👍👍👍👍👍
@akashnamdev8607
@akashnamdev8607 2 жыл бұрын
Hey Gal can i have the expression to be used on the Trim Path’s Start parameter to animate one of the outer dashed rings in the Timer animation. Please i need it i tried creating but i failed several times.... U will be of great help............
@RichardMillerMMVVIDEO
@RichardMillerMMVVIDEO Ай бұрын
I followed everything and had trouble with and expression error..I tried and tried and quit
@ACHVPEAK
@ACHVPEAK 3 жыл бұрын
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?
@PremiereGal
@PremiereGal 3 жыл бұрын
Thanks for the question! I'd need to look into the expression more closely to see if there's anything I can do. In the meantime, you can check out more about expressions from School of Motion to see if you can find an answer: www.schoolofmotion.com/blog/time-expression-after-effects and kzfaq.info/get/bejne/ldKki7t5z9XcZKs.html
@lashithdilukshan642
@lashithdilukshan642 3 жыл бұрын
Thank you calsi
@Mars_Tang
@Mars_Tang 10 ай бұрын
Hello, I'm from Taiwan The production process of the AE countdown timer animation is the same as your video, but the text color of the countdown timer cannot be changed normally in the Pr program, and it changes normally in the AE program. Which link is the problem? My AE and PR versions are 23.6
@acadvideoart
@acadvideoart 3 жыл бұрын
good ,creative work:)
@madampresident485
@madampresident485 4 ай бұрын
Thanks for this! I bought the .mogrt file, but can’t find it in my essential graphics. Any tips here?
@PremiereGal
@PremiereGal 4 ай бұрын
Did you install it and drag it into your panel?
@supersigndesigns6162
@supersigndesigns6162 3 жыл бұрын
Hi Kelsey Could you please make a tutorial about your logo reveal? Thanks
@smdesign360
@smdesign360 3 жыл бұрын
Awesome
@mediocreape
@mediocreape 10 ай бұрын
how are your eyeborws so thin? did you mask them out in after effects?
@SandroTrunz
@SandroTrunz 2 жыл бұрын
Hi Gal, Thank you 🤜🤛🙌 kindly for this awesome 🎬🎓🎥 tutorial. Is there any fix for the 'progress bar' to actually finish spot-on with the time running out (and not moments later)? Many thanks, Sandro
@elnino4445
@elnino4445 4 ай бұрын
how did u add the shake u didnt tell us
@gurdip7454
@gurdip7454 2 жыл бұрын
Great Tutorial! could I do minutes and seconds? I need to make a 3-minute timer counting down, how would I do this?
@BloodPressureHomeWorkouts
@BloodPressureHomeWorkouts 2 жыл бұрын
Hey, fantastic tutorial! May I ask... Is there is a way to make the stroke end at "0"? (so that the outer timer ring has done a full 360 degree spin once the timer hits 0s).
@PremiereGal
@PremiereGal 2 жыл бұрын
As of yet, I haven't figured it out as it's so precise by the milisecond! But if the seconds included miliseconds it would make sense. For now It's the best I got :)
@bltzthundi3244
@bltzthundi3244 2 жыл бұрын
I adjusted the text expression a little. it's definitely quick and dirty but it gets the job done. I marked the adjusted code with "// ", so be sure to remove those after pasting: c=thisComp.layer("Control").effect("Count Down")("ADBE Checkbox Control-0001"); m=Math.floor(thisComp.layer("Control").effect("Time Control")("ADBE Slider Control-0001")); if(c==1){ // t=Math.floor(m-time+1) // if(t>m) // t=m if(tm) t=m; } if(t
@user-lq3yf7zh5r
@user-lq3yf7zh5r 5 ай бұрын
1st expression showing error @Premiere Gal
@iGadgetBoomer
@iGadgetBoomer 2 жыл бұрын
Very good video. Exactly what I'm looking for. But one question. How I can change the timer from numbers to clock format like 00:30 or when I need 10 minutes to 10:00 ?
@user-iq2jn5qi2s
@user-iq2jn5qi2s 3 жыл бұрын
What does "Gal" mean?
@venkateshyadavthodeti5540
@venkateshyadavthodeti5540 3 жыл бұрын
Can you make lighting tutorial.
@RamanShrikant
@RamanShrikant Жыл бұрын
is there anyway for the numbers to display faster?
@fidelecheverria6772
@fidelecheverria6772 2 жыл бұрын
I´m maybe super late to the game but,... is there any easy way to make minutes os even hours to appear in the clock?
@rnrsounds5150
@rnrsounds5150 Жыл бұрын
Hello Premiere Gal, I just discovered your channel and thank you for making such an awesome timer tutorial! I have a question: If I wanted to create multiple timers (one after the other), how can I change "Expression 2" so it can 'restart' the Ring to match the new timer? Aka how can I reset the timer ring to have it go around the glowing timer again?
@rnrsounds5150
@rnrsounds5150 Жыл бұрын
And if this is available for purchase under your tutorials please let me know so I can subscribe to it!
@irfandermawan2684
@irfandermawan2684 2 жыл бұрын
Boomm 🔥
@arjunsaivaidyanathan1094
@arjunsaivaidyanathan1094 2 жыл бұрын
Kelsey, How did you change the colour of the timer to green at 3secs and then to red at 1 sec at the very start of the video... Is there a slider to change colour according to the time left???
@elyasforohar9553
@elyasforohar9553 2 жыл бұрын
Hi, I hope you are fine. I wanted to say that the sand spray code gives an error. If you do not mind, tell me what to do.
@mohnishpatil4916
@mohnishpatil4916 2 жыл бұрын
How to do the same effect but in minute:second format.
@zomafy
@zomafy 2 жыл бұрын
Which music do you use at the intro?
@capestranosfilm3047
@capestranosfilm3047 3 жыл бұрын
Could you make it in Adobe Premiere Pro as well?
@gwSocialmedia99
@gwSocialmedia99 2 жыл бұрын
Error message when I paste the expression?
@kimconnollysolocampermarri467
@kimconnollysolocampermarri467 2 жыл бұрын
After Effects has disables the expression because it says there’s an error in line 3 in property ‘Source text’ of layer 2 9’1’0 in comp ‘timer’. ReferenceError: c is not defined. This is a shame because I just got the 7 day trial of Envato as well because I thought I needed it. Glad I can cancel that subscription. Is there any way to fix this?
@rajatgupta2476
@rajatgupta2476 2 жыл бұрын
How to speed up the timer
@kristaylor7119
@kristaylor7119 2 жыл бұрын
Could this be imported into DaVinci Resolve?
@chill_oke
@chill_oke Жыл бұрын
can you use this in after effects?
@memelover8320
@memelover8320 3 жыл бұрын
Mam plz reply....why is clapping done?If for Synchronize then we can do it in premier pro easily. Is it necessary?
@PremiereGal
@PremiereGal 3 жыл бұрын
Clapping is only necessary if you record audio separately from your video on a difference device. But Premiere Pro's autosynchronizing tool is so good you don't need a clapper. Generally it's nice to have the clap so you can see in the waveform where the clap is.
@memelover8320
@memelover8320 3 жыл бұрын
@@PremiereGal Thank you ma'am
@AnishRaja-wr4vg
@AnishRaja-wr4vg 3 жыл бұрын
When we export the mogrt from after effects how can we add duration of the mogrt file so that we can adjust the duration of the mogrt file in premiere pro.
@PremiereGal
@PremiereGal 3 жыл бұрын
You'd need to add in a responsive time control slider with expressions. This is a topic I'm still researching, but in the meantime, it doesn't take time to just use the razor tool to just cut where you want the mogrt to end in the Premiere Pro Timeline.
@takacsovatattoo
@takacsovatattoo 2 жыл бұрын
No matter what time I put in, the initial number doesn't stay on the screen for a whole second, it skips to the next number almost immediately, which defeats the purpose of the function. So disclaimer to anyone who actually needs it to work properly : it doesn't
@PremiereGal
@PremiereGal 2 жыл бұрын
Hey Illona - Definitely want to make sure it does! I'd be happy to figure out how to get it working right for ya, some people like to have it in decimals or in seconds, my friends over at UkraMedia have a few other expressions you can try. I recommend checking out their KZfaq channel :)
@ebindboby6020
@ebindboby6020 3 жыл бұрын
🔥🔥🔥🔥
@rudrafilms6547
@rudrafilms6547 3 жыл бұрын
WoWWWWWW
@IanSnape
@IanSnape 3 жыл бұрын
What monitor are you cuurently using. Thanks
@PremiereGal
@PremiereGal 3 жыл бұрын
Dell 40" Ultrasharp curved.
@mtvunplugged429
@mtvunplugged429 3 жыл бұрын
1st viewer❤️❤️
@lashithdilukshan642
@lashithdilukshan642 3 жыл бұрын
How to create your instagram 3D cube style want it by tutorial. 🌸👍
@PremiereGal
@PremiereGal 3 жыл бұрын
That's a template from Elements, super easy to edit in After Effects, just add in your own media, here is the link to the template: 1.envato.market/instagrampromo
@lashithdilukshan642
@lashithdilukshan642 3 жыл бұрын
@@PremiereGal thank you 🌸
@Samira-po8ld
@Samira-po8ld Жыл бұрын
👏🏼👏🏼👏🏼🙏🙏🙏🙏
@ShadowEnigmaTV
@ShadowEnigmaTV 2 жыл бұрын
code doesn't work
@MadhuSanduri
@MadhuSanduri 3 жыл бұрын
Hello my friend kelsey how r u??
@bigzeromike
@bigzeromike 3 жыл бұрын
So I must be the only person that noticed it counts down to 0 but the outer circle is really at 1 second? kzfaq.info/get/bejne/erWEeK9-yd60YWw.html Great tutorial but one or both of the expressions needs to be modified to make it work properly. Wish I knew javascript...
@bigzeromike
@bigzeromike 3 жыл бұрын
Hey @Premiere_Gal, I Finally had some time to play around with this. In the first expression change line four to t=Math.floor((m+1)-time) If you choose 10 as your Slider value this will start your timer at 11 but the outer circle will end when the number reaches 0 like it should. The only thing you'll have to do is when you import this into your Premiere project you will need to trim the imported object literally ONE frame to get rid of that ONE frame where the timer reads 11.
@BloodPressureHomeWorkouts
@BloodPressureHomeWorkouts 2 жыл бұрын
@@bigzeromike absolute legend! thank you!!
@bigzeromike
@bigzeromike 2 жыл бұрын
No idea how that "issue" was overlooked by everyone...
@danielj7567
@danielj7567 2 жыл бұрын
You can also just change the expression for the outer circle (expression 2). Change the expression to: m=Math.floor(thisComp.layer("Control").effect("Time Control")("ADBE Slider Control-0001")-1); 100/m*time; This literally deducts that one second from the outer circle.
@bigzeromike
@bigzeromike 2 жыл бұрын
@@danielj7567 I like it! Both align the ring with the actual countdown but my version gives you the number of seconds assigned using the Time Control slider. Your solution seems to give you -1 seconds so if you wanted 10 seconds you'd have to enter 11.
@paulineswenchow2609
@paulineswenchow2609 Жыл бұрын
great tutorial, but countdown animation should be reversed
@azplamkata
@azplamkata 2 жыл бұрын
like
Create an ANIMATED COUNTDOWN TIMER in Adobe Premiere Pro.
7:38
Storysium
Рет қаралды 271 М.
How To Create A Counting Effect in After Effects
5:13
Motion Array Tutorials
Рет қаралды 153 М.
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 39 МЛН
Алексей Щербаков разнес ВДВшников
00:47
Easy Countdown Timer Animation in Adobe After Effects (Tutorial)
8:04
You Want Pizzazz ?!?
Рет қаралды 6 М.
Numbers + Timecode | Effects of After Effects
8:21
Jake In Motion
Рет қаралды 27 М.
How to Make Text Messages Follow People
17:58
Premiere Gal
Рет қаралды 11 М.
Create Animated Timer FAST | any font or size | Premiere Pro 2020
6:13
The Premiere Pro
Рет қаралды 119 М.
Configurable Timers - After Effects Tutorial
9:40
Holmes Motion
Рет қаралды 38 М.
10 Secret Editing Tricks Pro Editors Use
15:43
Premiere Gal
Рет қаралды 58 М.
Create a Countdown Timer Effect - After Effects
8:14
Brooker Films
Рет қаралды 96 М.
Countdown Timer with Expressions After Effects CC Tutorial
24:20