Animating Numbers Counting Up In After Effects | Beginner Tutorial
Вставка
- Опубліковано 25 сер 2024
- Learn how to make numbers count in After Effects less than five minutes! Easy tutorial as always!
Don't forget the expression Math.round( )
It starts with capital M!
If you enjoy the video, make sure to subscribe to give your next video that added value in 5 minutes or less.
Get the latest version of After Effects here:
bit.ly/AustinA...
My Filmmaking Gear:
▶︎ Sony a6300 amzn.to/2mTTFJt
▶︎ Canon C100 amzn.to/2mkKQFr
▶︎ Ricoh Theta S (360 cam) amzn.to/2mkxHwl
▶︎ GoPro Hero Session amzn.to/2nmWbpm
▶︎ Neewer Stabilizer $89 amzn.to/2lUjf1W
Want to request a video? Tweet to me!
/ learnaein5
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"))
Math.round(effect("Slider Control")("Slider"))
whats that
@@huhiceybro watched 9 seconds of the vid before his attention span made him go to the comments 💀
@@d3nie get of my fuhn dik cuh u prolly da one dat went str8 to da comments u got no motion
this is great! no annoying music, just pure clean talking and instructions, thnx man, keep up the good work.
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 :)
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!
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.
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!
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!
Thanks, dude, you rock! Saved me a ton of time. Subscribed.
THANK GOD FINALLY SOMEONE WHO GETS TO THE POINT FAST!!! THANK GOD, AND THANK YOU, Patrick
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
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 !
Did I learn something? Absolutely! Do I now have twelve more questions about AE? Certainly!
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
PERFECT TUTORIAL!!! Fast and to the point. No long-winded intro. GREAT!!!
I dont know where you are, but thank you man. Even after 8 years, this still helps
bruh, after effects never cease to amaze with it's possibiities. and thank you for this amazing tutorial!
Most worthy 5 min of my day. Thank you very much!
1312@242 Elizabeth AGREED
Woah.... Who'd have thought Roman from Succession would be such a good After Effects tutour. Thanks dude!
Awesome! Now looking into adding a speed ramp and some motion blur
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
Dude I literally just applauded this. I promise the hours you've saved me will be put to good use :)
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!
you are amazing homie, i hope you can see that eight years later your video is still useful, thanks
You are way above average in your delivery and speaking ability, more tutorials please!
Great tutorial. Still helping people even after 5 years. Thanks a lot!
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?
First tutorial that is just clean and it works right away, thank you!
after 7 years, you are still a Legend! Thank you for a very clear tutorial and positive energy in the video
Easy to understand. Thanks
thanks, dude. saved my life in a job today!
Even after 8 years it's still so helpful!!
I've watched this video at least 50 times and it works every time
Love you man.
How do you make your numbers aligned? Mine keep shifting as the numbers get higher.
I watched this video 7 years ago to learn how to do it THX
Love this type of video, really helpful and straight to the point! Thank you so much!
Thanks, great tutorial !
When he says alt+y on pc at 0:37 he means ctrl+y
Finding for so many hrs...finally, thankyou so much man, god bless you😇
I searched for easy and useful tutorial in the Net , Now i can say your tutorial is the best for this topic
TNX
FINALLY! This should be top result for finding how to do this, thank you!
Dude! Simple and clean, AND FINALLY! The expression for the round numbers! Thanks a lot!
I always come back to this video!!! TKS
This video still make alot os sense like 4 years later. Thanks man
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.
Wow that's one way of earning an instant subscription, well at least for me. I subscribed before the video even ended because it was that great. Thanks man
Thank you so much!! You just saved me from spending HOURS figuring this out.
thnks brooo
This was precisely what I needed to illustrate my crippling debt!
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"
I love you
Thank you!
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
Thank you
I was seriously looking for Slider Controls in CS6 till I almost gave up, coz no one was explaining it out in details online (alt+Right Click), But you finally made my day's Tutorial...Thank you.
Thank you so much, not just for the technique but the commentary as well!!! 😂😂😂
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!
You are incredible, a genius explaining, I was able to do it super easy and fast, I thank you very much ! Saludos desde Argentina
Thanks mate, it still so much helpful till now
Thanks my man, that did a number!
5th time in 3 years I've been back here - why can't I learn lol
thanks for the help!!
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
THANKS IM GOING TO USE THIS
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!!!
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!
You just saved a bro, thanks man
Thanx a lot man seriously you save my time & energy. God Bless you
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 :)
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?
Man! I just saw this video, you are amazing! Nice job!
you're the goat man, thanks!
Legend, super easy to follow!
I learned something. THANK YOU! To the point and painless.
Amazing!! Thanks for making it so easy and fun to learn this
I know this video is almost 3 years old but straight to the point, and showed me exactly what I was looking for! Thanks!
THANKS
Thanks for watching!
so simple - yet effective! thanks for the great tutorial.
Thank you my guy
Thanks bro, I really needed this.
Perfect! Short and sweet
thanks, rarely use that option so this video is a great reminder, thank you for your time and effort !
Awesome Tutorial! Thank you.
Crazy, man! Tnx a lot! Who thought this would be so easy?
Thank you so much, this short tutorial is great! Thank you also for the little shadow tip ;) I subscribe now!
It worked. thanks
You sir have a subscriber. I love the delivery of the content. Keep it up 👍🏾
Great lesson - big thanks!
Thank you so much
Help me a lot, thanks bro!
That's awesome man! Thanks so much!
Thank you man !! you really help !
Straight to the point, thank you!
Thanks a lot for this trick, Patrick !
So simple and easy. Thanks!
Thank you for the short on sweet tutorial!
Due to the great way of teaching and going straight to the point, you Sir!deserve a thumbs up and a new subscriber. Thank you for this wonderful video you have just earned a new subscriber take care.
OMG THANK YOU
I can't thank you enough, you're a life savor!
The video was very helpful, thank you!