Animate Numbers in After Effects - How to add commas, decimals & symbols

This simple counter effect is great for telling a visual story when numbers are displayed on screen. So in this after effects tutorial I'll be showing you exactly how achieve this same effect and even how to create your own preset to save a tonne of time!!
Just follow along and unlock a new effect...
The expression you need:
num = value;
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
Big shout out to ‪@ukramedia‬ and ‪@JustinOdisho‬ for laying the foundations on this one.
Especially to ukramedia for his awesome tutorial here: • How to Add Automatic C...
But I found that in order to fully get the most out this effect (like changing how many decimal points you want or adding symbols) I had to do more research and trial and error.
But, it's your lucky day because you can skip all of that and have everything you need straight away to create this awesome effect!
Please note: The links below are affiliate links. If you purchase a product or service through them I may receive a commission. This helps me run this channel.
💡 My Gear:
New Studio Mic: amzn.to/3RuoDGD
Main Light - Aputure 120D II: amzn.to/41WUUrT
Colored Light (Big) - Aputure p60c: amzn.to/3Aq19Zg
Colored Light (Small)- Aputure MC: amzn.to/3otwmIk
Main Camera: amzn.to/3oBUKHX
Main Lens: amzn.to/43PkvEG
Wireless Microphone: amzn.to/3V8FyOD

[@review_maniac]

Protect this man at all costs. Thank you so much 🙏

[@elevic6293]

num = effect("Slider Control")("Slider").value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) THIS IS THE ONE THAT WORKED FOR ME.

[@tristan_v.bez.]

same

[@ingridcops69]

thanks!

[@515elias]

same

[@ald03]

thankzzs

[@tooltdsttc5571]

@@ald03 Hello. Do you know what pre-video sound effects are? Thanks a lot

[@wilhelmk4978]

Your AE tutorials are some of the best out there, keep up the great work bro you deserve way more subscribers and views. Stay with it man 🙌🏼

[@NosferatuG59]

You actually explain everything perfectly and even tell us how to add text within the code. This was exactly what I have been searching for, a simplistic countdown for the next 40 days. Thank you so much for your help

[@AchishkaNawagamuwa]

Mate, You are a lifesaver. This is the most simplest, on point, easiest to understand video I saw regarding this. Thank you 3000! ❤

[@tolugileh3826]

You are an inspiration man! The way your videos are crafted, the pacing, your delivery, the music, It made for such a great learning experience.

[@milosblagojevicc]

Amazing content man, happy that there are people like you helping fellow creators like myself 👍

[@stephanez]

Who is this Guy actually ? The best teacher ever, no one of the best he is so humble 😁

[@elricardonoart-fr6qt]

You saved my life dude, thanks, the only video that mentions the point instead of comma!

[@s3xier461]

This is it. This is, functionally, the best ae tutorial I've ever come across

[@AliEdits345]

Saving as a preset is a life saver hack bro, this saves a lot of time. Thank you so much for creating these awesome videos, plz keep making such cool videos.

[@topeanifalaje9583]

Hi @AliEdits345 do you know of any tutorial I can watch in order to learn how to save this as a preset? I find myself coming back to this video anytime I want to animate a complex number counter in After Effects 😂😂

[@JoseTheRover]

You're honestly the MAN for this!

[@orlundoexplainsai]

Blessings to you sir! This was an amazing video! Thank you!

[@ivansbetter]

great video! highlights everything that you possibly need to know, keep it up

[@tegolley]

You're only one video away. this one got me super motivated ... thanks man

[@Validation]

It's so true :) You just need that one. Thank you so much for the super!!

[@enlightened_youth]

Thank you man. You literally answered all the questions.

[@daviddaywon]

THIS IS THE BEST TUTORIAL! on this subject that I've seen, Thanks man

[@Validation]

I struggled with this effect for a while, so I wanted to make one that delivers everything you/ I needed. Thanks for the kind words :)

[@tom93.1]

100% completely agree

[@meltrax1]

Best tutorial out there for this effect hands down, thanks a lot!! Can you make a tutorial on how to blend your numbers/text/anything with your video? Like the examples you have on the video here, that will help a lot! Keep the great videos quality. Subscribed

[@BradenYoungVideo]

This was awesome. Thanks for making it simple!

[@DaBaku420]

