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.
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.
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.
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.