An animated drawing does not need a character rig, a long storyboard, or dozens of polished frames. For a first project, one clear shape and one readable motion are enough. This animation tutorial uses five short exercises to teach weight, preparation, curved movement, follow-through, and looping.
WigglyPaint is not a full 2D animation studio. Its brushes make each line wiggle automatically, so an animated drawing moves as soon as you draw it. You can add frames when you want a longer sequence, then export the result as a GIF. That makes it useful for digital animation for beginners, quick doodles, stickers, and motion studies.
Before making an animated drawing
Keep the first animated drawing deliberately small:
- Choose one subject: a ball, blob, flower, star, face, or tiny character.
- Choose one action: bounce, blink, sway, pulse, or wave.
- Limit the palette to three colors so the motion remains readable.
- Decide where the loop starts and ends before adding details.
People searching how to make an animation often begin with software. Start with the action instead. A simple animation drawing with a strong silhouette teaches more than a crowded scene with no visual priority.
Exercise 1: squash and stretch animation
Squash and stretch animation makes a shape feel as if it has weight. Draw a round ball, then add a wider, shorter version for the moment it hits the floor and a taller version for the upward motion. Keep the apparent volume consistent; otherwise the object looks as if it changes size rather than compresses.
For an animated drawing in WigglyPaint, use a bold outline and very few interior marks. The automatic wobble supplies surface movement while the changing silhouette carries the main action. This is also a useful first step before attempting frame by frame animation elsewhere.
Exercise 2: anticipation before the action
Anticipation tells the viewer what will happen next. A character leans back before pointing, a flower closes before opening, and a star shrinks before bursting. Make the preparation smaller and the main action larger.
Try an animated drawing with two poses: a blob crouched low and the same blob reaching upward. If the jump reads without a caption, the anticipation is working. This principle matters more than extra detail in almost every drawing animation.
Exercise 3: timing and spacing
Timing is how long an action takes; spacing is how far the subject travels between moments. Even if WigglyPaint supplies the line wiggle, you still control the rhythm when you add frames. Closely spaced positions feel slow. Wide gaps feel fast.
Make an animated drawing of three dots following one path. Keep the first two close together and place the third farther away. The eye reads acceleration immediately. For a GIF animation, preview the loop several times and remove any frame that causes a visible hitch.
Exercise 4: arcs and follow-through
Natural actions usually follow curves. Arms swing, balls bounce, and leaves drift along arcs rather than ruler-straight paths. Draw a faint curved guide, place the main poses along it, then remove the guide.
Follow-through is the part that continues after the main body changes direction: hair, ears, a scarf, a tail, or a loose sleeve. In an animated drawing, add only one trailing detail at first. Too many secondary parts make a small loop noisy. This is the practical core of learning how to animate a drawing without overworking it.
Exercise 5: secondary motion and a clean loop
Secondary motion supports the main action. If a plant sways, one leaf can lag behind. If a face blinks, a small highlight can dip with it. The extra movement should explain the action, not compete with it.
Build an animated drawing that returns to its opening pose: neutral, action, settle, neutral. A clean loop is more valuable than a long sequence for a first GIF animation. Export it, watch it at sticker size, and check whether the subject remains recognizable.
Animated drawing checklist
Before exporting an animated drawing, check:
- Can you name the main action in one verb?
- Does the silhouette stay readable at a small size?
- Is there one clear preparation and one clear finish?
- Does the last moment connect smoothly to the first?
- Would removing a detail make the motion clearer?
An animation drawing can be rough and still communicate well. That is the goal of these exercises: not production-ready 2D animation, but a short study you can finish, evaluate, and repeat.
What to make next
Repeat one exercise three times instead of starting a larger scene. Make a bouncing dot, a blinking face, and a swaying plant. Each animated drawing should take about ten minutes. Save the clearest version, then try a different brush or timing.
When you are ready, open WigglyPaint and make an animated drawing directly in your browser. Start with one shape, let the animated brush add its handmade wobble, add frames only when the idea needs them, and export the finished loop.
Make your first animated drawing
Choose one shape and one motion. WigglyPaint handles the wiggle so you can focus on the idea.
Start Drawing for Free