HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

12 Principles of Animation (Official Full Series)

AlanBeckerTutorials3 HN recommenders · recommended in 3 months, 2018-2024
YouTube
16.1M views · 9 years ago · tutorial · evergreen

Alan Becker's short series on the 12 principles of animation, covering squash and stretch, anticipation, staging, timing, arcs, appeal and the rest. Each principle gets a brief animated illustration.

Recommended as a compact starting point for making animations feel more compelling, including for UI and app developers.

Animation & visual effects#animation#squashandstretch#timing#anticipation#motiondesign

3 comments from Hacker News

@fewgrehrehre2024 · in “Ask HN: Things to do on my phone”

If you want something a bit more out of the box than simply playing a game, give animating a spin! Just a simple flipbook-style animation app, there should be plenty out there. No need for pose-to-pose or anything at first, just try abstract, straight-ahead animation. If you find yourself gaining an interest, it's easy enough to pick up knowledge as you need it (if you do want a jumping-off point, I'd recommend Alan Becker's series[1] on the 12 principles of animation). It's incredibly fun bringing even the simplest of things to life, and really rewarding getting to look back and see how your understanding of motion and weight grow over time. [1] ▶ this video

RecommendsView on HN
@ttfkam2023 · in “Animations From First Principles (in 5 minutes)”

Not to be confused with the 12 principles of animation. ▶ this video mathspp.com will help with making an animation programmatically. The video I linked will help the animation more compelling for the viewer.

RecommendsView on HN
@rayalez2018 · in “Foundations of Animation”

I recommend watching this awesome video summarizing 12 principles of animation: ▶ this video (by the author of Animation vs Animator) I second Animator's Survival Kit by Richard Williams, it's great. And Keith Lango's video course for 3D animation. These two are absolute best for learning intermediate/advanced animation. Also, of course, Animation Mentor and 11secondclub competition.

RecommendsView on HN
Disney's Practical Guide to Path Tracing9:32

Disney's Practical Guide to Path Tracing

Walt Disney Animation Studios
914K views • 10 years ago
Did We Just Change Animation Forever?23:02

Did We Just Change Animation Forever?

Corridor Crew
3.5M views • 3 years ago
ANIME ROCK, PAPER, SCISSORS7:22

ANIME ROCK, PAPER, SCISSORS

Corridor Digital
5.2M views • 3 years ago
Smoother animation ≠ Better animation [read pinned comment]13:05

Smoother animation ≠ Better animation [read pinned comment]

Noodle
16.1M views • 5 years ago
Blender Motion Tracking - Room Transformation!7:58

Blender Motion Tracking - Room Transformation!

IanHubert
2.2M views • 6 years ago
How I animate 3Blue1Brown | A Manim demo with Ben Sparks53:41

How I animate 3Blue1Brown | A Manim demo with Ben Sparks

3Blue1Brown
3.3M views • 2 years ago
Blender 3.0 Beginner Tutorial - Part 116:43

Blender 3.0 Beginner Tutorial - Part 1

Blender Guru
9.3M views • 4 years ago
Animation Bootcamp: An Indie Approach to Procedural Animation26:13

Animation Bootcamp: An Indie Approach to Procedural Animation

GDC Festival of Gaming
786K views • 9 years ago
Flexible Muscle-Based Locomotion for Bipedal Creatures5:21

Flexible Muscle-Based Locomotion for Bipedal Creatures

Goatstream
1.9M views • 12 years ago
How I Animated This Video7:19

How I Animated This Video

Joel Haver
6.2M views • 5 years ago
Enemies – real-time cinematic teaser | Unity2:01

Enemies – real-time cinematic teaser | Unity

Unity
1.9M views • 4 years ago
Blender and Next Gen: a Netflix Original36:04

Blender and Next Gen: a Netflix Original

Blender
188K views • 8 years ago
HBO Intro - Behind the Scenes10:38

HBO Intro - Behind the Scenes

archivefilms
1.3M views • 19 years ago
Andrew Price - Improving Blender's UI48:39

Andrew Price - Improving Blender's UI

Blender
62K views • 13 years ago
How a Diesel-Electric Locomotive Works25:13

How a Diesel-Electric Locomotive Works

Animagraffs
7.8M views • 3 years ago
[JSConfUS 2013] Steven Wittens: Making WebGL Dance30:55

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf
56K views • 13 years ago
Satoshi Kon - Editing Space & Time7:37

Satoshi Kon - Editing Space & Time

Every Frame a Painting
4M views • 12 years ago
3D Gaussian Splatting - Why Graphics Will Never Be The Same2:12

3D Gaussian Splatting - Why Graphics Will Never Be The Same

IndividualKex
2M views • 3 years ago
Make Your Renders Unnecessarily Complicated5:25

Make Your Renders Unnecessarily Complicated

sirrandalot
1.2M views • 3 years ago
Wild Tricks for Greenscreen in Blender9:51

Wild Tricks for Greenscreen in Blender

IanHubert
2.3M views • 6 years ago