How to EASILY animate numbers with commas, symbols, decimals... everything! A 3 minute tutorial that explains every part of this effect. Let's get straight to the point because this is an easy one to forget.
Learn how to create an animated number count effect in After Effects. I'll show you how to use a Slider with expressions to animate the numbers counting up, as well as how to add decimals, symbols, commas and any additional text. This trick is quite an easy one to forget and it took me a long time to lodge it in to my brain. So hopefully this speed run can help you remember how to do it.
____________________________________________
Hey! 👋 If you’re new here, (and welcome back if you’re not!) we are Natively Ornate Studios. On our channel you will find tutorials and tips on all things video making & editing, workflow solutions, Motion Design & AI. Expect content on After Effects, Cinema 4D, Octane, and new emerging technology.
📝If you want to learn more, subscribe and keep an eye out for our latest videos! We will be bringing you lots more tips and tricks for beginners 👨‍🎓, to help you get the hang of motion design, as well as more advanced content such as plug ins, scripts and expressions for the more experienced designers! 💪
____________________________________________
EXPRESSIONS USED:
////// Dollar sign with commas and two decimal places:
num = effect("Slider Control")("Slider").value.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
"$" + num
////// Code for adding commas:
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
////// Rounding just to whole numbers:
Math.round()
Adding a line break:
+ “
” +
____________________________________________
Check out our online store here for some freebies:
nativelyornate.gumroad.com/
____________________________________________
HIDDEN TIP: Earn money on your Stock Photos & Videos here:
submit.shutterstock.com/?rid=...
____________________________________________
RECORDING EQUIPMENT:
My Microphone - amzn.to/3D2eMzy
My Audio Interface - amzn.to/3J51Ywo
XLR Cable - amzn.to/3iWdpM3
____________________________________________
Don't forget to subscribe and follow on social media for more tips and tutorials:
/ nativelyornate
Website: nativelyornate.com/
#aftereffects #motiongraphics #countingnumbers #aftereffectstutorial #tutorial #quicktip #speedrun #commas #aftereffects2023 #aftereffectsspeedrun #animatednumbercounter #animatednumbers #ae