Master SaaS Animation like Vedu Boi in After Effects | Full Tutorial
4.5K views · 2026-04-17
Motion Design
🎬 Need motion design for your SaaS or product? Work with us: https://simplyputmotion.com
💻 Get Project File & Assets: https://www.patreon.com/cw/Simplyput_
🎉 Get 200+ Premium Projects Files & Assets: https://www.patreon.com/cw/Simplyput_
🎓 Become a Paid Motion Editor → Get 1–1 Coaching: https://coaching.simplyputmotion.com/
0:00 Intro
0:20 Scene 1
6:34 Scene 2
15:21 Scene 3
✅ Master After Effects in 2 weeks - https://www.simplyput.in/s/pages/aftereffects-mastery
Script 1:
var dist = 200;
// assign direction based on character index var dir = (textIndex - 1) % 4;
var x = 0;
var y = 0;
if (dir == 0){
y = -dist; // top
}else if (dir == 1){ y = dist; // bottom
}else if (dir == 2){ x = dist; // right
}else{ x = -dist; // left }
//animation timing
var t = easeOut(time, inPoint, inPoint+1, 1, 0);
[x*t, y*t]
Script 2: Number counter: "+"+effect("Slider Control")("Slider").value.toFixed(0)
If you’ve seen SaaS animations from creators like Vedu Boi, you already know — it’s not about crazy effects. It’s about control, timing, and clean motion.
In this tutorial, I’ll show you exactly how to create premium SaaS animations in After Effects that feel smooth, modern, and actually professional.
This is the same style used in product explainers, startup videos, and high-performing Instagram reels — and once you understand the logic behind it, you can reuse it for almost any project.
We’re not overcomplicating anything here. The goal is simple:
make your animations feel intentional, not random.
In this video, you’ll learn:
• How to structure a clean SaaS animation
• How to animate UI and text smoothly
• Spacing and timing that makes motion feel premium
• Subtle transitions that improve flow
• How to avoid over-animating (big mistake most beginners make)
• A repeatable workflow you can use for clients
If you're working with clients, startups, or building your own brand, this style is one of the most valuable skills you can learn right now.
Software used: Adobe After Effects
Full project file + assets available on Patreon.
Keywords:
saas animation after effects, vedu boi style animation, saas explainer tutorial after effects, clean motion design tutorial, premium animation after effects, ui animation tutorial
#AfterEffects #SaaSAnimation #MotionDesign #VideoEditing #UIAnimation
⭐ MY GEAR & RECOMMENDATIONS:
💻 My Editing Machine (Mac Mini Pro): https://amzn.to/3Mw7E63
🖥️ My Monitor / Desktop Display: https://amzn.to/44GmuNB
🎙️ My Microphone: https://amzn.to/3Xmgy8F
📸 My Camera: https://amzn.to/44Cihug
💡 My Softbox: https://amzn.to/4pJeWlA
🔦 My Key Lights: https://amzn.to/48GTkjP
🖱️ My Mouse: https://amzn.to/4pauTRV
⌨️ My Keyboard: https://amzn.to/3KhLqEk
🎧 My Headphones: https://amzn.to/489ztJV
📷 My Tripod: https://amzn.to/48GKTVE
💸 Best Budget Editing PC Options:
– 🟦 Option 1 (Budget) – https://amzn.to/49OHIMU
– 🟩 Option 2 (Mid-range) – https://amzn.to/440zUDY
– 🟥 Option 3 (High-end Windows) – https://amzn.to/4pIjQzd
💻 Get Project File & Assets: https://www.patreon.com/cw/Simplyput_
🎉 Get 200+ Premium Projects Files & Assets: https://www.patreon.com/cw/Simplyput_
🎓 Become a Paid Motion Editor → Get 1–1 Coaching: https://coaching.simplyputmotion.com/
0:00 Intro
0:20 Scene 1
6:34 Scene 2
15:21 Scene 3
✅ Master After Effects in 2 weeks - https://www.simplyput.in/s/pages/aftereffects-mastery
Script 1:
var dist = 200;
// assign direction based on character index var dir = (textIndex - 1) % 4;
var x = 0;
var y = 0;
if (dir == 0){
y = -dist; // top
}else if (dir == 1){ y = dist; // bottom
}else if (dir == 2){ x = dist; // right
}else{ x = -dist; // left }
//animation timing
var t = easeOut(time, inPoint, inPoint+1, 1, 0);
[x*t, y*t]
Script 2: Number counter: "+"+effect("Slider Control")("Slider").value.toFixed(0)
If you’ve seen SaaS animations from creators like Vedu Boi, you already know — it’s not about crazy effects. It’s about control, timing, and clean motion.
In this tutorial, I’ll show you exactly how to create premium SaaS animations in After Effects that feel smooth, modern, and actually professional.
This is the same style used in product explainers, startup videos, and high-performing Instagram reels — and once you understand the logic behind it, you can reuse it for almost any project.
We’re not overcomplicating anything here. The goal is simple:
make your animations feel intentional, not random.
In this video, you’ll learn:
• How to structure a clean SaaS animation
• How to animate UI and text smoothly
• Spacing and timing that makes motion feel premium
• Subtle transitions that improve flow
• How to avoid over-animating (big mistake most beginners make)
• A repeatable workflow you can use for clients
If you're working with clients, startups, or building your own brand, this style is one of the most valuable skills you can learn right now.
Software used: Adobe After Effects
Full project file + assets available on Patreon.
Keywords:
saas animation after effects, vedu boi style animation, saas explainer tutorial after effects, clean motion design tutorial, premium animation after effects, ui animation tutorial
#AfterEffects #SaaSAnimation #MotionDesign #VideoEditing #UIAnimation
⭐ MY GEAR & RECOMMENDATIONS:
💻 My Editing Machine (Mac Mini Pro): https://amzn.to/3Mw7E63
🖥️ My Monitor / Desktop Display: https://amzn.to/44GmuNB
🎙️ My Microphone: https://amzn.to/3Xmgy8F
📸 My Camera: https://amzn.to/44Cihug
💡 My Softbox: https://amzn.to/4pJeWlA
🔦 My Key Lights: https://amzn.to/48GTkjP
🖱️ My Mouse: https://amzn.to/4pauTRV
⌨️ My Keyboard: https://amzn.to/3KhLqEk
🎧 My Headphones: https://amzn.to/489ztJV
📷 My Tripod: https://amzn.to/48GKTVE
💸 Best Budget Editing PC Options:
– 🟦 Option 1 (Budget) – https://amzn.to/49OHIMU
– 🟩 Option 2 (Mid-range) – https://amzn.to/440zUDY
– 🟥 Option 3 (High-end Windows) – https://amzn.to/4pIjQzd