How To Create A Counting Effect in After Effects

[@Wieringenn]

In After Effects, to ensure that numbers always display with two digits, with a leading zero when the number is less than 10, you can use this expression on the Source Text property: // Get the value from your slider control var num = Math.round(effect("Slider Control")("Slider")); // Check if the number is less than 10 and add a leading zero if necessary num = num < 10 ? '0' + num : num; // Output the number as a string num.toString(); Thank me later!

[@phn2017]

it's help me a alot, thank you!

[@lukacrvenkovic6395]

Thank you very much for the tutorial. Here is code for the comma for those who need it: num = effect("Slider Control")(1).value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)

[@TaufikLukman]

thanks Man!

[@juliodelgado9954]

Thank you!

[@gregv2821]

Exactly what I was looking for. Thank you.

[@thisischaniece]

Helpful, but how do I add a 0 in front of the single digit numbers so when they transition to double digit (11,12) it doesn't shift over to the right? I'm trying to keep it inside of a circle and it looks odd.

[@ron_wayne]

Stop Misleading in the name of FREE stuff when its available for paid subscribers only

[@MotionArrayTutorials]

Hi! So sorry for the confusion, it is now officially set to free. it was supposed to be set before the video was made public but ended up being an hour or 2 behind schedule

[@fruitpunch5260]

How can I get my number in the billions? It seems i'm only allowed 6 zeros, I need 9

[@harrysmith6131]

I like the effect of your headshot video bubble. Is that a plugin?

[@MotionArrayTutorials]

Ooh, no it's not but that's a great idea 😄 I should make one

[@Dancing_Alone_wRentals]

I thought that was cool also. Perfect to see the speaker just at the moment I was contemplating what was said. Cool editing!

[@connornewell8041]

What's the code I need if I only want it to count by hundreds? I'm counting from 500-6200 and dont want it to count every single number, only every 100.

[@KrizbyYT]

I thought it was free. It's asking me to subscribe. Oh well. I can just make it manually. Thank you.

[@MotionArrayTutorials]

Hi Krizby! Sorry for the confusion, it is now officially set to free 😄 it was supposed to be set before the video was made public but ended up being an hour or 2 behind schedule

[@KrizbyYT]

@@MotionArrayTutorials Oh that's great! Thanks again!

[@nickjames5602]

Thanks so much for this fantastic, fast, and easy to understand tutorial. The only problem with the "slider control" effect is that it can only count up to 1 million. I understand you need to use the "point control" effect for that. But when I apply that same code to "point control" it doesn't work. How would I use your method to count up to 1 billion for example?

[@CappsProductions]

Here is the ending of a youtube video link. This video explains how to do over 1 million: v=Nguzk2Fb2vo

[@PlisChroniclerAL]

Can you please recommend a sound effect of numbers quickly increasing ?

[@mickeygamer7468]

How do you make this counting-up sound effect?

[@SAHALISLAM-k4m]

how will i add the symble in the front of the numbers

[@ronendavid8842]

It's like you read my mind, this is exactly what I was looking for for a project I'm working on, thanks a lot for the guide

[@MotionArrayTutorials]

Awesome! 😄 Glad I could help! Good luck with the project!

[@PrimalEdge]

you have exceptional presentation skills, I know I've said this before, but I really enjoy your tutorials

[@MotionArrayTutorials]

Wow! Thanks Michael! 😄🙏that actually means a lot to me! Super appreciate it!

[@Dancing_Alone_wRentals]

Geez-o-flip! I didn't understand a single thing .... ...but, the editing was fantastic. I was standing in the LIKE line before the video was half way through. tHanks for a great video!

[@MotionArrayTutorials]

So glad you enjoyed it! 😄🙏

[@MikeHamMan]

My graph does not work like this, the x and y values are not ever time, but over values, and I tried to change it, can't get that speed ramp to work as smooth as yours. Followed directions exactly. Fuck Adobe, man. I fuckin hate this piece of shit software, but every goddamn job requires that I use it.

[@debangadutta4746]

what is the sound effect is called u used on the countdown animation ?

[@ahmedsuleiman1130]

