Brush Ninja

Free Digital Creativity

← 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.

Need a new look?

Support Brush Ninja - Buy a TShirt.

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

Custom Color Palette

29 April 2020

One of the most requested features is more colors in the color palette. In version 1 I intentionally kept the palette limited. This was for 2 reasons. To make Brush Ninja easy to use To encourage creativity through limitations Having now spent 2 years working on, and thinking about, Brush...

‹ Back to Blog

Icon for Brush Ninja Brush Ninja Make Animated Gifs
Icon for Code Ninja Code Ninja Make Art with Code
Icon for Emoji Art Emoji Art Make Emoji Art
Icon for Photo Collage Photo Collage Make Photo Collages
Icon for Comic Maker Comic Maker Make Comics