How do you make UI in Persona5 stlye

[alpine lion]

i tried this with polygon2d in canvas layer but no luck. any hint about how to ahicve this in godot?

the background is transparent but border is opaque and animated.

reference: https://youtu.be/-TLdTkrfllQ?si=8aL3TrwZzEp5dpkF&t=19

[rapid ravine]

Does godot allow animated UI? Maybe u can animate it in another software like after effects?

[alpine lion]

yes you can animate any property in ui

but the question is how do they do the masking or set up

and especilly the name part

cant figure out how do you make individual letter becomes inverted color

[rapid ravine]

Does UI support animation time line with PNG? Maybe u can export animation as multiple PNG from an animation program. The inverted letters? U mean the white on black text?

Oh the letter of the name? U can do that as an PNG or vector art from an art program.

I donno how to do that with text fonts in godot though

Or maybe it might be the font itself that has the inverted letters

Maybe u can take an existing font. Type out the letters and invert a set of them. Then run those though a font generator program to make your own font

[alpine lion]

im not sure if this is a font effect, that black square appears specifically for each name, not with letters

k maybe i ll just export name as a png

[rapid ravine]

aaa interesting yeah which way ever works best

[bright scroll]

that looks a lot like just a custom font