Grab your keytar and pause that cassette tape, we’re taking a look at 8-bit style Motion Graphic animations.
Everywhere you look it feels like the 80s are making a comeback. From Stranger Things to Blade Runner it seems like you can’t blink without seeing an 80s homage somewhere.
We dig this trend (except the shoulder pads thing) so we thought it’d be fun to put together a list of 8-bit style Motion Graphic animation sequences. These are just a few of our favorites, but if you want to see more go search for it on Vimeo, there’s a ton of sweet vids.
How’s it possible for a block-based character to tug at the heart-strings? Great animation work, that’s how. When we saw this short film a few weeks ago it literally almost brought a tear to our eye. Not only because the content is emotional, but because of the fantastic use of color and design to play homage to 8-bit video games. From the music to the animation everything comes together in perfect harmony.
Like Mr. Meeseeks himself, if someone asks you to do an 8-bit pokemon recreation for Adult Swim you are forced to oblige. Is that too specific of a reference?... This piece is a masterclass in Character Animation, Storytelling, and Design. Just check out those anime-style dust and light explosions.
8-Bit + Projection Mapping
Let’s venture beyond the screen. This awesome piece from Pavel Novak shows what happens when you give a Motion Designer a high-powered projector. He also made a behind the scenes video about how this was made.
Undoubtedly the source inspiration for the Adam Sandler movie, the original Pixels really deserves to be in the MoGraph hall of fame. While the video isn’t technically 8-bit, it does use the block aesthetic to play homage to the style. It’s just as incredible today as when it came out 7 years ago.
Do It Yourself
Converting any Motion Graphics sequence into an 8-bit style animation is incredibly easy. All you need to do is use the mosaic effect in After Effects. Essentially the effect will break-up your entire composition into tiles so you can control the width of your 8-bit animation.
After that all you really need to do is adjust your color and stylize. I like using the posterize effect because it reduces the number of colors in your scene. In fact if you crank that slider down to 8 you will get exactly 8-bits worth of color. Did your mind just explode?
If you want to see this process in-action MotionDad (great name) shows you how to do so using Photoshop and After Effects. The tutorial features a ham-riding Paula Deen so you know it’s good.
If you’ve created any 8-bit animations yourself send them our way. We’d love to check ‘em out. Now if you excuse me, I have some classic video games to unbox in the attic.
Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.Explore this Course ➔
Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.Explore this Course ➔
Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.Explore this Course ➔
Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.Explore this Course ➔
Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.Explore this Course ➔
Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.Explore this Course ➔
Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.Explore this Course ➔
Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.Explore this Course ➔