Individual UI Corners w/ Transparency

Hello everyone! I recently discovered a way to create individual UI corners, that contain transparency.
The simple answer: CanvasGroups!

To summarize it quickly, create a canvas group and set its size to whatever you need it to.
Create a new frame under it, with a UI corner inside of that canvas group.
Then, use frames to mask the corners you don’t want to see (as seen in the example below, the red is the frames that are hiding those corners.

Finally, set the color and transparency on the canvas group that you want, and you have done it!
Hopefully this helps anybody who has had this issue in the past, as it certainly has helped me.

image image
image

11 Likes