For people having issues, here's the code you put in "Source Text" after you link it to the slider control ( if you renamed Slider Control to NUMBER like in the video then just change that part ). This also includes the bit where it gets rid of the decimals. num = effect("Slider Control")("Slider").value.toFixed(); function addcommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addcommas(num)
This tutorial is 1000% better than I've looking for. I just needed this coma separator. But at the same time I learned some new small features. Like "press Enter to rename", or ctrl+alt+home to center the pivot point etc. Thank you! This tutorial is super useful to me!
Awesome tutorial, when I try and pick-whip the source text to the slider control, it erases the code in the source text expression box and inserts effect("Slider Control")("Slider"). I can't seem to integrate the code to auto-insert commas with the counter. What's going on?
Great tutorial! But what if I need only one number after comma and more numbers before? Like this - 325.1 I tried editing the expression, but nothing good happened. Could you help me? Thank you!
Great video. I'm always reminded of how much deeper my knowledge of AE should be. Also, for newer versions of AE, they changed the name of the "Numbers" effect. This is how mine is set up and working now. num = effect("Slider Control")("Slider").value.toFixed(); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)
How does this work when you use a smaller number like 17,6 in the expression slider? I want to count from 23 to 17,6 but the "." doesn't get replaced by the ",". Only when using bigger numbers, it does work. Any help would be much appreciated!
Excellent tutorial. Straight to the point and goes over the 3 major elements I needed in the counter I am creating. I liked it so much I am commenting about it and I never do that.
This is EXACTLY what I needed to know!! Side note - is there any way to use expressions to bump up the scale to add emphasis when the numbers pass a certain point? For example, every 100k the text would scale up slightly? Thanks!
Hi, i found the simple easy way is to doublicate the numbers, for example: num = effect("Slider Control")("Slider").value.toFixed() * 2; function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) ------------------this example will give you 2 million as a maximum value--------------------------- and you can use this method to get any number you want, num = effect("Slider Control")("Slider").value.toFixed() * "HERE YOU CAN DOUBLICATE WITH ANY NUMBER YUO WANT"; so again you can just CHANGE the value to get more results, THANK'S.
Hello Sergey, I like your channel and what you do! I learned a lot ;) But I have one question. How do I can format a numbers like 65.550,4 Provided expression can replace "." with a "," only in the tens thousands. Thus final result can be 65.550.4 or 65,550.4 But I need 65.550,4 (first a point, then a comma). I'm trying to play with an expression, but still unsuccessful ;( I will be happy if you show how to do this, or maybe provide an expressions. Thanks
Hi! Thank you for this tutorial. Together with some tips and other tutorials, I got what I wanted with the code beneath. With "Number FUNNEL 1" being the name of the slider. The only problem is, I cannot seem to go up more dan 1.000.000 (one million). I'm no coder and a bit new in After Effects, but I really need my number to go up higher. Any tips on how to easily add something to my code to make the number go further up and not having to change all the work I've already done? Thanks for the help! num = "€ " + effect("Number FUNNEL 1")("Slider").value.toFixed(); function addDots(x) {
I would like to animate a number greater than 1,000,000. How do we do that? I tried adding value.toFixed(2) to have 2 decimal numbers, then I multiplied the result by 100. I got my counter working for numbers above 1,000,000 but unfortunately the number sometimes goes crazy with a lot of decimals. Any thoughts?
Thanks for the tutorial. But I have a question. Each time a number adds a digit (from 9 to 10, from 99 to 100), the number is shifted. I changed the position of the anchor point to the center, but it didn't help. What to do? Help with advice, please.
This was great! Is there any way to add also a symbol like $ at the end of the expression?
3 роки тому
Very good video! I have a doubt, I noticed that the accountant has a limit of 1 million, how do I increase this limit? I need 3 million to count the numbers.
I'm using After Effects 2020. I'm trying to animate a slider from 1,000,000 to 10,000,000. But it wont let me go past 1,000,000. Any ideas for a workaround?
![Numbers counting up with commas, decimals [ULTIMATE GUIDE] - After Effects 2020 Update](/img/n.gif)
Here is a quicker way to get the same result: ua-cam.com/video/HQCBkOjJ400/v-deo.html
yes but this is free :))
Your website is broken I cant add anything to cart
In our darkest hours, you are the light!
Just what I needed and well explained - thanks!
Came for the commas, left with 3 simple and useful shortcuts I never knew for 5 years
For people having issues, here's the code you put in "Source Text" after you link it to the slider control ( if you renamed Slider Control to NUMBER like in the video then just change that part ). This also includes the bit where it gets rid of the decimals.
num = effect("Slider Control")("Slider").value.toFixed();
function addcommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addcommas(num)
I swear I like you man >> You the Best
THAAAANKKKKSS i found many tutorials but this one actually worked
Thanks! Have been looking at heaps of blogs and this video was the most helpful.
thank you! best one teaching the comma in the counter yet!
Another day, another project I need to google this video for.
thank you for putting the function in the description
This saves me every time! Thanks!
Excellent use of scripting! Great video, guys!
Thank you, SOM! You guys are awesome!
When 2 of the best teachers collide
LATES CODE:
num = effect("Slider Control")("Slider").value.toFixed();
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
Love you
THIS
This tutorial is 1000% better than I've looking for.
I just needed this coma separator. But at the same time I learned some new small features. Like "press Enter to rename", or ctrl+alt+home to center the pivot point etc.
Thank you! This tutorial is super useful to me!
Звернув увагу, що ви українець. Особливо приємно бачити якісні відео зроблені українцями ;)
Дякую! Туторіал дійсно крутий.
YOU ARE THE BEST THANK YOU. Always short and sweet! Keeps me coming back again and again for help.
you are the only one online know what is doing-----thanks you saved me
Awesome tutorial, when I try and pick-whip the source text to the slider control, it erases the code in the source text expression box and inserts effect("Slider Control")("Slider"). I can't seem to integrate the code to auto-insert commas with the counter. What's going on?
highlight the text first
This expression is freaking gold! Thank you!
Perfect. Lots of small details make this far more valuable than just a counter builder.
just amazing that the whole video is the solution to all my headache! you're a legend!!
JUST WHAT I NEEDED! Thanks so much.
Happy to help, Erin!
Thank you very much for your knowledge! I'm honored to find this way :)
Great tutorial! But what if I need only one number after comma and more numbers before? Like this - 325.1 I tried editing the expression, but nothing good happened. Could you help me? Thank you!
thank you so much buddy ....for helping me ....this is what i was searching for
Brilliant! expression worked as intended just copy and pasting! thanks
Wonderful! Works like a charm. Thanks so much.
So clear and informative. Fantastic teacher! Thanks
Great tutorial! Lots of little knowledge gems woven into this into the main task! Thank you!
Fantastic tutorial - thank you!!!
Super tutorial. Helped me in a project I am working upon right now.
Just what I needed. Thanks!!!!!
Omgosh amazing tip! Thank you so much for this. Great work!
your video is the answer to my problem! thanks man
Thank you so much. Excellent tutorial.
I tried Some other tutorials for this, And they didn't work. But You are Awesome! Thank you.
Glad I could help. Thanks for watching, Majid!
You are so concise and get right to the point. Thanks!
Great video. I'm always reminded of how much deeper my knowledge of AE should be. Also, for newer versions of AE, they changed the name of the "Numbers" effect. This is how mine is set up and working now.
num = effect("Slider Control")("Slider").value.toFixed();
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
How does this work when you use a smaller number like 17,6 in the expression slider? I want to count from 23 to 17,6 but the "." doesn't get replaced by the ",". Only when using bigger numbers, it does work. Any help would be much appreciated!
Excellent tutorial. Straight to the point and goes over the 3 major elements I needed in the counter I am creating. I liked it so much I am commenting about it and I never do that.
Wow i found exactly what i was looking for and most easy way possible to do it. Keep up the good work !!
Glad to hear that! Thanks for giving it a try!
this was very helpful! thank you!
Brilliant! Very useful for our dynamic templates. Thank you again.
AMAAAZING, thank you!!
Great tip!
How would you do to avoid this width flickering when number changes?
Use a monospaced font.
Great tutorial! Like many others, it helped me out in a pinch for a project. Thank you for posting!
It was very useful for me, just replaced the commas for dots. Thank you!
How?
This is EXACTLY what I needed to know!! Side note - is there any way to use expressions to bump up the scale to add emphasis when the numbers pass a certain point? For example, every 100k the text would scale up slightly? Thanks!
This expression really helped with an animated graph I needed to make for a project.
How do you work with number greater than 1000000?
Hi, i found the simple easy way is to doublicate the numbers, for example:
num = effect("Slider Control")("Slider").value.toFixed() * 2;
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
------------------this example will give you 2 million as a maximum value---------------------------
and you can use this method to get any number you want,
num = effect("Slider Control")("Slider").value.toFixed() * "HERE YOU CAN DOUBLICATE WITH ANY NUMBER YUO WANT";
so again you can just CHANGE the value to get more results, THANK'S.
@@ibrahimcapitolestate5600 this didn't work.
Use a point control instead of a slider control.
Hello Sergey,
I like your channel and what you do! I learned a lot ;)
But I have one question. How do I can format a numbers like 65.550,4
Provided expression can replace "." with a "," only in the tens thousands. Thus final result can be 65.550.4 or 65,550.4
But I need 65.550,4 (first a point, then a comma).
I'm trying to play with an expression, but still unsuccessful ;(
I will be happy if you show how to do this, or maybe provide an expressions.
Thanks
YO! This was super helpful for a current project. Appreciate the time and effort man!
I'm glad you found it useful, Joshua. Thanks for watching it!
Awesome tutorial, thanks for your help!
Will I be able to export this with a transparent background? Thanks!
OMG the only script that helped, thank you
king regards from Brazil, you are the BOSS
Thank you for your kind words!
This was hella helpful! Thank you very much! Keep up the amazing work!
Hi!
Thank you for this tutorial. Together with some tips and other tutorials, I got what I wanted with the code beneath. With "Number FUNNEL 1" being the name of the slider. The only problem is, I cannot seem to go up more dan 1.000.000 (one million). I'm no coder and a bit new in After Effects, but I really need my number to go up higher. Any tips on how to easily add something to my code to make the number go further up and not having to change all the work I've already done? Thanks for the help!
num = "€ " + effect("Number FUNNEL 1")("Slider").value.toFixed();
function addDots(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}
addDots(num)
Thank you so much!
Thank you for this great video.
Glad it was helpful!
You beautiful human, thank you for this!
wonderful ... thank you so much ! very clear :)
Also pressing Enter in the numberpad works to get out of Type mode ;) Great tutorial!
Thank you! You're da man!
Thank you so much for this! I use this expression with Slider control : )
Just saved me HOURS. Thank you!!!
Awesome content. Very helpful. Thanks for taking the time to put this together and share. Love it.
I would like to animate a number greater than 1,000,000. How do we do that? I tried adding value.toFixed(2) to have 2 decimal numbers, then I multiplied the result by 100. I got my counter working for numbers above 1,000,000 but unfortunately the number sometimes goes crazy with a lot of decimals. Any thoughts?
num = value.toFixed(2)*100;
num1 = Math.round(num)
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num1)
link the value to a Point Control effect instead of a Slider Control effect
@@twotwoasjjuh1025" * 100" thing works great!!! thanks a lot
@@twotwoasjjuh1025 Thank you!!
A great thanks man !
Awesome video, thanks for the code!
Great video, but what do I do if I need the number to be 3,679,234.27? :/
hello please is there i preset of that , cause i followed your steps and sadly didn't work for me in my version of after effect
Thanks for sharing!
Thank you! This is so useful! 😊
genius, Thanks!!!
Thanks for the tutorial. But I have a question. Each time a number adds a digit (from 9 to 10, from 99 to 100), the number is shifted. I changed the position of the anchor point to the center, but it didn't help. What to do? Help with advice, please.
Hi, this is really helpful thank you. How would i add a '£' to the beginning of this to create a money amount?
type + "£" after your expression
@@bogd1741 that puts it at the end
Hi, thank you, this is really helpful! I have a question: do you know a way to change automatically the font size of he thousands number only?
yes.... use conditional statement and access the fontsize property after converting to string
Thanks, M8, very detailed!
Thank you, man.
You're the best, thank you!!
Lifesaver, thank you!!
How do we get two commas like "6,24,800"
you're the best. thank you.
This was great! Is there any way to add also a symbol like $ at the end of the expression?
Very good video! I have a doubt, I noticed that the accountant has a limit of 1 million, how do I increase this limit? I need 3 million to count the numbers.
can u do a code for indian number system because we have different comma placings (1,00,000), so if u can help with that - Thank you in advance
If I want to put a minus before the number, what should I do?
How can I replace the commas for points . ?
Great tutorial!
Thanks so much soooo helpful!
super helpful! thanks!!
Thanks! helped me a lot
Awesome! Thanks for watching it!
This is amazing! I really have to learn expressions.
I'm using After Effects 2020. I'm trying to animate a slider from 1,000,000 to 10,000,000. But it wont let me go past 1,000,000. Any ideas for a workaround?
Everytime I whip the number to the slider control it overwrites the code and it just doesnt work
you save my day man
Can you get rid of shaking (number) when the numbers go down?
i came to learn one thing ended up learning ten, thanks a mil
I love your videos, a question has a tutorial of the start logo animation?
Thanks for this