Number Counter Effect in After Effects - Add commas, decimals & symbols
Learn how to animate numbers in Adobe After Effects with this step-by-step tutorial! Whether you're creating a counting animation for social media, explainer videos, or data visualizations, this guide will teach you how to make your numbers look professional. You'll discover how to remove decimals, add commas to large numbers, and include symbols like dollar signs or percentages to enhance your animations.
In this video, you'll learn:
✅ How to create number animations in After Effects
✅ Adding commas to large numbers for better readability
✅ Removing or customizing decimal places
✅ Adding symbols like $, %, or custom text
✅ Using expressions to simplify your workflow
This After Effects number counting effect is perfect for creating eye-catching motion graphics and giving your videos a polished and professional look.
🎬 Copy and paste the 'addCommas' expression from the description to add commas to your numbers!
If you’re looking for more After Effects tutorials on text animation, number animation, or motion graphics, make sure to hit the subscribe button and turn on notifications.
🔗 Timestamps
0:00 – Introduction
0:15 – Setting up your text layer
0:40 – Adding Angle Control Effect
1:10 – Animating the Angle Parameter
1:30 – Removing decimals with expressions
2:00 – Adding symbols to your animation
2:30 – Adding commas for large numbers
📂 Copy this expression for adding commas to your numbers:
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
Project Files:
https://drive.google.com/drive/folder...
Don’t forget to leave a like, comment, and share this video with anyone learning After Effects. Happy animating!
++++++++++++++++++++
Instagram - / vfxshack
++++++++++++++++++++
✦ Credits ©
☆ Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/2050-music/im-go...
License code: PAXCC2PICK1NMVFF
