Website powered by

HUD animation training _ Ghost in the Shell themed

I created this Ghost in the shell HUD animation, after taking Ash Thorp's training on Learn Squared. The goal was to learn how to animate and construct a HUD in After Effects.

The art direction is based on the one actually used in the movie Ghost in the Shell (2017), originally created by Stylow (https://www.stylow.com/). My main intention was mostly to learn the animation principles, without spending too much time developing an art direction. As a consequence, I created this HUD as if I were to work on a game adaptation of this movie. Please be aware that no artwork from the original artist has been used and that these designs have been only made for learning purposes.

HUD Animation

HUD design; Damages received from the left side

HUD design; Damages received from the left side

HUD design: dormant state

HUD design: dormant state

HUD design: critical mode

HUD design: critical mode

Assets animation breakdown

Assets animation breakdown

Assets animation breakdown

Assets animation breakdown

Assets animation breakdown

Assets animation breakdown

Asset army

Asset army

Asset army

Asset army

Research and layouts

Research and layouts