Animation Tutorials
Everything you need to learn animation from the ground up — the fundamentals of how motion works, the classic principles that make it feel alive, and step-by-step exercises you can build yourself. Every guide is written to be practised directly in the FrameAnim editor.
Animation Fundamentals
The core ideas behind every animation — how a series of still frames becomes motion, and how timing and spacing shape the way that movement feels.
Frame-by-Frame Animation
Understand how a sequence of still drawings turns into believable movement, and the workflow behind every hand-drawn animation.
Read guideAnimation Timing and FPS
Learn what frame rate really means, how 12, 24 and 30 FPS differ, and how timing and spacing shape the feel of motion.
Read guideKeyframes and In-Between Frames
How key poses define an action and in-betweens carry the motion between them.
Timing vs Spacing
Why two animations with the same number of frames can feel completely different.
Animation Principles
The classic principles that give movement weight, life and appeal, from squash and stretch through arcs, anticipation and exaggeration.
Squash and Stretch
The principle that gives objects weight, flexibility and life — and how to apply it without breaking believability.
Read guideAnticipation
The small wind-up before an action that makes movement readable.
Follow Through & Overlapping Action
How trailing parts keep moving after the main body stops.
Arcs
Why natural movement follows curved paths rather than straight lines.
Exaggeration
Pushing poses and timing to make actions clearer and more expressive.
Practical Tutorials
Hands-on exercises that turn theory into motion. Follow along frame by frame to build the animations every artist learns from.
Bouncing Ball
The classic first exercise. Plan the motion, place key poses, and use squash, stretch and spacing to sell the bounce.
Read guideWalk Cycle
Build a looping walk from four key poses — contact, down, passing and up — with timing and spacing that read as natural.
Read guideBlinking Animation
A short exercise in fast timing and holds using an eye blink.
Simple Jump Animation
Combine anticipation, squash and stretch into a satisfying jump.
FrameAnim Guides
Get the most out of FrameAnim's tools — onion skinning, layers, exporting and the features that speed up your workflow.
Using Onion Skinning
See your previous and next frames as ghosted references so every new drawing stays consistent and on-model.
Read guideWorking with Layers
Separate characters, backgrounds and effects onto their own layers to stay organised and animate faster.
Read guideExporting Your Animation
Choose the right format for the job. Compare GIF, WebM and MP4 on quality, file size and where each one belongs.
Read guideGetting Started with FrameAnim
A tour of the editor: canvas, timeline, tools and your first frames.
Using the Lasso & Transform Tool
Select, move, rotate and scale part of a drawing with precision.
Ready to start creating?
Reading is a great start, but animation clicks when you do it. Open the editor and turn what you've learned into real movement.