QUICK TIP: Animated Number Counter with After Effects
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. ____________________________________________ Check out our online store here for some freebies: https://nativelyornate.studio/shop ____________________________________________ Work with us here: https://nativelyornate.studio/ Sign up to our newsletter: https://nativelyornate.studio/newsletter ____________________________________________ 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: “\n” + ____________________________________________ Natively Ornate is a motion design & video editing channel focused on high-end visuals, animation, and helping you to create great videos and content! Whether it’s cinematic interfaces, next-gen visuals, or stunning VFX breakdowns, we’re here to help motion designers and video editors *level up their craft* in Adobe After Effects and beyond. ____________________________________________ 🔍 Keywords: After Effects number counter, slider control, AE numbers, ticker, UI animation tutorial, Adobe After Effects tutorial, Adobe, count, learn, tutorial, count numbers in after effects with a comma ____________________________________________ 👋 Subscribe for deep-dive tutorials and visual experiments you won’t find anywhere else. #aftereffects #motiongraphics #countingnumbers #aftereffectstutorial #tutorial #quicktip #speedrun #commas #aftereffects2023 #aftereffectsspeedrun #animatednumbercounter #animatednumbers #ae
