12 Principles of animation

Medium

2D

Year

2026

Type

Animation

Software

After Effects, Premier

The Breif

With in a team, create a 1:36 educational motion graphics video exploring The 12 Principles of Animation as defined in The Illusion of Life by Frank Thomas and Ollie Johnston. The project is inspired by the classic educational format popularized by Cento Lodigiani and will reintroduce these foundational principles through strong design, clear communication, and expressive motion.

The Idea

Through bold black-and-white forms and smooth, controlled animation, the piece communicates the brand’s core idea: timekeeping as engineered precision and kinetic beauty.

Credits

Hayden Kints, Casper Chappelle, Isabell Lee, Emy Fuetes

12 Principles of animation

Medium

2D

Year

2026

Type

Animation

Software

After Effects, Premier

The Breif

With in a team, create a 1:36 educational motion graphics video exploring The 12 Principles of Animation as defined in The Illusion of Life by Frank Thomas and Ollie Johnston. The project is inspired by the classic educational format popularized by Cento Lodigiani and will reintroduce these foundational principles through strong design, clear communication, and expressive motion.

The Idea

Through bold black-and-white forms and smooth, controlled animation, the piece communicates the brand’s core idea: timekeeping as engineered precision and kinetic beauty.

12 Principles of animation

Medium

2D

Year

2026

Type

Animation

Software

After Effects, Premier

The Breif

With in a team, create a 1:36 educational motion graphics video exploring The 12 Principles of Animation as defined in The Illusion of Life by Frank Thomas and Ollie Johnston. The project is inspired by the classic educational format popularized by Cento Lodigiani and will reintroduce these foundational principles through strong design, clear communication, and expressive motion.

The Idea

Through bold black-and-white forms and smooth, controlled animation, the piece communicates the brand’s core idea: timekeeping as engineered precision and kinetic beauty.

Credits

Hayden Kints, Casper Chappelle, Isabell Lee, Emy Fuetes

Production

I chose to take on the animation for Exaggeration, Arcs, and Appeal because of some goofy ideas I had. Along with our assigned principles, we also had to create different versions of text displays and how they would animate (which would soon be scripted and turned into motion templates for editing). I then started pitching designs to my team, and we ultimately chose mine as the style direction.

Version 1

Guides

TO help my team Follow strict placement guides, style rules, and texture/color unity, I whipped together a design guide withijn after effects that easily allowed them to stay consistance and unified with the entire group.

Pacing

We then storyboared our visuals and created a quick turnaround aniamtic to get aniamtiuon paced out. We then discussed as a team which concepts worked and dint and i ended up helping come up with new ideas for multiple princple aniamtions.

Development
+ Challenges

Once the design was polished and the animation was clear, we started animating in After Effects. I built my designs within After Effects so they were already ready for animation. Some animation was just simple arc ball bounces and exaggerated object movement, but my greatest difficulty was nailing down the balancing fruit in principle appeal! To make it easier for myself, I scripted a rig to control overlap and follow-through with an opposite line of code. I then meticulously went through each sway to polish the movement back and forth.

Editing

Remember when I mentioned mogerts? well they're amazing! When we entered the video editing stage, they became a huge help with large-scale title changes. Instead of animating 12 different titles, we created a template that was able to be customized in Premiere. I was tasked with editing my team's version, and thankfully their mogert was so easy to use and follow. (Thank you, Emy!)

© 2026 Hayden Kints

haydenkints@icloud.com

© 2026 Hayden Kints

haydenkints@icloud.com

© 2026 Hayden Kints

haydenkints@icloud.com