How to make UICorner in a thin frame

I’m trying to make a notification frame with rounded corners and a bar with a corlor.

The problem is: even if I use UICorners with 4px in CornerRadious, the thin color bar appears to don’t have the corner effect.
image

Both frames without UICorner (pointy corner, as expected)
image

If I change the size of the thin color bar from 5px to 20px, it appears to have the UICorner as expected
image

What I actually want to achieve is a Notification UI like the one in the game Clark County (with left corners of the bar rounded and the right corners pointy)
image

How can I achieve this effect?

The problem is the UICorner doesnt have 4 pixels to make rounded, as the frame is only 5 pixels wide.
of course setting the UICorner to a lower value wont help much either as it wont be noticeable, so as a tip, dont use UICorners for small elements, as it doesnt work very well.

These bars are probably images, considering how only one side is rounded, so images is your solution.

UIGradient will help you. Make red frame twice as wide, and make right side of it transparent with UIGradient.

try using a CanvasGroup instead of a Frame. Place a UICorner inside it and everything else like gradient etc then create a new Frame with the color, position that frame so that it’s almost outside the CanvasGroup and you should achieve that effect idk if i was clear sorry my english is not that good and idk if this is what you want but it should look like this
image
and this is the content of it
image

1 Like

From the look of what the OP has said, the UIGradient part would work, but increasing the size wont, as nobody needs really large notifications, so increasing the size would work, but it wouldnt look the same.

This would also work, but this isnt the issue that the user is facing, so keep that in mind.
Ik really nerdy but just thought I’d point it out :]

1 Like

This’s needed so only 2 rounded corners will be visible.

Again I agree with you on the UIGradient part, but increasing the size isnt the way to go. Yes it allows for corners to be rounded, But it doesnt look how the OP has stated that they want it to look like.

Thus I dont think increasing the size is the way to go.

image
Why that’s needed:
Mb I’m missing something, but that’s a way I thought about it.

1 Like

Ohhh wait yes!

I thought you meant increase the size in all directions, increasing it just for the width would probably work! I take back past statements, this is probably the way to go

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.