
Video Motion Graphics
This translates Disney's 12 animation principles into After Effects and Premiere Pro techniques, which is genuinely useful if you're doing motion graphics without formal animation training. You get implementation guidance for each principle (squash and stretch becomes overshoot expressions, anticipation becomes wind-up keyframes), plus ready-to-use expressions for elastic motion and layer staggering. The timing reference table is practical for common elements like text reveals and lower thirds. It's opinionated about things like never using linear keyframes and choosing frame rates, which saves you from rookie mistakes. Best for someone who knows the tools but wants their motion to feel more intentional and less like default After Effects presets.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 21
- skills.sh installs
- 2.7K
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill video-motion-graphics --agent claude-codeInstalls into .claude/skills of the current project.
Files
Video Motion Graphics
Apply Disney's 12 animation principles to After Effects, Premiere Pro, and video motion design.
Quick Reference
| Principle | Motion Graphics Implementation |
|---|---|
| Squash & Stretch | Overshoot expressions, elastic motion |
| Anticipation | Pre-movement, wind-up keyframes |
| Staging | Composition, depth, focus pulls |
| Straight Ahead / Pose to Pose | Frame-by-frame vs keyframe animation |
| Follow Through / Overlapping | Delayed layers, expression lag |
| Slow In / Slow Out | Graph editor curves, easing |
| Arc | Motion paths, rotation follows path |
| Secondary Action | Environment response, particle systems |
| Timing | 24/30/60fps considerations |
| Exaggeration | Scale beyond reality, dramatic motion |
| Solid Drawing | Z-space, 3D consistency, parallax |
| Appeal | Smooth, professional, emotionally resonant |
Principle Applications
Squash & Stretch: Use scale property with different X/Y values. Overshoot expressions create elastic motion. Shape layers deform more naturally than pre-comps for organic squash.
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Categories
- Documentation, Design & UI/UX
- First seen
- May 16, 2026
More from dylantarre/animation-principles
All 144- Mobile Touch2.4K
- Framer Motion1.8K
- Motion Designer1.7K
- Micro Interactions1.5K
- Web Motion Design1.4K
- Scroll Animations1.2K
- Game Designer1.1K
- After Effects975
- Filmmaker943
- 3d Spatial824
- Gsap Greensock779
- Css Native760
- Saas Productivity757
- Game Development750
- Page Transitions718
- Fitness Wellness709
- Presentations705
- E Commerce Retail690
- Educator Teacher690
- Accessible Motion689
- Anime Js682
- Emotional Narrative674
- Rhythm Pacing663
- Healthcare Medical654