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

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

Welcome to Brush Ninja!

25 February 2018

Brush Ninja is an online, browser based, animation tool. It’s an easy way to create simple animations, for free, without the need to learn complex software (or spend a fortune). In a former life I worked at Miniclip.com - and so I saw the development of the Sketch Star project....

Brush Ninja Version 2

01 April 2020

It’s been a while since I’ve posted here. But I’ve been thinking a lot about the future of Brush Ninja over the last few months. As I mentioned last time, I’ve had to prioritise earning a living. Brush Ninja just about covers costs, but as a project I love it...

‹ Back to Blog

Icon for Brush Ninja: Online Animation Maker Brush Ninja Online 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 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