Learn How to Make 16-Bit-Looking Health Bars in After Effects

Pixelated GraphicsThis is a safe place -- we can all admit that at one time or another in our childhood, we wished we lived in a video game. (If we're really honest, we'd admit that desire hasn't subsided in our adulthood.) Evan Abrams shares a helpful tutorial that walks us through how to create and animate health bars and apply a "16-bit looking" mosaic effect make them look like our favorite vintage games. Continue on to check it out.

The tutorial is fairly simple to follow if you know your way around After Effects (because when Abrams takes off he doesn't slow down.) The first thing you'll add to your comp is the fighter's name -- if you're thinking mine would be "Chun V", you'd be wrong. I was never Chun Li, I was Ryu every time.

Next, you'll add two rectangles to form your health bar, one for the border and one for the fill. After you apply a bevel to the border and a gradient to the fill, things get a tad more complicated -- using keyframes to animate a waning health bar, and of course, making it look all vintage and awesome with the mosaic feature found in After Effects.

With all of the tutorials out there that teach us how to create energy balls, we definitely needed a tutorial that actually gave all of those attacks their power -- the power to damage health. Otherwise we'd be out there flinging hadoukens and shoryukens for no reason.

Did the tutorial help you? Do you have any over your own tips that could make this process simpler, faster, better? Who's your favorite video game fighter? (Ryu/Raiden here.) Let us know in the comments.

Link: ECAbrams Channel -- YouTube

You Might Also Like

Your Comment



November 10, 2013 at 5:41PM, Edited September 4, 8:21AM


White kids aren't the only kids that want to learn kung fu!
Also, I'm perplexed as to why he is neglecting his anchor point.

November 11, 2013 at 8:51AM, Edited September 4, 8:21AM


Nice weblog right here! Additionally your web site a lot up fast! What web host are you the usage of? Can I get your affiliate link to your host? I desire my website loaded up as fast as yours lol

March 7, 2014 at 7:47PM, Edited September 4, 8:56AM


February 21, 2018 at 9:56PM


Yes, its right that the instructional exercises out there that train us how to make vitality balls, we unquestionably required an instructional exercise that really gave those assaults their capacity - the ability to harm well-being. Else we'd be out there hurling hadoukens and shoryukens for reasons unknown. https://www.coretrainingtips.com/what-is-trx/

August 29, 2018 at 12:00PM