How to get HP loss to float and disappear?

I often have events where a character loses HP. I just write a text box "You lose 5 hp". The user then clicks the text box and moves on.

However, many games I play just show a small "-5hp" float up and disappear next to the character. So the player knows that she lost 5hp but it does not require any interaction or distraction.

Any suggestions on how to do this?

Make a custom animation (which obviously requires a custom sheet in the appropiate folder) of the "-x HP" graphic, then on the event the player loses HP just play the corresponding animation on the character.

The floating away and vanishing part will have to be hand made tweaking the position and transparency of the graphic, but once made you can modify this template for varying amounts of damage.

Make one big animation sheet with different amounts of damage (in case you will have different instances where the player loses hp on different amounts) as you will only need one square since the graphic will only change position and transparency.

Thanks!!!