Image edges too sharp

Development Programming & Scripting UI
, , , , , ,
1

Hi!

I used a simple icon in a widget blueprint, and after scaling it to size, the edges started to become very sharp and ugly. I’ve tried to scale it down with mip level, and set the texture group to UI, but the result was the same. I think the best method is using a material to blur out the edges. Any ideas how to do that?

138564-2017-05-20_210049.png

2

This is answered in the seemingly unrelated UMG Slanted images/buttons question. The solution is to:

  1. Export your source image in power-of-2 resolutions (e.g. 64, 128, 265, 512…) pixels.
  2. This allows you to change the textures Mip Get Settings to something like SimpleAverage
  3. Set the Level of Detail Texture Group to UI

That should smooth out the hard edges.

2 Likes