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
Пікірлер: 351
In a sea of crap, you are the golden needle of clarity. Thank you sir!!
Protect this man at all costs. Thank you so much 🙏
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 🙌🏼
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.
5 ай бұрын
same
@ingridcops69
2 ай бұрын
thanks!
@515elias
Ай бұрын
same
@ald03
20 күн бұрын
thankzzs
@tooltdsttc5571
19 күн бұрын
@@ald03 Hello. Do you know what pre-video sound effects are? Thanks a lot
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
Mate, You are a lifesaver. This is the most simplest, on point, easiest to understand video I saw regarding this. Thank you 3000! ❤
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.
Amazing content man, happy that there are people like you helping fellow creators like myself 👍
Blessings to you sir! This was an amazing video! Thank you!
Who is this Guy actually ? The best teacher ever, no one of the best he is so humble 😁
You saved my life dude, thanks, the only video that mentions the point instead of comma!
You're honestly the MAN for this!
great video! highlights everything that you possibly need to know, keep it up
This was awesome. Thanks for making it simple!
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
4 ай бұрын
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 😂😂
This is it. This is, functionally, the best ae tutorial I've ever come across
Thank you so much! Been looking for a way to make this effect for a long time now!
@Validation
9 ай бұрын
You're very welcome :)
Thank you man. You literally answered all the questions.
Keep up the good content man, we appreciate it!
@Validation
9 ай бұрын
Thanks!!
@daniwidimurtadho3427
9 ай бұрын
I'm looking forward like this in another software, that is Davinci and Capcut
THIS IS THE BEST TUTORIAL! on this subject that I've seen, Thanks man
@Validation
9 ай бұрын
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
5 ай бұрын
100% completely agree
Great tutorial ... Thank u.. i learned to make own preset
Thank you so much for the tutorial🙌
Awesome tutorial - subscribed!
Great video with really valuable information. Thanks!
This is such a great video, you are truly a lifesaver.
So helpful I was looking for this exact effect for so long.
You are the best. Going to use this on my maps animation lol!
You're only one video away. this one got me super motivated ... thanks man
@Validation
8 ай бұрын
It's so true :) You just need that one. Thank you so much for the super!!
Thank so much. This video was very helpful for me
Thanks a lot, man This video helped a lot like all the other videos
thank you! this is what I need!
This guy is definitely a hero
Perfect, thank you so much!
Its very cool! Thank You!
Bro, thanks for the tutorial🙏Super useful
Perfect tutorial. Thanks man!
Thanks I was looking for it ! We want more cool ae effect tutorial 😊
@Validation
9 ай бұрын
More on the way!
man!!! you just saved a soul🔥🔥
Thank you for figuring this out bro! Cheers! 🥂
@Validation
9 ай бұрын
All good man :)
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
19 күн бұрын
Hello. Do you know what pre-video sound effects are? Thanks a lot
great value bro ! please kaap it up!
you are a life saver man, Subscribed
Thank you, sir, This is a good Tutorial!
Bro, you're awesome!
Thank u this was of great value!
Keep up the hard work brother 🙌
@Validation
9 ай бұрын
Always! :D
Amazing🔥. Thanks🙏
I was looking for this.. amazing and easy, super like and share
@Validation
9 ай бұрын
So glad to hear this :)
What a G! We're only one video away brother. Cheers.
The angle!! The angle parameter! Yes thank you so much for this!
best tutorial i've ever seen
Great stuff as always.
@Validation
7 ай бұрын
Thank you!
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
8 ай бұрын
You’re so welcome! & thanks for your kind words :)
@BedtimeStoryteller07
3 ай бұрын
@@Validationbro can you drop the sfx used in the timer
Excellent video, thank you very much sir.
Thank you man it works
Thank you so much... this is a game changer
@Validation
6 ай бұрын
You’re very welcome! Love this effect so much myself
nice man, thankyouuuu so much its very help me
thanks for the help bro 💖💖
A big Thanks to you 🙏
you are the best!!! tks a lot!
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
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
9 ай бұрын
I did indeed read your mind haha
@user-df7gp5gp2h
9 ай бұрын
@@Validation That's twice in a row haha. First ali abdaal tutorial and now this.
simple and very helpful, thanks
@Validation
3 ай бұрын
You're welcome 😊
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
THIS IS SO SIIICK Thank you
tysm i seriously apprecaite it
YOU ARE THE BEST MY FRIEND
U r the Motivation Man..
Love from india ❤ you earned a subscriber
Very good explanation❤
@Validation
9 ай бұрын
Thank you :)
Great! Man thanks
Best advice ever🎉
Great video! I used some of your tricks from the Ali video on my last short!
@Validation
9 ай бұрын
That's awesome man I'll be sure to check them out :)
very gooood tut❤
Thankyou very much Bro
Perfect, tanks!
Nice Trick bro ❤
omg thank you, this saved me
@Validation
7 ай бұрын
No problem, it’s something that I’ve always struggled with so happy to share
Amazing Bro.. 🤗 In very easy step, u did it👌 Love from Pakistan 🇵🇰
thank you so much. it helps a lot
@tooltdsttc5571
19 күн бұрын
Hello. Do you know what pre-video sound effects are? Thanks a lot
@vladakan
18 күн бұрын
@@tooltdsttc5571 sorry I do not. A lot of my customers have got an elevanto subscribtion for such sound effects for me to download
This is amazing. Just watching to see whether this can be adapted for Apple Motion at the moment!
@Validation
9 ай бұрын
Thank you! Yeah, not sure with apple motion or other software at the moment. Hopefully there is a solution
Thank you so much buddy
man you are great
Really Love Your Content ,
@Validation
9 ай бұрын
Thank you!
Thank u so much, im newbie !!!
GENIUS
thank you!!!
Freaking amazing
trust me.. this is everything 🥰😇
Thank you legend.
Very helpful thank you so much! What's the sound effect in the first clip of the video? Can't find it anywhere
Thank you !
@Validation
5 ай бұрын
You’re very welcome!
Thanks ❤
dude i just did it thanks
Great content
very helpfull thanks
Thanks man
Amazing content
@Validation
9 ай бұрын
Thank you!
Thumbnail is amazing
@Validation
9 ай бұрын
Thank you! :D For a simple design, I still spent a fair bit of time on it!
I love you haha thanks bro