Unity UI Making a Panel Background with well rounded corners

Hello,

I'm trying to paint a Ui Panels with rounded corners instead of sharp ones. Similar to this:



So, I took Photoshop and made a rectangle with rounded corners using the Rectangle tool -> saved as png -> imported as a sprite -> dragged over the panel as Sliced -> defined the corners in the Sprite Editor and I got nothing remotely similar:



I got these stretched corners and I have no idea why. Any suggestion?

Thanks in advance.

 

How you followed this tutorial?:
https://docs.unity3d.com/Manual/9SliceSprites.html

Note that the sprite needs to be "full rect".

 

I wasn't aware of this tutorial, it worked. Thanks!

 

@hedgeh0g I followed the tutorial and set it to 'full rect' but it's still not working for me.

What did you do to fix it?

 

I use such sprite settings so that they stretch