Interface Motion

Published by

on

Reading and Writing

Chapter 10 of Animated Storytelling by Liz Blazer, focuses on the animation production phase and gives practical advice to streamline your work. Blazer emphasizes the importance of developing a production calendar, starting from the final deadline and working backward to schedule each phase of the project. Being prepared in addition to this like ensuring that software and equipment are up-to-date and backing up work regularly helps prevent setbacks.

To keep up your momentum, she suggests tackling smaller/more manageable tasks first, by beginning with simpler scenes and breaking the more complex pieces into smaller parts. This makes it less intimidating and allows for good progress to be made. Additionally, Blazer advises you to evaluate each shot carefully and remove any elements that do not enhance the story to ensuring a concise and impactful result.

Research to Inform

I like the way the magnifying glass expands to create the search bar, it makes a visually appealing motion graphic.

The way this gif transforms into a variety of different icons is super effective.

I like the way there is a push/pull feel to this animation and then it bounces back.

This is a different and interesting variation of the typical slider button.

This is a great example of multiple things happening at once, because even though they are small animations individually, they work well together to make a whole.

Create

This was a bit of a challenge because I didn’t know what to do! Usually the UI animations I do are on Figma so switching it over to After Effects was something different but fun, and I’m happy with how this turned out!

Leave a comment