Improve anti-aliasing on UMG elements?

Anybody know some way to improve anti-aliasing on UMG elements?

Image below I am making use of “sheer” but it makes border edges noticeably aliased. I don’t think the projects AA settings come into effect here. For the project I am using temporal AA algorithm 5.

Thanks for any suggestions.

This is something I am particularly interested in as well. I read on another topic that the engine antialiasing isn’t applied to UMG elements(Enable Anti-Alias on UMG Widget Text?) - so if you render the UMG on a unlit plane and capture it trough a Scenecapture, that could improve it.

How

2 Likes

I just found similar as well:

UMG widget appearing aliased when shear transformed. - Programming & Scripting / UI - Unreal Engine Forums

For me, moving all of my widgets to 3d space is not realistic. I’ll explore if I can make a material that gets post-process effects and apply that to my UI elements.

some additional reading:

Post Process on UMG? - Programming & Scripting / UI - Unreal Engine Forums

Looks like there is no quick way to do this. It seems the most time effective method is to author the UI shapes and bake some AA into them (i.e. just slightly blur the edges). But that is only a partial solution, and still cost a lot of time.