dylantarre avatar

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-code

Installs 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
1dylantarre avatarattention-directiondylantarre/animation-principlesUse when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy a586skills.sh installs
2dylantarre avataricons-badgesdylantarre/animation-principlesUse when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback581skills.sh installs
3dylantarre avatararc-masterydylantarre/animation-principlesUse when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.578skills.sh installs
4dylantarre avatarfollow-through-overlappingdylantarre/animation-principlesUse when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.578skills.sh installs
5dylantarre avatarslow-in-out-masterydylantarre/animation-principlesUse when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.572skills.sh installs
6dylantarre avatarspatial-thinkingdylantarre/animation-principlesUse when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or mainta572skills.sh installs