I watched this video 4 years ago to learn how to do it. I promised myself I will always remember how to do it! I never remember how to do it and always come back to this video. THANKS!
If you want it to automatically add commas: num = Math.round(effect("Slider Control")("Slider")); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)
Thanks you just saved me another 20 minutes of searching forums! And you can change how many decimal places by changing d to 10, 100, 1000 etc. The number of 0s is how many decimal places.
add text - fx: slider control = drop onto text layer. 0:58 Text layer - Source text, Alt click to open expression cmd line. 1:18 Effects - pickwhip Source text expression to Effects slider control. 1:27 Add Math.round( ) function around your auto generated expression
Math.round only gives you half of the first and last number because it changes at x.5. Use math.floor when counting up and math.ceil when counting down.
for triple digits counter animation effect in #aftereffects x=Math.round(effect("Slider Control")("Slider")).toFixed(0); while (x.length < 3) x = "0" + x; x
perfectly done. Quick, direct, straight to the point and simple. No extras, no explanation of extreme basics (how to create a comp, etc), no discussion of what you read on fakebook today or what you had for lunch, just a quick fast tutorial. Anyone who wants to make tutorials online, PAY ATTENTION! This is how it's done. Thank you!
Thank you! Credit to @Derin İlkcan Karakoç but just so this is more visible to people, this is how you round up in k's (needed to do this for my UA-cam Channel :) Math.round(effect("Slider Control")("Slider") / 100)/10 + "k"
For one symbol after dot: Math.round(effect("Slider Control")("Slider")*10)/10 For two symbol after dot: Math.round(effect("Slider Control")("Slider")*100)/100 ... To add a percent sign: Math.round(effect("Slider Control")("Slider")*100)/100 + "%"
Change whatever you had in source text by: num = Math.round(effect("Slider Control")("Slider")); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)
is there anyway to add "% complete" to the same text layer? or do I have to do it in a separate layer? edit: nvm I figure it out, if anyone wants to do that (or put any other text after or even before the counter, in the same layer): Math.round(effect("Slider Control")("Slider"))+"% complete"
This is great, thanks. How can you control the speed? For example, I would like to count up dates (1800 to 2018) but it needs to change slowly at the start, then speed up and then slow down again when arriving close to 2018. A bit like you would use easy ease on motion. Cheers :)
Good tutorial. Is there a way for the ever larger numbers to be displayed to the left of the starting zero figure rather than them being centred round the zero figure?
Hi! i dont know if i arrived late, but my solution was select the number, and apply center text in the paragraph box. After that, i used align, to put the text is in the center.
how can we turn this into a MOGRT to use in premiere pro where you can easily adjust the numbers inside of PP instead of going back to AE? so a starting point number and end number? and also have a unit like %?
@Dayton Carson lol I looked your and Gideons account up and both of you created your accounts on the same day around a month ago! Isn't that a crazy coincidence?
if you want to add a percent sign or other numbers/characters after the changing number... after the expression string for the slider control, add a space, + space, then "%"" Like this: Math.round(effect("Slider Control")("Slider"))+ "%"
I'm curious as to how you got the number to always stay centered even when it changed the amount of digits, when mine changes the amount of digits it will shift out of place until the last number 0 is on the left most side (I'm doing a countdown), is there a simple fix for this? (My anchor point is centered)
@@Eli-21 yeah, I centered the anchor point and also aligned to the center. This is the final result!: ua-cam.com/video/L9mzS9OMXF4/v-deo.html Edit: (its 3am and this had to be done before upcoming class in a couple hours)
If decimal digits are needed, INCLUDING ",0" zero values, for example going 9,9 - 10,0 - 10,1. Also change the Number of digits before and after the comma, by changing the value of the variables. val = effect("Slider Control")("Slider"); Number_of_Decimal_Digits = 1; Number_of_Normal_Digits = 1; sign = ""; s = Math.abs(val).toFixed(Number_of_Decimal_Digits); while (s.length < Number_of_Normal_Digits + Number_of_Decimal_Digits + 1) s = "0" + s; sign + s Add +"%" at the end, or any symbol or currency, to show it together with the number.
hey i want to animate a custom number and not a rounded up number, like ex i wanted to animate this particular 7,93,34,127 number but its rounding up tp 100,000 or more rounded figure.. how do i stop that from happening?
Can you adjust it so that it can count up by a certain number? Say, 1,000? I need to get from $0 to $120,000,000 in a very short video so counting by 1 will make the numbers almost unrecognizable since they would be moving so fast. Thanks!
What if, rather than rounding the number, I wanted to have it only go up to a certain decimal place? Like what if I wanted to go from a number like 4.7 up to 8.5 for example? And what if I wanted to have it sort of blur through the numbers as it counts up? Got any suggestions for how I could do that?
I watched this video 4 years ago to learn how to do it. I promised myself I will always remember how to do it! I never remember how to do it and always come back to this video.
THANKS!
Thanks for coming back, Lukas!
yep why won’t this go into my head!!?
Same! xD
wow me too lol
I'm exactly the same boat. Done it a million times. Always forget the expression. For anyone else it's: Math.round(effect("Slider Control")("Slider"))
If you want it to automatically add commas:
num = Math.round(effect("Slider Control")("Slider"));
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
The world needs more people like you. Thank you man!
legend in the making.
thanks This is the real deal!
Thanks!!
Thanks cause this shit was going haywire my man!
If you want it to have 2 decimal points, change the code to:
n = effect("Slider Control")("Slider");
d = 100;
Math.round(n*d)/d
Thanks you just saved me another 20 minutes of searching forums!
And you can change how many decimal places by changing d to 10, 100, 1000 etc. The number of 0s is how many decimal places.
You are a life-saver dude. Thanks.
What if you want it to have a comma when you get to 1,000 and up?
and if i want a + infront?
How do I make it go above 1 million it seems whatever number I put in over 1 million it always resorts back to 1 million.
add text - fx: slider control = drop onto text layer. 0:58
Text layer - Source text, Alt click to open expression cmd line. 1:18
Effects - pickwhip Source text expression to Effects slider control. 1:27
Add Math.round( ) function around your auto generated expression
this is great! no annoying music, just pure clean talking and instructions, thnx man, keep up the good work.
Math.round(effect("Slider Control")("Slider"))
ما هذه اللغة يا صاح
thx
thanks!
Math.round only gives you half of the first and last number because it changes at x.5. Use math.floor when counting up and math.ceil when counting down.
@@4jp Jeff, *THANK YOU!* Took me finding your comment to figure out how to solve my expression error when typing Math.round. You rock!
for triple digits counter animation effect in #aftereffects
x=Math.round(effect("Slider Control")("Slider")).toFixed(0);
while (x.length < 3) x = "0" + x; x
Huge thanks for this!
❤
My man. Just what I needed!
Our savior! haha thanks!
For me this worked better :
x = Math.round(effect("Slider Control")("Slider")).toFixed(0);
x.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
To solve text going to the left or to the right, you have to align it in Paragraph Options.
Legend
OMG you're life saver! TQ very much for mention it! it does works for me !
perfectly done. Quick, direct, straight to the point and simple. No extras, no explanation of extreme basics (how to create a comp, etc), no discussion of what you read on fakebook today or what you had for lunch, just a quick fast tutorial. Anyone who wants to make tutorials online, PAY ATTENTION! This is how it's done. Thank you!
I've been watching this video for years. Finally, I did it without needing to watch it again. I still thought I would come back for old time sake.
Update: I've forgotten how to this and now I'm back again :)
I dont know where you are, but thank you man. Even after 8 years, this still helps
8 years later and still good, quick and right to the point, amazing
Did I learn something? Absolutely! Do I now have twelve more questions about AE? Certainly!
THANK GOD FINALLY SOMEONE WHO GETS TO THE POINT FAST!!! THANK GOD, AND THANK YOU, Patrick
You are way above average in your delivery and speaking ability, more tutorials please!
τττττττττττ959856τθιο;ααωψχοσςιςσε3οε3ιθιρτ5διοεδοεοττρυηυ6υ55τγτρ
Thank you!
-Desperate animator at 4:48am.
5:40 AM
I feel the same as you do pal. Hope you got the job done.
@@matvte 0:00
bruh, after effects never cease to amaze with it's possibiities. and thank you for this amazing tutorial!
PERFECT TUTORIAL!!! Fast and to the point. No long-winded intro. GREAT!!!
When he says alt+y on pc at 0:37 he means ctrl+y
How do you make your numbers aligned? Mine keep shifting as the numbers get higher.
I've watched this video at least 50 times and it works every time
Even after 8 years it's still so helpful!!
Woah.... Who'd have thought Roman from Succession would be such a good After Effects tutour. Thanks dude!
Awesome tutorial!! Just one piece of advise, Math has to be with a capital M otherwise won't work, spent 10 minutes trying to figure it out!
thanks, dude. saved my life in a job today!
Thank you! Credit to @Derin İlkcan Karakoç but just so this is more visible to people, this is how you round up in k's (needed to do this for my UA-cam Channel :)
Math.round(effect("Slider Control")("Slider") / 100)/10 + "k"
I love you
Easy to understand. Thanks
you are amazing homie, i hope you can see that eight years later your video is still useful, thanks
Most worthy 5 min of my day. Thank you very much!
1312@242 Elizabeth AGREED
Awesome! Now looking into adding a speed ramp and some motion blur
I always come back to this video!!! TKS
Thank you so much! It worked like a charm. I do have one question, is there a way to insert a comma and/or $ signs to get $100,000.00 for instance.
use this: "$" + Math.round(effect("Slider Control")("Slider"))
@@kahveciderin what if we want counting in k...like 1k or 2k...what do we do then?
@@mefrompast divide by 1000, then round and add + "k" at the end
@@mefrompast Untested but should work: Math.round(effect("Slider Control")("Slider") / 1000) + "k"
@@kahveciderin IT IS WORKING!
THANK YOU SOO MUCH!!!
Thanks, dude, you rock! Saved me a ton of time. Subscribed.
Hey, great tutorial! How can I make this animation with numbers with percentage and separated by comma. Ex.: 75,2% ?
For one symbol after dot: Math.round(effect("Slider Control")("Slider")*10)/10
For two symbol after dot: Math.round(effect("Slider Control")("Slider")*100)/100
...
To add a percent sign: Math.round(effect("Slider Control")("Slider")*100)/100 + "%"
HERO
Change whatever you had in source text by:
num = Math.round(effect("Slider Control")("Slider"));
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
@@CCOOCatalunya Legend!
@@CCOOCatalunya hero
What a last minute saviour..thanx!
is there anyway to add "% complete" to the same text layer? or do I have to do it in a separate layer?
edit:
nvm I figure it out, if anyone wants to do that (or put any other text after or even before the counter, in the same layer):
Math.round(effect("Slider Control")("Slider"))+"% complete"
i copied that and it doesn't work... tried many versions of it and nothing worked
can you help me out?
FINALLY! This should be top result for finding how to do this, thank you!
Useful and to the point. Highly appreciated 💯
you are so much interactive. enjoyed your way of talking. That energy. subscribed
Thank you! I also run a channel on everything for Premiere Pro if you'd like to check it out: ua-cam.com/users/austinnewman
Thanks mate, it still so much helpful till now
This video still make alot os sense like 4 years later. Thanks man
Dude, great tutorial, I have one day until I finish my first feature and I was dreading this last little effect until seeing this video.
Finding for so many hrs...finally, thankyou so much man, god bless you😇
Very quick and Helpful while I was in a bind on a freelance gig!
Thanks Patrick!
You made me much less scared of expressions in AE.
Glad it was helpful. Thanks for watching!
This is great, thanks. How can you control the speed?
For example, I would like to count up dates (1800 to 2018) but it needs to change slowly at the start, then speed up and then slow down again when arriving close to 2018.
A bit like you would use easy ease on motion.
Cheers :)
Good tutorial. Is there a way for the ever larger numbers to be displayed to the left of the starting zero figure rather than them being centred round the zero figure?
Hi! i dont know if i arrived late, but my solution was select the number, and apply center text in the paragraph box. After that, i used align, to put the text is in the center.
@@Yzaiaz Thank you so much. I was having this problem as well!
how can we turn this into a MOGRT to use in premiere pro where you can easily adjust the numbers inside of PP instead of going back to AE? so a starting point number and end number? and also have a unit like %?
Great tutorial. Still helping people even after 5 years. Thanks a lot!
Thank you so much!! You just saved me from spending HOURS figuring this out.
I can quote this video, but still need it cause I'm always so close but a little off. Love this guys voice and think he is hilarious
thanks that was awesome
@Dayton Carson lol I looked your and Gideons account up and both of you created your accounts on the same day around a month ago! Isn't that a crazy coincidence?
Legend, super easy to follow!
In the beginning he says ALT+Y on pc but it's actually Control+Y
thanks man
yeah it really creates confusion to beginners like me but thankfully I have used ps for 5 yrs so I knew he is wrong for that
if you want to add a percent sign or other numbers/characters after the changing number...
after the expression string for the slider control, add a space, + space, then "%""
Like this:
Math.round(effect("Slider Control")("Slider"))+ "%"
Hi m8, i tried to do that but the counter stops to 100, can you help me?
aewsome help
Awesome video man, thanks a lot. How would I make the numbers to be decimated by "," like currency is?
I searched for easy and useful tutorial in the Net , Now i can say your tutorial is the best for this topic
TNX
Dude I literally just applauded this. I promise the hours you've saved me will be put to good use :)
You are incredible, a genius explaining, I was able to do it super easy and fast, I thank you very much ! Saludos desde Argentina
Awesome, life saver! It's actually Ctrl + Y for New layer on PC ;)
Where can I find the CC vignette on Ae? I don't see it under Stylize
are you working with After Effects CC? If you search in your effects panel, you should find it under stylize.
yep, I am working on Adobe After Effects CC 2015, but i don't see it there.
That's strange. You may have to create a new black layer, add an oval mask around it and turn the feathering on the mask up.
Thanks bro, I really needed this.
Thank you so much, not just for the technique but the commentary as well!!! 😂😂😂
Thanks, great tutorial !
you're the goat man, thanks!
First tutorial that is just clean and it works right away, thank you!
Thanx a lot man seriously you save my time & energy. God Bless you
I'm curious as to how you got the number to always stay centered even when it changed the amount of digits, when mine changes the amount of digits it will shift out of place until the last number 0 is on the left most side (I'm doing a countdown), is there a simple fix for this? (My anchor point is centered)
probably change the paragraph setting to centered
same problem
same problem...
renevank I think the way I solved it was by re-centring the x position on the frame it changes the amount of digits
@@Eli-21 yeah, I centered the anchor point and also aligned to the center. This is the final result!: ua-cam.com/video/L9mzS9OMXF4/v-deo.html
Edit: (its 3am and this had to be done before upcoming class in a couple hours)
THANKS IM GOING TO USE THIS
old but gold
Is there a template I can use for final cut pro?
Thanks! I'm having difficulty keeping the number centred while it's climbing. Any thoughts?
after 7 years, you are still a Legend! Thank you for a very clear tutorial and positive energy in the video
Thank you mate for the tutorial. I have a question though, how do you round up 0.5? Thanks
If decimal digits are needed, INCLUDING ",0" zero values, for example going 9,9 - 10,0 - 10,1. Also change the Number of digits before and after the comma, by changing the value of the variables.
val = effect("Slider Control")("Slider");
Number_of_Decimal_Digits = 1;
Number_of_Normal_Digits = 1;
sign = ""; s = Math.abs(val).toFixed(Number_of_Decimal_Digits); while (s.length < Number_of_Normal_Digits + Number_of_Decimal_Digits + 1) s = "0" + s; sign + s
Add +"%" at the end, or any symbol or currency, to show it together with the number.
hey i want to animate a custom number and not a rounded up number, like ex i wanted to animate this particular 7,93,34,127 number but its rounding up tp 100,000 or more rounded figure.. how do i stop that from happening?
Love you man.
7 years later... THANKS! quick n easy
En castellano es "Control de deslizador"
te amo
nice! what about a nickel machine version?
Man! I just saw this video, you are amazing! Nice job!
Thanks a lot for this trick, Patrick !
Did it in 5 minutes. Thanks bro.. 👌🏽
Is there a way to include a comma (,) when it ticks over 1,000?
You just saved a bro, thanks man
Thank you for the short on sweet tutorial!
PLEASE HELP!!!! When I do the numbers in the slider control, numbers like 600 convert into 60, 130,000 converts into 130. Why is it ding this/??
Math.round(effect("Slider Control")("Slider")).toFixed(60)
thanks bro you're a gem :)
Any idea how to make the numbers round to nearest 10 or 100?
OMG this actually worked !
Awesome man. I even learned about shadows!
Hi! one question, is possible to make with percents? Thanks!
Can you adjust it so that it can count up by a certain number? Say, 1,000? I need to get from $0 to $120,000,000 in a very short video so counting by 1 will make the numbers almost unrecognizable since they would be moving so fast. Thanks!
I watched this video 7 years ago to learn how to do it THX
You're so funny. XD I can't tell if you love or hate doing these tutorials but either way it's hilarious.
Thank you for this awesome tutorial!
What if, rather than rounding the number, I wanted to have it only go up to a certain decimal place? Like what if I wanted to go from a number like 4.7 up to 8.5 for example? And what if I wanted to have it sort of blur through the numbers as it counts up? Got any suggestions for how I could do that?
Seiferus try using motion blur
Incredibly worthy! Thanks from Mexico
That's awesome man! Thanks so much!
I have a question. How do you make it change colour/font when it reaches a certain number?
I learned something. THANK YOU! To the point and painless.
speed can be slow or not??
did someone have source code of number count frm 1 - 1.000.000 with slow speed count??
So simple and easy. Thanks!
Thanks my man, that did a number!