Skip to main content

← Blog

10 Principles of Motion Design

02 March 2018

Brush Ninja is designed to be simple to use so that anyone can animate, but that doesn’t reduce the skill needed to make fantastic animations. This animated gif shows 10 principles of motion design that will help to make your animations engaging to watch.

  1. Timing, Spacing and Rhythm
  2. Eases
  3. Mass & Weight
  4. Anticipation
  5. Arcs
  6. Squash, Stretch and Smears
  7. Follow through and Overlapping action
  8. Exaggeration
  9. Secondary or layered action
  10. Appeal

I find it’s good to look over these rules periodically to remind myself of how useful they can be.

Splatter Balls T-Shirts

Related Posts

The Illusion of Life

27 March 2018

There’s so much to learn from Disney, these 12 basic principles are only the start - but they’re a really good one. Following these principles helps to make animations feel more energetic or alive. You can use them to different degrees depending upon the style of animation you are using....

Progress Update

28 April 2018

Recently I have been busy working away on Brush Ninja - but there’s not been much visible progress. My main focus has been on the next stage of Brush Ninja, and that’s making a desktop app. I want to turn this simple web app into something you can use properly....

Awesome Animations Showcase

19 July 2018

I love seeing people sharing their Brush Ninja animations on Twitter and I wanted a way to record my favorites. So I have made an animation showcase, that highlights the awesome animations being made in Brush Ninja. If you want your animation to be featured then share the animated gif...

‹ Back to Blog

Icon for Brush Ninja: Online Animation Maker Brush Ninja Online Animation Maker
Icon for Stop Motion Animator: Stop Motion Animation Maker Stop Motion Animator Stop Motion Animation Maker
Icon for Emoji Art: Make Emoji Art Emoji Art Make Emoji Art
Icon for Paint Ninja: Draw and Paint Online Paint Ninja Draw and Paint Online
Icon for Code Ninja: Make Art with Code Code Ninja Make Art with Code
Icon for Mini Book: Create Mini Books Mini Book Create Mini Books
Icon for Photo Collage: Make Photo Collages Photo Collage Make Photo Collages
Icon for Pixel Camera: Capture Retro Moments Pixel Camera Capture Retro Moments
Icon for Comic Maker: Make Comics Comic Maker Make Comics