Scripting HelpersARCHIVE
A little piece of Roblox history. Preserved for everyone, one question at a time.Read about the archive →
✓ ANSWER ACCEPTED

How do you make a GUI with round corners?

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.

1 comment

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.

1 answer

✓ Accepted answer

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

3 comments

0

Thank you so much :D You made the rest of my day. +1 subscriber

0

Do you know how to use it? XD

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".

This discussion is preserved as it was. New answers, comments, and votes are closed.