This is forever timely usage for we After Effects users. All expressions are well noted and to be used always. Keep up the good work and more subscribers to you.

[@MotionArrayTutorials]

Thank you so much! That means a lot Ahmed! Thanks! 😄

[@techskillsonline2596]

Great job!! But Adding "+" as a prefix did'nt work, Any fix to that??

[@thaaer_shaabo3130]

same for me, it seem to be the lastest update of ae2024 didn't support it, i try it before on 2022 it work just fine.

[@uxdeya7660]

happens to have the same problem trying to edit the expression in the source text not the slider editor

[@bibuedits]

Adamın dibi You are best bro 🥰

[@theholoren]

So is the effect FREE or not?

[@MotionArrayTutorials]

The effect is free 😄

[@April-xb7qs]

I literally never leave comments on any videos, but this was so clear, I just had to. It worked! Thank you

[@alimoursi5454]

thnx but I have a question if I need to use word ad suffix but I need the suffix to be in the second line like that : 140000 customer can I do it ?

[@simplemusic3311]

what if i want to add 3 zero, so start not from 0 but 000 and then 001,002,etc?

[@konlaor]

I have problem of changing the font of those numbers. Some special font does not work. It always became the same font. Really appreciate if you can help.

[@nortoneflea]

Anyone know how to change the format to euros? ie. 43.300,38

[@hunteer8875]

can you do this on i movie? if not can you make a video on a free video editor tool like i movie. Thanks

[@MotionArrayTutorials]

We don't really work with iMovie, to be honest 🤐

[@hunteer8875]

@@MotionArrayTutorials a free editing tool that can do this animation. i'm only interested in the counting animation

[@bhuwanbansal]

Can you also point to the sound effect for counting up

[@abul-hasan-rbk]

preset not free

[@MotionArrayTutorials]

Hi! So sorry for the confusion, it is now officially set to free. it was supposed to be set before the video was made public but ended up being an hour or 2 behind schedule

[@ARMON-bt1md]

How can we make this into MOGRT?? Thanks

[@poptrump1990]

Anybody knows how can I add the commas in longer numbers animations like 15,000,000 I only managed to put a dot after 15?... ugh After Effects has nothing to do with Premiere Pro, it's annoying.

[@Shams_Rumi]

thank you so much! was confusing before

[@anupagarwal9853]

its not free but great tutorial! pls refrain from using the free word when its not free

[@MotionArrayTutorials]

Hi! So sorry for the confusion, it is now officially set to free. it was supposed to be set before the video was made public but ended up being an hour or 2 behind schedule

[@anupagarwal9853]

@@MotionArrayTutorials oh okay i understand. Great content nevertheless!

[@2424rocket]

Except if you want to change the color of just one number...doesn't let you. I know a work around but perhaps you know something better.?

[@yogawithmags]

Could you please tell me what formula to use so it starts the count from 1 instead of 0? Thanks a lot! Great video

[@usus8420]

I discover I use I validate however when I place a character after the number it moves according to the format of the number it's very unpleasant

[@mickeygamer7468]

Can I make this counting-up animation on a DDR4 with 8 GB of RAM?

[@joed180]

I love how this is 4 minutes of how to do it without the presets, even though this is the video tutorial link that comes with the presents.

[@MotionArrayTutorials]

Knowledge is power 😄 And knowledge plus free stuff is even better IMO

[@caleb.justice]

Is there a way to add an effect when the numbers change? Like a slide-down/fade-out? Or just a fade in and out? Thanks!

[@RebellMrs]

Wonderful! Thank you so much for this great and easy explanation! It was very helpful.

[@seraphic18043]

I don't have the slide control effect?

[@nickwallace2982]

My boy Jordy has one of the best tuts in this community. More power brother! We appreciate you always.

[@MotionArrayTutorials]

That really means a lot Nick! Thank you so much! 😄🙏 so many more to come as well!

[@hayotislife]

10x for zooming content, very rare thing

[@juanfelipemichelcors3938]

How do yo add the Ticking Sound?

[@eddienyambe5046]

This is so brilliant but how do I start from 5000000 to 0?

[@MotionArrayTutorials]

🤣🤣

[@AdamKowalski-g8h]

