Stuff & Nonsense product and website design

Posts about animation

Smashing Animations Part 4: Optimising SVGs

Yours truly over at the Smashing Magazine: “What’s the best way to make your SVGs faster, simpler, and more manageable? Andy Clarke explains the process he relies on to prepare, optimise, and structure SVGs for animation and beyond.”

Toon Titles Series 1. More than just a fun side project

Working on a design for composer Mike Worth gave me an idea. What if I created animated title cards inspired by classic Hanna-Barbera cartoons? Thirty-five SVG animations later, Toon Titles Series 1 is complete. These are based on artwork from the first appearance of Yogi Bear in The Huckleberry Hound Show.

Toon Titles: Prize Fight Fright

It’s fascinating just how many opportunities for animations there are in a static cartoon title card. Here’s another Toon Title, this time based on Prize Fight Fright, a Yogi Bear cartoon from February 1959.

Toon Titles: Bewitched Bear

This time, I put GSAP and SMIL to one side and made a Toon Title using only CSS animations. It’s based on Bewitched Bear, a Yogi Bear cartoon from January 1960. I’ve written a detailed write-up on optimising SVGs for animations which will be published on Smashing Magazine over the next few weeks.

Toon Titles: Space Bear

The more I dive into using the GSAP library for my Toon Title animations, the more I enjoy it. Here’s another Toon Title, this time based on Space Bear, a Yogi Bear cartoon from February 1960. I learned some new things while making this Toon Title, including how to use GSAP’s timeline feature.

Toon Titles: Stranger Ranger

Here’s another Toon Title and one of my favourites from my growing collection of reanimated Yogi Bear titles. This one’s based on Stranger Ranger, a Yogi Bear cartoon from November 1959.

Toon Titles: The Buzzin’ Bear

I had some spare time today between client work and meetings, so I added another Toon Title to my collection. This one’s based on The Buzzin’ Bear, a Yogi Bear cartoon from December 1958.


Browse topics

Browse tags

Andy Clarke portrait

About Andy

Hello. I’m Andy Clarke, an internationally recognised product and website designer and writer on art direction for products the web. I help product and website owners captivate customers by delivering distinctive digital designs.


Subscribe to RSS feed

Britpack

Favourites

I’m available to work on new design projects.