UMG Slanted images/buttons

I’m having an issue with images and buttons within UMG. I am trying to make a slanted UI like modern fps’s such as Overwatch. However when angling the image or button in the UMG editor the sides of the image get really pixelated. Is there a work around for this or some settings that need changing with the textures?

The image shows 3 of the images in the bottom right which I have added a border around to make the pixelated edges less visible, however it would be great if I did not need to do that so I can make a really clean UI.

Thanks in advance!

Hey MDidehvar,

This almost looks like an Anti-aliasing issue as your images have the ‘stair-step’ effect. This could also be due to your texture’s property settings. Generally for User Interface and 2D pixels, unless you are going to be scaling them uniformly to increase their screen size, you want to use the ‘Nearest Filter.’ In your case, try setting it to Bilinear or Trilinear filtering to see if that helps.

Here is some documentation on Texture Properties and the texture editor UI to help you better understand this topic.

Texture Properties

Here is also an image as reference to the settings mentioned within the Texture Editor.

If none of these suggestions help, let me know and we can continue to troubleshoot.

Cheers,

Thanks, this made them look a lot better without the stair step effect. You can still slightly see the stair step effect when looking in the sky but I guess I need to mess around with the settings more. Thanks a lot though, much appreciated!