Thank you so much! Been looking for a way to make this effect for a long time now!

[@Validation]

You're very welcome :)

[@anant7195]

So helpful I was looking for this exact effect for so long.

[@buntykinny]

Great tutorial ... Thank u.. i learned to make own preset

[@GeoDab]

You are the best. Going to use this on my maps animation lol!

[@goosedaddy001]

This is such a great video, you are truly a lifesaver.

[@vagabondfurax1483]

Thank so much. This video was very helpful for me

[@peterbalint3536]

Great video with really valuable information. Thanks!

[@1satoo1]

This guy is definitely a hero

[@mahdimajidi5636]

Thanks a lot, man This video helped a lot like all the other videos

[@typicalisabel430]

I needed this for a project! thanks for this! very easy to follow through and everything I needed to know was all in this one video! Great job!

[@tooltdsttc5571]

Hello. Do you know what pre-video sound effects are? Thanks a lot

[@2TheHandsome]

Awesome tutorial - subscribed!

[@alex.sensei]

Thanks I was looking for it ! We want more cool ae effect tutorial 😊

[@Validation]

More on the way!

[@hermanomarquesjr]

Hey Bro! Greetings from Brazil! I loved your tutorial! It's a very important content. Is the best tutorial about this that I found. Thanks very much for doing it.

[@Validation]

You’re so welcome! & thanks for your kind words :)

[@BedtimeStoryteller07]

​@@Validationbro can you drop the sfx used in the timer

[@user-jj9tx3ir9w]

Perfect, thank you so much!

[@DevonSinaga]

Thank you so much for the tutorial🙌

[@prismwing]

I don't have a video in progress that needs this, but I know it's inevitable so I'm gonna get this preset ready immediately :D

[@SPASIVAFF]

Keep up the good content man, we appreciate it!

[@Validation]

Thanks!!

[@daniwidimurtadho3427]

I'm looking forward like this in another software, that is Davinci and Capcut

[@createwithakash7360]

you are a life saver man, Subscribed

[@resproject1731]

Its very cool! Thank You!

[@DeathPrey777]

Thank you, sir, This is a good Tutorial!

[@vba2469]

The angle!! The angle parameter! Yes thank you so much for this!

[@RishabRaghavendar]

Bro, thanks for the tutorial🙏Super useful

[@nim358]

thank you! this is what I need!

[@KrisCantu]

Thank you for figuring this out bro! Cheers! 🥂

[@Validation]

All good man :)

[@WaveIndex_]

Perfect tutorial. Thanks man!

[@michealgraphics]

man!!! you just saved a soul🔥🔥

[@gabrielpontes9225]

Excellent video, thank you very much sir.

[@antlerup]

Thank u this was of great value!

[@NiceGambia]

Beautiful. Can someone tell me the effect of the background fill of the map at 00:07. What do you call it? how do i seach that animation on youtube?

[@Validation]

Thank you :) That was made using an ink transition. Basically you find some black and white footage of an ink spread. Then use that as a luma mask (which is under track matte options in after effects or premiere pro). Maybe I'll make a quick video on it...

[@malvi_tx]

What a G! We're only one video away brother. Cheers.

[@Youssef-yf6mh]

great value bro ! please kaap it up!

[@Ninjaasux]

I was looking for this.. amazing and easy, super like and share

[@Validation]

So glad to hear this :)

[@user-df7gp5gp2h]

Yow! Are you reading my mind? HAHAHA i've been looking for this tutorial and mg in envato and motion array. Thanks a lot. Been looking for 2 days now.

[@Validation]

I did indeed read your mind haha

[@user-df7gp5gp2h]

@@Validation That's twice in a row haha. First ali abdaal tutorial and now this.

[@FilmiSearch]

num = " "+ effect("Angle Control")("Angle").value.toFixed(0) +""; function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) Final Text!

[@Validation]

Yep, just make sure you add an angle slider to your layer and you're right to go :) Thanks for this comment

[@anastasiach3384]

thanks!

[@mohammedlhd]

Keep up the hard work brother 🙌

[@Validation]

Always! :D

[@skylight6216]

Amazing Bro.. 🤗 In very easy step, u did it👌 Love from Pakistan 🇵🇰

[@toxic_viper1]

best tutorial i've ever seen

[@mehdibudd6946]

