How To Create A Counting Effect in After Effects

[@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.

[@tubique]

Thank you for the code. The $ sign might disappear after entering this code, so here’s the updated version of it: num = effect("Slider Control") (1).value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?! \(d))/g, ","); } "$"+addCommas(num)

[@ranj-j3h]

Thanks

[@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!

[@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!

[@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! 😄

[@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!

[@April-xb7qs]

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

[@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! 😄🙏

[@sara85eg]

my favourite after effects tips so far

[@MotionArrayTutorials]

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

[@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! 😄🙏

[@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 😄

[@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!

[@shabobchik]

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

[@VentaBlackStudios]

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

[@MotionArrayTutorials]

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

[@adibsantos4959]

Great video, thanks!

[@luke_nukem]

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

[@juancamilogutierrezsalas]

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

[@MotionArrayTutorials]

I’m SO happy to hear that 😁🙏🏻

[@reindeer5590]

Thanks for the tutorial! so clear and so easy to follow

[@RebellMrs]

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

[@CarlYoungII]

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

[@bibuedits]

Adamın dibi You are best bro 🥰

[@dietmarreiss9248]

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

[@manyourcoolchris]

Thanks for the quick tutorial. Super helpful!

[@gripps2211]

Simple and easy to follow

[@zosiaszafranska]

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

[@MotionArrayTutorials]

Totally my pleasure! 😄🙏Glad it helped!

[@AliHatoum-s2b]

so useful ... thx man

[@watchgabe]

Best explanation ever

[@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

[@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) 💚💚

[@pratikchoudhari6364]

You my friend make it sooooo easy, keep inspiring 😇

[@MotionArrayTutorials]

Thanks so much, that's good to hear!

[@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.

[@Shams_Rumi]

thank you so much! was confusing before

[@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

[@PrabhatKumar-bf3lz]

@Motion Array Tutorials Great tutorial. 👏👌

[@skinandbones5339]

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

[@PlisChroniclerAL]

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

[@SabrinaServat]

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

[@jasonX]

Thanks for this simple guide!

[@MotionArrayTutorials]

Any time! 😄🙏 My pleasure!

[@yesneo6613]

This is actually insanely useful, thank you so much

[@MotionArrayTutorials]

Awesome! So glad it was helpful! 😄

[@peachbun1320]

Super helpful!!! Thank you

[@saqlainahmed7172]

You're awesome brother, I love you

[@MotionArrayTutorials]

Thanks for watching! 🙂

[@GiziBrat]

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

[@MotionArrayTutorials]

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

[@motionsam]

Thanks for the presets

[@GenuineStLouisBusiness]

Bless you, sir!

[@mr.drumstick]

Best timing ever! Thank you!

[@MotionArrayTutorials]

You're so welcome! 😄

[@singhkrishanu]

Thanks brother. Very good video👍

[@MotionArrayTutorials]

So glad you liked it! 😄🙏

[@danielgallo2204]

thanks, you saved my day

[@botie38]

love how friendly this guy sounds when guiding me throughout the process. Love this Vidoe!!!

[@Kangrizal312]

Thankyou!

[@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!

[@daniilknigin8713]

hey, great tutorial! Can you somehow align the counter to the left or right, so it doesn't jitter while counting? (it moves horizontally depending on the glyph width) It's kinda distracting now

[@mursalmustafe]

Wooow very needed tip ❤

[@markschultz2115]

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

[@MotionArrayTutorials]

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

[@galeelraglen]

Thank you :)

[@rudiansyahalfin]

I love this GUy

[@mickeygamer7468]

How do you make this counting-up sound effect?

[@teachminhajsoomro1173]

Life saving tips

[@MotionArrayTutorials]

Glad you liked them! 😄

[@teachminhajsoomro1173]

I watch your all video

[@ericsgotlegs]

Thank you!

[@jaganjan9949]

It's veary useful, thx

[@MotionArrayTutorials]

You're more than welcome! 🙏

[@hagopboghossian6841]

Great tutorial 👌

[@MotionArrayTutorials]

Glad you think so! 😄🙏

[@DarrenNgFinance]

Hey thanks for this ! Needed it

[@MotionArrayTutorials]

Awesome! Happy to help!

[@bhuwanbansal]

Can you also point to the sound effect for counting up

[@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

[@Prateek-s9m]

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

[@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.

[@MikaStaines]

Amazing thank you

[@MotionArrayTutorials]

No problem 😊

[@bookssummaries2023-mp3yy]

Great stuff thank you.

[@debangadutta4746]

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

[@SAHALISLAM-k4m]

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

[@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

[@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?

[@eugenslavik4230]

Thanks!

[@MotionArrayTutorials]

You're welcome! 😄🙏

[@jawadhussain241]

Awesome 👍

[@MotionArrayTutorials]

Thank you! Cheers!

[@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!

[@__pumpkin__]

Helpfull❤

[@The_real_angle]

Reason why i love KZbin :redheart:

[@jossedore]

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

[@Bangladeshedu]

thank you.

[@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

[@Gameoholic_]

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

[@richochet]

Thank you

[@MotionArrayTutorials]

You're welcome 😄

[@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.

[@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

[@rahul.rai.]

How to put space between the symbol and the number??

[@step1610]

where can i find sound effects for this?

[@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

[@ValerioLauri1984]

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

[@BluMarsMedia]

Thank You! How about adding a comma?

[@BluMarsMedia]

I found my answer below! ;)

[@BluMarsMedia]

Found it

[@fruitpunch5260]

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

[@holorenSHORTS]

So is the effect FREE or not?

[@MotionArrayTutorials]

The effect is free 😄

[@Sdachneak]

thankful

[@wasutorntasuriyajalearnkun2756]

awesomee

[@eddienyambe5046]

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

[@MotionArrayTutorials]

🤣🤣

[@seraphic18043]

I don't have the slide control effect?

[@indianmmafans7545]

Best video

[@MotionArrayTutorials]

Thanks so much! 😄🙏That makes me so happy to hear!

[@simplemusic3311]

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

[@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

[@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 ?

[@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!

[@juanfelipemichelcors3938]

How do yo add the Ticking Sound?