How To Create A Counting Effect in After Effects

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

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

[@aapkaaghar]

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

[@pragmaticcreator]

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

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

[@April-xb7qs]

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

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

[@rockerfellerpe]

"0"+ expression haha

[@dopazon7388]

thanks alot mate, cant remember how many times i came back to your video just to remember how to fix the values for round numbers 🤗

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

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

[@fishyswirlgaming5741]

it's cool that they have JS built right into AE. As a self proclaimed software engineer, this really makes the software limitless

[@shabobchik]

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

[@sara85eg]

my favourite after effects tips so far

[@MotionArrayTutorials]

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

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

[@VentaBlackStudios]

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

[@MotionArrayTutorials]

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

[@juancamilogutierrezsalas]

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

[@MotionArrayTutorials]

I’m SO happy to hear that 😁🙏🏻

[@luke_nukem]

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

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

[@MarkM2023]

This is the best lesson on the topic!!! ❤❤❤

[@bibuedits]

Adamın dibi You are best bro 🥰

[@darran_p]

Excellent description and pace!

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

[@KronikanimePlis]

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

[@Chewbacca2000]

Thanks man!!

[@RebellMrs]

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

[@reindeer5590]

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

[@gripps2211]

Simple and easy to follow

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

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

[@zosiaszafranska]

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

[@MotionArrayTutorials]

Totally my pleasure! 😄🙏Glad it helped!

[@manyourcoolchris]

Thanks for the quick tutorial. Super helpful!

[@dietmarreiss9248]

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

[@CarlYoungII]

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

[@antoniobeorchianigris1694]

Amazing tutorial

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

[@jasonX]

Thanks for this simple guide!

[@MotionArrayTutorials]

Any time! 😄🙏 My pleasure!

[@watchgabe]

Best explanation ever

[@yesneo6613]

This is actually insanely useful, thank you so much

[@MotionArrayTutorials]

Awesome! So glad it was helpful! 😄

[@NafftechMedia]

That was good ❤

[@adibsantos4959]

Great video, thanks!

[@GlobeandGovernments]

Can we change the size of that percentage little bit smaller then number? please reply when you see

[@calvinsempel1292]

Thanks for the tutorial. It's really helpful. How do I make the $ sign smaller than the figures that are changing?

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

[@Shams_Rumi]

thank you so much! was confusing before

[@variniarodriguez2931]

Amazing video! I just have a quick question- I couldn't find this in any video. How should the expression be if I want the counting to go 100 by 100?

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

[@AliHatoum-s2b]

so useful ... thx man

[@skinandbones5339]

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

[@motionsam]

Thanks for the presets

[@Kangrizal312]

Thankyou!

[@GenuineStLouisBusiness]

Bless you, sir!

[@GiziBrat]

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

[@MotionArrayTutorials]

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

[@DarrenNgFinance]

Hey thanks for this ! Needed it

[@MotionArrayTutorials]

Awesome! Happy to help!

[@SabrinaServat]

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

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

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

[@teachminhajsoomro1173]

Life saving tips

[@MotionArrayTutorials]

Glad you liked them! 😄

[@teachminhajsoomro1173]

I watch your all video

[@mickeygamer7468]

How do you make this counting-up sound effect?

[@mr.drumstick]

Best timing ever! Thank you!

[@MotionArrayTutorials]

You're so welcome! 😄

[@peachbun1320]

Super helpful!!! Thank you

[@markschultz2115]

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

[@MotionArrayTutorials]

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

[@botie38]

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

[@bhuwanbansal]

Can you also point to the sound effect for counting up

[@saqlainahmed7172]

You're awesome brother, I love you

[@MotionArrayTutorials]

Thanks for watching! 🙂

[@PrabhatKumar-bf3lz]

@Motion Array Tutorials Great tutorial. 👏👌

[@The_real_angle]

Reason why i love KZbin :redheart:

[@mursalmustafe]

Wooow very needed tip ❤

[@danielgallo2204]

thanks, you saved my day

[@debangadutta4746]

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

[@galeelraglen]

Thank you :)

[@rudiansyahalfin]

I love this GUy

[@ericsgotlegs]

Thank you!

[@singhkrishanu]

Thanks brother. Very good video👍

[@MotionArrayTutorials]

So glad you liked it! 😄🙏

[@hagopboghossian6841]

Great tutorial 👌

[@MotionArrayTutorials]

Glad you think so! 😄🙏

[@bookssummaries2023-mp3yy]

Great stuff thank you.

[@eduardop123]

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

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

[@jaganjan9949]

It's veary useful, thx

[@MotionArrayTutorials]

You're more than welcome! 🙏

[@SAHALISLAM-k4m]

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

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

[@Prateek-s9m]

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

[@jossedore]

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

[@BluMarsMedia]

Thank You! How about adding a comma?

[@BluMarsMedia]

I found my answer below! ;)

[@BluMarsMedia]

Found it

[@MikaStaines]

Amazing thank you

[@MotionArrayTutorials]

No problem 😊

[@eugenslavik4230]

Thanks!

[@MotionArrayTutorials]

You're welcome! 😄🙏

[@jawadhussain241]

Awesome 👍

[@MotionArrayTutorials]

Thank you! Cheers!

[@__pumpkin__]

Helpfull❤

[@Kareemnoel]

Can the preset be used in premier pro ?

[@MotionArrayTutorials]

Sadly no 😢 unless you dynamically linked it from Ae

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

[@Sdachneak]

thankful

[@ValerioLauri1984]

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

[@Bangladeshedu]

thank you.

[@lion22king22]

how can u make it so the symbol doesnt move when the numbers go up?

[@holorenSHORTS]

So is the effect FREE or not?

[@MotionArrayTutorials]

The effect is free 😄

[@richochet]

Thank you

[@MotionArrayTutorials]

You're welcome 😄

[@Gameoholic_]

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

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

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

[@rahul.rai.]

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