Hide one set of corners on a UI with a UiCorner

Here’s a brief, simple, and easy tutorial on how to achieve that “one side rounded” look, without needing images, or external programs.

Tutorial

Screenshot 2023-12-01 at 7.13.19 PM
Make sure ClipsDescendants is turned on for your first frame, to begin.

Secondly, make the first frame to your desired size/length, then duplicate it; try to keep textlabels, textboxes etc separate, or resize them to fit the first frame.

Moving on, of course you’ll need a UiCorner, add that to your second frame, then turn the Background Transparency of the first frame to 1; use the transparency of the second.

Screenshot 2023-12-01 at 7.17.49 PM

Purposely oversize your frame over what I would call a “container”, or the first frame, and you’ll outcome with a result similar to this, on a transparent UI.

Screenshot 2023-12-01 at 7.19.49 PM

And boom! That’s it. This may not work with all UI styles/types, but it’s a pretty tricky workaround.

Have questions? Contact me.

Contacts

Discord: MACBO0KS
Message on DevForum

4 Likes