How to make round topbar for gui?

Hi. I need help with GUI Design. How could I make topbar with 9-slice? when I scale normal (image with 4 round corners) image It will become squared.

image

Sorry for bad quality but that is random picture I found

I assume you want to make roundy squares.
Here is a plugin i made that allows you to create such images: https://www.roblox.com/library/4786953177/RoRound

What it does?
Creates an image label/button to a selected place(Can’t in ui elements such as frames for some reason. Maybe i will find a way to fix that.) and you can chose how round it is.

How you can make it manually?
Upload/find an image of a circle. Place it as a image label/button and change its scale type to slice and the slice center values to 200, 200, 200, 200. Then a property called slice scale will determine the roundness of the square. The lower the “sharper”.
Sorry for any spelling mistakes and misunderstandings. I write this on phone.

1 Like