How to teach yourself animation and motion

Motion design sits between animation, graphic design and, more and more, code. You can teach yourself all of it, but the volume of tools and tutorials makes it easy to spend months learning software buttons instead of learning to animate. This guide puts the principles first and the tools second, and gives you a way to practise that builds a body of work.

Can I learn motion design on my own?

Yes. Motion design is a craft you learn mostly by making short pieces and comparing them with good work, which you can do on your own with free or low-cost tools.

What self-taught animators usually miss is not software skill but feedback. Plan for it from the start: share small pieces with a community, compare your work frame by frame with animation you admire, and revisit old pieces once you know more. You will see your own mistakes clearly after a few weeks.

Which principles should I learn before any software?

Learn timing, spacing and easing first, then anticipation, follow-through and arcs; together they explain most of why motion looks alive or mechanical.

• Timing is how many frames an action takes. The same move in 6 frames feels light and snappy; in 24 frames it feels heavy or calm.
• Spacing is where the object sits on each of those frames. Bunched-up frames read as slow, spread frames as fast.
• Easing is spacing applied to start and end. Real objects speed up and slow down; linear motion looks robotic.
• Anticipation is a small move in the opposite direction before the main action, which tells the viewer something is about to happen.
• Follow-through is what keeps moving after the main action stops, like hair or a scarf.
• Arcs are the curved paths that most natural movement follows.

These come from the classic principles of animation, developed for hand-drawn film. They apply just as much to a button on a website as to a character. A good first exercise needs no software at all: draw a ball bouncing across a page in a dozen frames, and flip through them.

Which tools should I start with?

Start with one tool that matches where your work will be seen: a timeline-based animation tool for video and social, or CSS and a browser animation library for the web.

Some common starting points, all well documented:

• For screen and video: a 2D timeline animation tool or Blender, which is free and open source and covers 3D as well.
• For the web: CSS animations and transitions first, since they need no library. Then a timeline library such as GSAP for sequences and scroll-linked effects.
• For interactive graphics: tools such as Rive build animations that respond to input, for apps and games.

Do not try to learn several at once. The principles transfer; the buttons do not, and you can learn a second tool in days once you know what you want it to do.

How should I practise so it actually sticks?

Make one short piece at a time, each focused on a single principle, and finish it before starting the next.

A practice ladder that works for many self-taught animators:

1. Bouncing ball. Timing and spacing.
2. Ball with a tail. Follow-through and overlap.
3. A heavy and a light object. The same move, different weights.
4. A UI interaction. A button press, a menu opening, a card flipping.
5. A five-second loop. Several principles together, ending where it started.

Keep each piece under ten seconds. Short pieces get finished, and finished pieces teach you more than ambitious ones that stall halfway.

How does motion work on the web differently?

Motion on the web has to stay fast, respond to scrolling and input, and respect people who turn animation off, so performance and accessibility are part of the craft.

Three habits to build early:

• Animate cheap properties. Moving and fading elements with transform and opacity keeps animation smooth; animating layout properties can make pages stutter.
• Respect reduced motion. Operating systems let people ask for less motion. Honour that setting by removing large movements and showing the final state instead.
• Use motion to explain. On an interface, every animation should help someone understand what changed. If it only decorates, keep it short or remove it.

How do I build a portfolio as a self-taught motion designer?

Collect your best short pieces into a reel under a minute long, and show a few of them with a sentence on what you were practising.

Employers and clients care about what you can make, not where you learned it. A tight reel of ten strong seconds beats a long one padded with exercises. Rework old pieces as you improve; showing a before and after of the same animation is a quick way to show growth.

How does Open Tutor approach animation and motion?

The Open Tutor animation and motion track teaches the principles first, then the tools for screen and web, in short hands-on lessons that are kept current.

Each lesson has a skim card, interactive steps and a checkpoint, with deep dives on the why when you want them. Most courses and lessons are free. Lessons are not open yet; join early access to hear when they are.