Jak to kurwa zainstalować?!

[@glokkjhit4749]

SUPER HELPFUL!!! Thank you so much bro, you don't know how much you've helped me learn after effects and premiere pro, your a blessing

[@MotionArrayTutorials]

Happy to hear that! 😄 So glad I could help out!

[@GuayoyoAzucarado]

This is great! but my number needs a period. example to go from 16.000 to 100.000 - I don't want the American way 16,000 to 100,000. My currency do not use comma. How to express this? thanks.

[@GuayoyoAzucarado]

I found it. this is the code: s = "" + Math.floor(effect("Slider Control")("Slider")[0]); s.replace(/\B(?=(\d{3})+(?!\d))/g, ".");

[@TonoOrtiz]

When i try to add text before the number i got the error: can't turn result into numeric value. How can i fix it?

[@uxdeya7660]

happens to have the same problem trying to edit the expression in the source text not the slider editor

[@SazzadShad]

many many thanks . You help so many people by making this useful videos .

[@MotionArrayTutorials]

Wow! Thanks so much for saying that! It's my pleasure 😄

[@LongJonYT]

Is there a way to change the color within certain ranges, say you want 1-40, red. 41-70 yellow, 71-100 green?

[@sorajj]

just animate tint effect

[@elarcadenoah9000]

make a text scrolling effect like slot machines

[@MotionArrayTutorials]

Ooh, yeah that's a great idea

[@CarlYoungII]

Helped put a fun new unique spin on the project I'm working on. Very cool video!!!🔥🔥👌🏽👌🏽👌🏽

[@AlbertusWicaksono]

You sounds like a Joker 😅

[@xLeBang]

hey great tutorial! When i click the graph iconm I get the graph in units ie i can alter in how many units it counts. However, I want to influence the units/2 like in the video. I don't know how I can go to the graph in the video, ive otherwise followed all the steps correctly. Does anyone know?

[@xLeBang]

i found the answer. When you right click on the graph (not the graph button! thats where i went wrong) you can select if you want it counting in units or in speed

[@step1610]

where can i find sound effects for this?

[@manyourcoolchris]

Thanks for the quick tutorial. Super helpful!

[@luke_nukem]

Awesome. Every other video on this effect on KZbin kept giving me expression errors. This is the only expression that works! Thanks!

[@MJIHoait]

Bruh, this was a life saving. Thanks a lot bro....... You're amazing💚💚

[@MotionArrayTutorials]

You're welcome! So happy it was helpful! 😄🙏

[@MJIHoait]

@@MotionArrayTutorials Wow😱 Can't believe you replied, you're so humble bro. Love from another part of the earth 🇧🇩(Bangladesh) 💚💚

[@VentaBlackStudios]

Amazing, you've helped countless animators including my self.

[@MotionArrayTutorials]

I'm so happy to hear! 😄🙏 That just made my day!

[@SoulSpice]

So once I import this into my Premiere Pro project, how can I keyframe the counter so it doesn't continuously count? For example, if I score a goal, I want the counter to go up by 1, but right now it looks as if the only way to do this in Premiere Pro is by cutting & pasting. Thanks!

[@MotionArrayTutorials]

Hey, good question, but if you actually just want to change your stats by 1 number and they don't change often I actually find that cutting and pasting works well. Maybe I'm misunderstanding your question but this effect I show works best for large numbers where you want to go through a lot quickly

[@edwinpalm2129]

Nice tutorial! I have two questions: 1. I want the Numbers to go down instead, How do I do that? 2. I want another starting and end points, eg. from 1500 down to 500. How do I change that?

[@akula_zko]

just keyframe that. at the beggining set 1500 and at the second keyfrae set 500. thats it! the same for 1st question

[@John-sp9if]

I was just thinking why it can't have a drag and drop preset. Thank you so much for helping the small editors by making the preset free. This preset is a must have.

[@MotionArrayTutorials]

Thanks John! So glad you liked it! 😄🙏

[@markschultz2115]

Great video! I owe you some "doll ers" lol

[@MotionArrayTutorials]

Awesome! Thanks Mark! 😄 So glad you liked it!

[@dietmarreiss9248]

