Interactive UI Text Animation in After Effects (No Keyframes)
134.1K views · 2025-12-01
Motion Design
🛑 Stop manually keyframing text! Learn how to create an *Automated Hover Text Animation* in *After Effects* without a single keyframe.
✨ Auto Text Animation using Submagic: https://submagic.co/?via=stephan42
This smart *proximity technique* is *100% After Effects native* (no plugins) and makes updating text selections fast and flexible. We’ll cover everything from simple straight lines to complex *rotational menus* and *functional UI buttons*.
*Links - Where to find what!*
🤩Get the *Mograph Presets* here for just 12 Eur: You will also be supporting this channel 💖💖 https://gum.co/u/my2h51hh
🎁 Download the *Expressions for FREE* here: https://neuronfx.com/advanced-3d-mograph-in-after-effects
🎥 Create Objects that React to the Effector - Full Video (World Version) - https://youtu.be/dXdh0kCwerM
⬇️ Get the *Intro Project Files* here: https://1.envato.market/QjBbLz
❤ Subscribe to my Patreon ❤ https://www.patreon.com/c/StephanZammit
What we will cover:
0:00 - Introduction - What we will create!
1:00 - Creating a light source
2:20 - Distribute layers vertically to create an array of text layers
3:30 - Adding a Gradient Text Color
4:40 - Using CC Toner to re-adjust colors
6:00 - Animating the linear line of text to add interactive elements
8:50 - How to copy expression only
10:20 - Creating a rotating text scene - text around a circle
11:20 - Quick trick to duplicate layers in a circle
14:10 - Automate text animations and captions using Submagic (sponsor)
18:20 - Animating the rotational text scene
21:50 - How to create proximity auto-reacting animations quickly in After Effects
25:40 - Layer Specific Control for each layer using Mograph Pro
26:40 - Creating a UI Button Animation in After Effects
29:00 - Creating a Button Drop Shadow
32:20 - Animating the UI Buttons
#aftereffectstutorial #textanimation
✨ Auto Text Animation using Submagic: https://submagic.co/?via=stephan42
This smart *proximity technique* is *100% After Effects native* (no plugins) and makes updating text selections fast and flexible. We’ll cover everything from simple straight lines to complex *rotational menus* and *functional UI buttons*.
*Links - Where to find what!*
🤩Get the *Mograph Presets* here for just 12 Eur: You will also be supporting this channel 💖💖 https://gum.co/u/my2h51hh
🎁 Download the *Expressions for FREE* here: https://neuronfx.com/advanced-3d-mograph-in-after-effects
🎥 Create Objects that React to the Effector - Full Video (World Version) - https://youtu.be/dXdh0kCwerM
⬇️ Get the *Intro Project Files* here: https://1.envato.market/QjBbLz
❤ Subscribe to my Patreon ❤ https://www.patreon.com/c/StephanZammit
What we will cover:
0:00 - Introduction - What we will create!
1:00 - Creating a light source
2:20 - Distribute layers vertically to create an array of text layers
3:30 - Adding a Gradient Text Color
4:40 - Using CC Toner to re-adjust colors
6:00 - Animating the linear line of text to add interactive elements
8:50 - How to copy expression only
10:20 - Creating a rotating text scene - text around a circle
11:20 - Quick trick to duplicate layers in a circle
14:10 - Automate text animations and captions using Submagic (sponsor)
18:20 - Animating the rotational text scene
21:50 - How to create proximity auto-reacting animations quickly in After Effects
25:40 - Layer Specific Control for each layer using Mograph Pro
26:40 - Creating a UI Button Animation in After Effects
29:00 - Creating a Button Drop Shadow
32:20 - Animating the UI Buttons
#aftereffectstutorial #textanimation