Tag: animated GIFs

Module 7: Advanced Motion

Posted on by Kim Shepherd in Motion Design

Having completed my journey through Animated Storytelling: Simple Steps for Creating Animation & Motion Graphics with advice on how to network and market your work once it's done, I decided to take on building the types of content that sparked my exploration into animation in the first place. See and learn how I built a branded social media PSA on voting and a series of accompanying GIF stickers using the full spectrum of Blazer's book, research examples of advanced and interesting animation techniques, and my experience from my past 6 posts on motion design.

Module 6: Interface Motion (User Interface Animation)

Posted on by Kim Shepherd in Motion Design

Animating user interfaces can help users and offer them a better experience, but in doing so these animated elements are made to feel so natural that we often don't consider that they can be complex to design well. For this post, I've taken the general advice from Liz Blazer's Animated Storytelling: Simple Steps for Creating Animation and Motion Graphics and applied it to UI animation. Combined with research examples, I was able to create a looping sequence of UI animations for my previously developed Milford Resident App prototype.

Module 1: Basic Motion (Animated GIFs)

Posted on by Kim Shepherd in Motion Design

Animated GIFs have become a popular digital content type for both personal use and brand marketing. See how I researched this content type and applied Liz Blazer's 6 steps of pre-production work from her book Animated Storytelling: Simple Steps For Creating Animation & Motion Graphics to create 3 different styles of summer-themed GIFS for marketing purposes using Adobe Photoshop and Animate.