How to Animate A Percentage Number from 0-100% in After Effects | Tutorial

20,000+ After Effects Templates: bit.ly/Unlimit... In this After Effects tutorial, we'll show you how to create a simple yet effective animation that displays a percentage number going from 0 to 100% over time. This technique can be useful for a variety of projects, from progress bars to infographics, and it's easy to customize to match your desired style.
20,000+ Templates For After Effects and Premiere Pro: bit.ly/Unlimit...
Save time and produce amazing work with our Extension Window that allows you to preview templates in After Effects and Premiere. Then quickly change your template within seconds to fit your needs!
First, we'll create a new composition and add a text layer to display our percentage number. We'll then use the text animator feature to animate the number from 0 to 100%, adjusting the speed and easing to create a smooth and natural transition.
Next, we'll add some visual elements to enhance the animation, such as a background color or shape layer, and we'll explore different ways to animate them along with the text. We'll also show you how to use expressions to link the text animation to other properties, such as the size or position of other layers, to create more complex effects.
Throughout the tutorial, we'll provide step-by-step instructions and tips on how to optimize your workflow and achieve the best results. We'll also share some examples and inspiration to help you take your animations to the next level.
#aftereffects #sonduckfilm #motiongraphics

[@sonducktut]

Please be sure to DROP A LIKE on this video :)
► 100 Free Premiere Pro & After Effects Template Pack: www.sonduckfilm.com/tutorials/duck-pack/
► 20,000+ Templates for After Effects and Premiere Pro: bit.ly/UnlimitedEditingTemplates

[@dheniffiii9438]

LOVE THIS

[@arpitrawat5035]

Math.round(thisComp.layer("Settings").effect("Slider Control")("Slider")) + "%"

[@benditocrispydog]

Bendito seas, gold keyframes for you 🔶🔸🔸🔸🔶

[@sleepcity8363]

Спасибо ..:)

[@jeric555]

what do I do if I need to put decimals in the %?

[@medupemokone8503]

nice. How would you add a decimal

[@cineloverbd5468]

this code is not wor king in mac

[@SkiZofriendz]

Instead of spelling character by character the expression, just C/P it in the description and explain what it exactly does in the video?
Here is the expression for futur viewers:
"$" + Math.round(thisComp.layer("Settings").effect("Slider Control")("Slider")) + "%"

[@Nookinfashion]

Thanks so much for the video! How would I make the loading bar appear only on a certain snippet of my video?

[@chriswojcicki8764]

When I place a shape behind all of this as a background and add a transform (position, size, etc...) the chart/elipse shapes disappear with this expression code in place. The only way I've found (so far as I'm working quickly) to counter it is to create a pre-compose layer of the stat and ellipse chart then create the background separate from the pre-composed layer underneath it in the comp. If you know of any other ways to avoid these from disappearing would love to know!