Thank you man it works

[@UyaYinata]

nice man, thankyouuuu so much its very help me

[@dream-weaving]

Amazing🔥. Thanks🙏

[@FidelTshivhasa]

Bro, you're awesome!

[@damiap_dennis_wapshik]

Thank you so much... this is a game changer

[@Validation]

You’re very welcome! Love this effect so much myself

[@pakenobi]

Great stuff as always.

[@Validation]

Thank you!

[@DisneysWire]

tysm i seriously apprecaite it

[@iva9]

you are the best!!! tks a lot!

[@kiraribordy2650]

Super helpful! Thanks so much for the clear explanation! That said- have you ever thought to add placeholder zeros into the counter? If so how would you do that without messing up all the other lovely bits of code? (For example the number would read 000,045 or some such and count up from there?)

[@Flexy_vfx]

thanks for the help bro 💖💖

[@gd_motionline]

A big Thanks to you 🙏

[@ELTExperiences]

This is amazing. Just watching to see whether this can be adapted for Apple Motion at the moment!

[@Validation]

Thank you! Yeah, not sure with apple motion or other software at the moment. Hopefully there is a solution

[@kylegrangerrealestate]

Great video! I used some of your tricks from the Ali video on my last short!

[@Validation]

That's awesome man I'll be sure to check them out :)

[@quizholo]

simple and very helpful, thanks

[@Validation]

You're welcome 😊

[@BijanIzadi]

THIS IS SO SIIICK Thank you

[@ReaperFPS817]

Thankyou very much Bro

[@chpug]

Perfect, tanks!

[@rajurockzzz3234]

Love from india ❤ you earned a subscriber

[@Vueprecise]

How use it in capcut

[@ernestor.salazar1619]

YOU ARE THE BEST MY FRIEND

[@sameerrajput3584]

Great! Man thanks

[@RahulPal-xf9xm]

U r the Motivation Man..

[@ThanhNguyen-hs5rs]

Thank u so much, im newbie !!!

[@ayan_acharyya]

Thank you so much buddy

[@gintare_reels]

Best advice ever🎉

[@Asmith3]

very gooood tut❤

[@Yarosh25]

Very helpful thank you so much! What's the sound effect in the first clip of the video? Can't find it anywhere

[@samuelbardez7546]

Thank you, this was really helpful. Do you know how can I add a editable number like this into a mogrt for premier users?

[@LucianaFranca93]

This is so helpful!! It has worked for most of the symbols I add to my projects ($,%, etc) except 1, which is when I try to use ft²... the number 2 doesn't go up at all, would you have a tip for this situation?

[@nicklaytonUK]

It's marvellous. My only problem is that the numbers jump around as and when 'slimmer' give way to 'fatter' digits and yet I can't see that on your examples so a bit stumped. Found it. It's ok, for anyone else who gets stumped just change to a font that works.

[@Later_Slater]

Dude Your channel is way too underrated! Ive been looking for a channel like yours for a while, and then I found it. I'm pretty new to after effects and premier pro, so your videos are a huge help! I'm so excited to see your growth in the next year, and I wish the best of luck to you, and your channel. Also, what camera do you use in your videos?? your setup looks amazing!

[@Validation]

Dude! Thank you so much for the support!! I’m so glad you’re enjoying the channel :) I use the Panasonic GH5 or GH5s for my filming at the moment.

[@troll.with.glasses]

@@Validation hi I like your videos

[@Yodha_Ram67]

Nice Trick bro ❤

[@playingguruyt]

man you are great

[@imamansaifi]

Thanks ❤

[@crushlimitsTm]

Very good explanation❤

[@Validation]

Thank you :)

[@pierresery652]

thank you!!!

[@alessandralichtenfeldfilms]

omg thank you, this saved me

[@Validation]

No problem, it’s something that I’ve always struggled with so happy to share

[@GFXReaction]

Thank you

[@AshfakSayyad-ed7hf]

Thanks man

[@C2MCrypto]

Hey man Amazing video thank you for sharing! If you don't mind me asking what's the song used for your intro?

[@naeemraaz1295]

Really Love Your Content ,

[@Validation]

Thank you!

[@ry5499]

Thank you legend.

[@johnaznar579]

very helpfull thanks

[@captaincolayt]

GENIUS