November 10, 2013

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

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


ARTMAN instruments welcome you to our website and look forward a rich browsing. We are leading surgical instruments providers all over USA, Canada and Europe. Currently our focus is on dentists, orthodontists, Implantologists and general surgeons.

October 1, 2017 at 9:41PM, Edited October 1, 9:41PM


February 21, 2018 at 9:56PM


A lot of people are looking the different videos and tutorials to learn the actual or right way to do workout. There are a lot of more facts related to health related stuff from There will be sound good approach and we should follow that site.

August 13, 2018 at 1:39AM

Krmiani Krpa

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.

August 29, 2018 at 12:00PM