How to create a background blur UI of various shapes?

I want to make a background blur UI that looks like below…
By the way, I know that the background blender widget is only square and round.
What should I do to make the same button below? Is there a way to use the background blur widget as a mask?:smiling_face_with_tear:
IMG_2269

The Retained Box, most likely:

image

“Most likely” because I made a lot things with retainers but never a custom shaped blur. Curious. Do tell if that works!

It does not work :frowning: unfortunately retainer boxes do not accept blurs and i need to have a custom shaped one so bad for my HUD :frowning:

1 Like

I’d then look at:

https://www.fab.com/listings/69680f34-e5d2-44e6-b023-f054bbf629eb

And look into signed distance fields, you might be able to pull it off. See the docs of the abovementioned product and look up: “signed distance fields”. It’s generally for primitive shapes but perhaps you can get it to work by approximation.


And, lastly, there are new UMG features on the way:

This one looks extra promising (back buffer):

https://portal.productboard.com/epicgames/1-unreal-engine-public-roadmap/c/1296-umg-fx-improvements?&utm_medium=social&utm_source=starter_share

Perhaps something gives.