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.
mine gets [object Property] when I start this expression - I just added a slide to type. pasted code into source text, hilghted value and pickedwhiped the slider and got that.
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.
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.
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 😂😂
To make the commas work with numbers that have 4 or more decimals you can edit the expression like so: num = effect("Angle Control")("Angle").value.toFixed(4); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } num = addCommas(num.toString().split('.')[0]) + "." + num.toString().split('.')[1]; "" + num + ""; This will only add commas to the whole numbers and the decimals will stay as they are, text in front and behind can be added inside of the quotation marks on the last line.
Hey, After copy-pasting the expression and thereafter highlighting value and parenting it to the slider control effect, why is it showing [OBJECT PROPERTY] in place of the text in the preview screen? Can anyone help me out with this?
I saw this in one of ukramedia's videos. The one in my description I believe... If you add .value after the slider or angle control part it should work. Let me know if it does help
@@Validation Thank you sir, I can confirm, that made it work. I also got the object property text, but it worked. Thanks mate, I subbed, great video keep it up.
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
Hellooo so cool thank you ! Do you know how to transform the 2.0 in just "2" ??? i would like to have : "2" "2.1" "2.2" etc and NOT "2.0" "2.1" "2.2" etc ^^
@Validation said " first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
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?)
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
@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
Thanks bro for this tutorial this number effect is very helpful for my client , can you make a tutorial for Devin style editing ( very very thanks for that )
I would like to add to the scenario that if you wanna always show 2 (or more, only need to change the number that x length is less than) digits of number when counting down (for example: 1 -> 01), this code would help x=Math.round(effect("Slider Control")("Slider")).toFixed(0); while (x.length < 2) x = "0" + x; x
Hey! So i just tried this, copied the expression and everything, but as soon as i made keyframes for the slider, it still started acting all crazy and showing crazy numbers and decimals. DO you have any suggestions? Should I check something to see if i did it wrong somewhere?
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?
I'm wondering, if I wanted to add text after, but also reduce the text size/weight for example with '100km' having a smaller 'km' text, how would I do this and still keep it following the number text as it gets bigger?
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.
Hi I want to use this for a square foot measurement, so my questions is, how can this be modified in order to make the '2' on the end, superscript? IE: 1,250 ft2 This is my current expression but the 2 is too big: num = effect("Slider Control")("Slider").value.toFixed(0) +"ft2"; function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)
hi! I have a problem with your tutorial. :( Each time I past this code and do connection between "value" and "Slider Control" I got an [object] instead of my numbers. what shall I do than?
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...
@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
I used two different sounds, they took me a while to find haha first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter I'll provide links to both in the videos description :)
@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
num = effect("Angle Control")("Angle").value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) PRE CONNECTED TO "ANGLE" This dude saved us so much headache 🤕
![Numbers counting up with commas, decimals [ULTIMATE GUIDE] - After Effects 2020 Update](http://i.ytimg.com/vi/j3HftxMxbfs/mqdefault.jpg)
![Numbers counting up with commas, decimals [ULTIMATE GUIDE] - After Effects 2020 Update](/img/tr.png)
Protect this man at all costs.
Thank you so much 🙏
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.
same
thanks!
same
thankzzs
@@Ganjigpt30 Hello. Do you know what pre-video sound effects are? Thanks a lot
Mate, You are a lifesaver. This is the most simplest, on point, easiest to understand video I saw regarding this. Thank you 3000! ❤
Who is this Guy actually ? The best teacher ever, no one of the best he is so humble 😁
THIS IS THE BEST TUTORIAL! on this subject that I've seen, Thanks man
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 :)
100% completely agree
mine gets [object Property] when I start this expression - I just added a slide to type. pasted code into source text, hilghted value and pickedwhiped the slider and got that.
Same here
keep watching... adding .value.toFixed(2) fixes it
Your teaching style is great. One of the best tutorials i've watched.
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.
You saved my life dude, thanks, the only video that mentions the point instead of comma!
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.
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
To make the commas work with numbers that have 4 or more decimals you can edit the expression like so:
num = effect("Angle Control")("Angle").value.toFixed(4);
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
num = addCommas(num.toString().split('.')[0]) + "." + num.toString().split('.')[1];
"" + num + "";
This will only add commas to the whole numbers and the decimals will stay as they are, text in front and behind can be added inside of the quotation marks on the last line.
You're only one video away. this one got me super motivated ... thanks man
It's so true :) You just need that one. Thank you so much for the super!!
In other videos i had to go through testing on the expression myself to get things done, here we got all the sauce lol thanks man
That was my goal :) happy to hear it helped. Also I have found a new technique to get this effect and it's even easier! Video coming soon :)
Simple and clear explanation, very useful for me.
Thank you for your sharing.👍
Hey,
After copy-pasting the expression and thereafter highlighting value and parenting it to the slider control effect, why is it showing [OBJECT PROPERTY] in place of the text in the preview screen?
Can anyone help me out with this?
I saw this in one of ukramedia's videos. The one in my description I believe... If you add .value after the slider or angle control part it should work. Let me know if it does help
@@Validation Thank you sir, I can confirm, that made it work. I also got the object property text, but it worked. Thanks mate, I subbed, great video keep it up.
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
This is amazing. Just watching to see whether this can be adapted for Apple Motion at the moment!
Thank you! Yeah, not sure with apple motion or other software at the moment. Hopefully there is a solution
In a sea of crap, you are the golden needle of clarity. Thank you sir!!
Thank you man.
You literally answered all the questions.
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.
Absolutely awesome man thanks 🙏🏻
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 🙌🏼
god bless you ! this was thew most useful tutorial ive ever seen !
Thank you so much! Been looking for a way to make this effect for a long time now!
You're very welcome :)
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!
Hello. Do you know what pre-video sound effects are? Thanks a lot
This guy is definitely a hero
Hellooo so cool thank you ! Do you know how to transform the 2.0 in just "2" ??? i would like to have : "2" "2.1" "2.2" etc and NOT "2.0" "2.1" "2.2" etc ^^
So helpful I was looking for this exact effect for so long.
Do the numbers go crazy for anyone else and not increase in normal increments?
Did you use the entirety of the code? But have no fear, I'm making a brand new tutorial on this effect with an even easier method :)
Having the same problem here, while Im trying to animate numbers they just go crazy!
What kind of sound effect you are using for this effect?
@Validation said "
first one from artlist: Ni Sound - Funny Game UI - Ticker Counter
and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
You're honestly the MAN for this!
The angle!! The angle parameter! Yes thank you so much for this!
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?)
great video! highlights everything that you possibly need to know, keep it up
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
Thanks man! Quick, Easy, Perfect Guide.
Extremely helpful and easy to follow! I'm definitely subscribing!
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
Great tutorial ... Thank u.. i learned to make own preset
The result I got was the numbers counting up were very large numbers, like in the beginning with the decimals, however now they have commas instead.
You are the best. Going to use this on my maps animation lol!
sound effect used ?
Have u found it?I rlly need it now,can u share with me if u did so
I also want it
I also want it
@@xqvalie nah bru, i didnt find it.
@Validation said
"first one from artlist: Ni Sound - Funny Game UI - Ticker Counter
and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
Perfect tutorial. Thanks man!
Very helpful thank you so much! What's the sound effect in the first clip of the video? Can't find it anywhere
@Validation said
"first one from artlist: Ni Sound - Funny Game UI - Ticker Counter
and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
Thanks a lot, man
This video helped a lot like all the other videos
this is really really helpful brother thanks!
Thanks bro for this tutorial this number effect is very helpful for my client , can you make a tutorial for Devin style editing
( very very thanks for that )
I’ll look into it :)
I would like to add to the scenario that if you wanna always show 2 (or more, only need to change the number that x length is less than) digits of number when counting down (for example: 1 -> 01), this code would help
x=Math.round(effect("Slider Control")("Slider")).toFixed(0);
while (x.length < 2) x = "0" + x; x
Thank so much. This video was very helpful for me
Hey! So i just tried this, copied the expression and everything, but as soon as i made keyframes for the slider, it still started acting all crazy and showing crazy numbers and decimals. DO you have any suggestions? Should I check something to see if i did it wrong somewhere?
Great video with really valuable information. Thanks!
Amazing content man, happy that there are people like you helping fellow creators like myself 👍
simple and very helpful, thanks
You're welcome 😊
Excellent video, thank you very much sir.
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?
I was looking for this. Thanks, man!
Thanks for this animation. Awesome
Blessings to you sir! This was an amazing video! Thank you!
This is such a great video, you are truly a lifesaver.
my counter effect doenst end up showing in the end result of rendered video, what do I do? can't find any solution
Also what's the soundtrack list for this video pls or only the 1st and 2nd if possible
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.
I did indeed read your mind haha
@@Validation That's twice in a row haha. First ali abdaal tutorial and now this.
Thanks I was looking for it ! We want more cool ae effect tutorial 😊
More on the way!
Bro, thanks for the tutorial🙏Super useful
You are the best bro
😊🙏
I'm wondering, if I wanted to add text after, but also reduce the text size/weight for example with '100km' having a smaller 'km' text, how would I do this and still keep it following the number text as it gets bigger?
Thank you so much... this is a game changer
You’re very welcome! Love this effect so much myself
Thank you so much for the tutorial🙌
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.
You’re so welcome! & thanks for your kind words :)
@@Validationbro can you drop the sfx used in the timer
Hi I want to use this for a square foot measurement, so my questions is, how can this be modified in order to make the '2' on the end, superscript?
IE: 1,250 ft2
This is my current expression but the 2 is too big:
num = effect("Slider Control")("Slider").value.toFixed(0) +"ft2";
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
best tutorial i've ever seen
Amazing Bro.. 🤗
In very easy step, u did it👌
Love from Pakistan 🇵🇰
hi! I have a problem with your tutorial. :(
Each time I past this code and do connection between "value" and "Slider Control" I got an [object] instead of my numbers. what shall I do than?
go to project setting then change script from legacy to java script this will fix your problem
Great video! I used some of your tricks from the Ali video on my last short!
That's awesome man I'll be sure to check them out :)
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?
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...
Where do you get the sound effect for the numbers counting
@Validation said
"first one from artlist: Ni Sound - Funny Game UI - Ticker Counter
and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
thank you a lot, this video is amazinggggg
Perfect, thank you so much!
Which sfx you used in this number counting effect please tell me the name
I used two different sounds, they took me a while to find haha first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter
I'll provide links to both in the videos description :)
followed it once and it worked, now it still leaves me with crazy decimal place numbers
update: this happens if your original text has decimal places in it
Thank you, sir, This is a good Tutorial!
Keep up the good content man, we appreciate it!
Thanks!!
I'm looking forward like this in another software, that is Davinci and Capcut
Really Love Your Content ,
Thank you!
What is the SFX you used for the number counter?
Thanks for this. Is there a way to add a space between the numbers instead of a comma or period?
Question: How do you do this in different number bases? How do you animate numbers in binary?
what's that shutter sound effect that you have used in this video?
thanks for creating such amazing video ❤
I was wondering the same thing, did you ever find a similar sfx for that?
@@M00glemuffins Bro it's the cards stacking or shuffling sound effect.
Its very cool! Thank You!
can you give the counting sound effects in the description thanks
@Validation said
"first one from artlist: Ni Sound - Funny Game UI - Ticker Counter
and the second was from envato: Ticker Tape Machine Rhythmic Clatter "
Thumbnail is amazing
Thank you! :D For a simple design, I still spent a fair bit of time on it!
When I use it to count to 49 mil it displays wayyy more than that and then back to 49 mil its like I need some help man
Thank you for figuring this out bro! Cheers! 🥂
All good man :)
trust me.. this is everything 🥰😇
num = effect("Angle Control")("Angle").value.toFixed(0);
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
PRE CONNECTED TO "ANGLE"
This dude saved us so much headache
🤕
how can i get the counting number sfx? you used
What a G! We're only one video away brother. Cheers.
Nice Trick bro ❤
nice man, thankyouuuu so much its very help me
Thank u this was of great value!