
Solid Drawing Mastery
This one's for when you need animations that feel dimensionally correct, not just moving flat shapes around the screen. It enforces the principle that objects should maintain consistent volume and perspective through motion, whether you're rotating a UI card with proper vanishing points or ensuring a character's head doesn't accidentally grow during a turn. The construction approach is solid: define the 3D form and center of mass first, then animate with that spatial model in mind. Most useful when your transforms feel "off" and you can't figure out why. It's usually a solid drawing violation like flat rotation instead of perspective, broken weight distribution, or inconsistent scale.
- skills.sh installs
- 593
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill solid-drawing-mastery --agent claude-codeInstalls into .claude/skills of the current project.
Files
Solid Drawing Mastery
The Dimensional Principle
Solid drawing means creating the illusion of three-dimensional form, weight, and volume. In traditional animation, it meant understanding anatomy, perspective, and form. In digital motion, it means ensuring transforms and movements feel grounded in physical space, not flat manipulations of 2D shapes.
Core Theory
Form over symbol: Beginning animators draw symbols (a circle for a head, lines for arms). Master animators draw forms—volumes that exist in space with weight and dimension.
Construction consistency: Objects must maintain consistent volume and proportions throughout motion. A character's head shouldn't grow when they turn. A box shouldn't warp into a trapezoid.
The Three-Dimensional Challenge
Animation exists in time, but also in space. Solid drawing ensures:
- Volume consistency: Objects don't accidentally grow or shrink
- Perspective accuracy: Rotations follow dimensional rules
- Weight presence: Forms feel like they have mass occupying space
- Structural integrity: Objects don't collapse or warp incorrectly
Elements of Solidity
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Animator Traditional591
- Motion One589
- Naturalistic Motion589
- Attention Direction586
- Squash Stretch Mastery583
- Fintech Banking581
- Icons Badges581
- Staging Mastery581
- Gesture Responses579
- Arc Mastery578
- Follow Through Overlapping578
- Gaming Entertainment578
- Appeal Mastery577
- Accessibility Advocate576
- Anticipation Mastery575
- Entrance Animations572
- Modals Dialogs572
- Slow In Out Mastery572
- Spatial Thinking572
- Ux Researcher571
- Excitement Energy570
- Anticipation Payoff568
- Calm Relaxation566
- Joy Delight566