New! iPhone & iPad App - Draw Anywhere, Save Your Art, Make GIFs & Videos!
Get iOS App →

Getting Started With Animated Drawing

Animated doodle made with WigglyPaint

Five animation ideas that are easy to practice in WigglyPaint, even if you are starting with simple shapes instead of polished characters.

Animated drawing sounds heavier than it has to be. You do not need a full character rig or a perfect storyboard to learn the basics. A circle, a line, a few dots, and a little curiosity are enough.

WigglyPaint is especially friendly for this because every stroke already has motion. Instead of building a timeline first, you can study how a drawing feels when it moves.

1. Squash and Stretch

Squash and stretch is the old animation lesson for a reason: it makes drawings feel like they have weight. A bouncing ball squashes when it hits the floor and stretches as it moves upward. A blob can do the same thing, even if it has no face.

Practice

Draw a round shape. Redraw it wider and shorter, then taller and thinner. Keep the amount of "stuff" roughly the same so it feels flexible instead of broken.

2. Anticipation

Before a jump, something crouches. Before a spring pops, it compresses. Anticipation gives the viewer a tiny warning that a movement is coming.

In a tiny WigglyPaint sketch, anticipation can be as simple as drawing a character leaning back before it points forward, or a star shrinking before it bursts outward.

3. Follow-Through

Follow-through is what keeps moving after the main action stops. Hair settles. A scarf lags behind. A splash keeps scattering after the stone has already hit the water.

You can practice this with almost anything. Draw a plant stem, then add leaves that feel like they are arriving a beat later.

4. Arcs

Real motion rarely travels in perfectly straight lines. Arms swing, balls bounce, and falling leaves drift in curves. Even a simple dot looks more natural when it follows an arc.

Quick exercise

Draw three tiny stars along a curved path, not a straight one. The viewer's eye will read it as a more natural movement immediately.

5. Secondary Motion

Secondary motion is the extra detail that responds to the main movement. If the character hops, the ears bounce. If a tiny boat rocks, the flag follows.

Do not add too much at once. One secondary detail is plenty for a small GIF. It should support the main idea, not compete with it.

Make the Exercises Small

The best beginner practice is not a perfect finished piece. It is a quick loop you can finish in a few minutes:

  • a bouncing dot
  • a plant swaying
  • a sleepy face blinking
  • a star pulsing
  • a tiny cloud drifting

Each one teaches timing, spacing, or weight without asking you to become a production studio for the afternoon.

What to Do Next

Pick one technique and make three tiny versions of it. Keep them rough. Export the one that makes you smile first, not the one that looks most technically correct.

Ready to make a drawing move?

Start with one shape and one idea. The rest can stay delightfully small.

Start Drawing