Scripting Helpers is winding down operations and is now read-only. More info→
Ad
Log in to vote
4

How do you make a GUI with round corners?

Asked by
ZeonMaxwelll 75
8 years ago

I think that GUI's with sharp corners look very unprofessional. Gui's with round corners make them feel more natural so I want to know how to make GUI's with round edged corners.

0
Nine-slice sounds good and all, but you could just make the frames for the GUI's in another program such as Inkscape. It's free and it's easy to use. SolarFloss 40 — 8y

1 answer

Log in to vote
5
Answered by
XAXA 1569 Moderation Voter
8 years ago

You would do something similar to Nine-slice. Nine-slice means that a frame is subdivided into 9 parts: 4 corners, 4 sides, and one center.

https://i.imgur.com/GwFSOvj.jpg

When you scale the gui horizontally, the top-side slice, bottom-side slice, and the center slice scale horizontally, whereas the rest just move along. A similar thing happens when you scale the frame vertically. What's important is that your 4 corners never scale (they maintain a square-aspect ratio).

Here's a plugin that should create 9-slice frames for you: http://www.roblox.com/Stravant-NineSlice-item?id=171907076

0
Thank you so much :D You made the rest of my day. +1 subscriber ZeonMaxwelll 75 — 8y
0
Do you know how to use it? XD ZeonMaxwelll 75 — 8y
0
You should have a nineslice-able image ready. You would start the plugin, select the ImageLabel or ImageButton in the explorer, set its texture to what you want, and then click "CreateNineslice". XAXA 1569 — 8y
Ad

Answer this question