Wow. Exact what i need. THX so much for helping us with your knowledge. Wish you the best. 🙂

[@The_real_angle]

Reason why i love KZbin :redheart:

[@Gameoholic_]

Heya, what's the counting up sound at 0:01?

[@FroggiBoy]

can you do this in pr?

[@Kareemnoel]

Can the preset be used in premier pro ?

[@MotionArrayTutorials]

Sadly no 😢 unless you dynamically linked it from Ae

[@zosiaszafranska]

This is SO USEFUL, MAN! Thank you so so so so so much!

[@MotionArrayTutorials]

Totally my pleasure! 😄🙏Glad it helped!

[@Prateek-s9m]

what is the name of the font you have used at 0:16 seconds.

[@ValerioLauri1984]

is there any chance to slow down the countdown toward the end? cheers

[@GenuineStLouisBusiness]

Bless you, sir!

[@PrabhatKumar-bf3lz]

@Motion Array Tutorials Great tutorial. 👏👌

[@jossedore]

any idea on how to remove decimals and add commas at the same time?

[@gripps2211]

Simple and easy to follow

[@artugert]

Cool, but now how do I get it into Premiere?

[@anti8452]

How did you do the clicking effect 4:38

[@motionsam]

Thanks for the presets

[@jasonX]

Thanks for this simple guide!

[@MotionArrayTutorials]

Any time! 😄🙏 My pleasure!

[@shabobchik]

Exactly what I needed plus hidden extras for future projects. Straight to the point and very clear. THANK YOU - new subscriber.

[@component8107]

Or use the numbers effect, which is much easier

[@EricSwain79]

love this, used the same function to count down but had to keyframe each number as the expression would add a "-" in negative space. Is there an expression to remove the "-" when counting down?

[@ttemidayoo]

At Least show me How to add Commas 😒😒😒

[@MotionArrayTutorials]

It's a bit more complex sadly and thought it was easier just to give you the free presets with the commas. You can also reverse-engineer them once you have them 😄, sorry for the answer / non answer but if you wanted a copy paste solution I've left it below here: -------- num = effect("Slider Control")(1).value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)

[@ShrimpGaming69]

Lifesaver@@MotionArrayTutorials

[@Sdachneak]

thankful

[@Digital_Dreamx]

I do not have track sign in text source any suggestion for me please

[@laolei]

kzbin.info/www/bejne/l3bIppagbM-kbpI

[@DeopBoiiContact]

Can you please share the SFX used in counting effect (or how to make it ourselves) it would be a great help

[@MotionArrayTutorials]

For sure! It was actually multiple layered SFX combined together, I'll have to go back and check but I think at least this was one of them - tinyurl.com/y4vxpes8 I also use a bicycle sound effect for a lot of counting stuff as well - tinyurl.com/rea7erun

[@peachbun1320]

Super helpful!!! Thank you

[@AlexGulinov]

Thank you!

[@danielgallo2204]

thanks, you saved my day

[@skinandbones5339]

That is such a great tutorial. Thank u so much!

[@yesneo6613]

This is actually insanely useful, thank you so much

[@MotionArrayTutorials]

Awesome! So glad it was helpful! 😄

[@sara85eg]

my favourite after effects tips so far

[@MotionArrayTutorials]

Wow! 😄🙏Thanks so much! That makes me so happy!

[@UkyoQLF]

0:51 I dont have the "little spiral" , i cant find any solutions on internet If someone can please help me

[@P4IL1P]

did you find a solution?

[@UkyoQLF]

@@P4IL1Pyes but I dont remember how lmaoo

[@juancamilogutierrezsalas]

This video came to life at the exact moment I needed it!

[@MotionArrayTutorials]

I’m SO happy to hear that 😁🙏🏻

[@bookssummaries2023-mp3yy]

Great stuff thank you.

[@wasutorntasuriyajalearnkun2756]

awesomee

[@GiziBrat]

Love your videos, nice and simple, easy to understand, you earned my subscribe

[@MotionArrayTutorials]

Awesome, thank you so much! Welcome to the team! 😄🙏

[@__pumpkin__]

Helpfull❤

[@SabrinaServat]

Love it!!!! Thank you so much!!