Category: Motion Design

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 5: Motion for Promotion (Logo Stinger)

Posted on by Kim Shepherd in Motion Design

Whether your project is an animated feature or motion graphicsfor corporate marketing, making the right decisions about how you'll construct your piece is key. I combined advice on how to choose an animation technique and style from Liz Blazer's book Animated Storytelling: Simple Steps for Creating Animation and Motion Graphics with research on Disney's 12 Basic Principles of Animation to create 2 logo stingers.

Module 4: Production and Post (Stop Motion II)

Posted on by Kim Shepherd in Motion Design

After completing pre-production work for 2 stop motion animation ideas in my last post, I continued on to production and post-production for one of them. With guidance on sound choices and establishing consistent rules for a story’s world from Liz Blazer’s Animated Storytelling: Simple Steps for Creating Animation & Motion Graphics, I brought to life my linear story idea titled “A Bigger Purrr-pose.”

Module 3: Pre-Production in Action (Stop Motion I)

Posted on by Kim Shepherd in Motion Design

With advice on color choices and experimentation in animation from Liz Blazer's Animated Storytelling: Simple Steps for Creating Animation & Motion Graphics, I began the pre-production process of creating a stop motion animation. In this stage of development I wrote pre-production summaries for 2 original stories (one linear in structure and one non-linear), drew storyboards, and shot a stop motion test to familiarize myself with the technical process.

Module 2: Mixing Motion (Cinemagraphs)

Posted on by Kim Shepherd in Motion Design

Cinemagraphs are a recently invented and popularized form of a seamlessly looping GIF or video in which still photography and video are combined to make a dynamically interesting visual that tells the story of a moment in time. With tips on how to craft a good animated story from Liz Blazer's book Animated Storytelling: Simple Steps for Creating Animation & Motion Graphics, I've created 4 brief motion stories from a day in my life in the form of cinemagraphs using Adobe Photoshop and After Effects.

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.