How to have bevels on ui's

how do you make the small bevel on the corner of a UI?

1 Like

Make a shape then upload it as an image label.

Question real fast: What is a bevel? Can you send an image?

like, use photoshop? or something else

@WEcompany He means a round edged UI.
here is a plugin that allows for “bevel UI”: Roundify - Roblox
https://www.youtube.com/watch?v=egUMoynJz1g here is a youtube video on how to make UI + how to use the plugin.

You may also use photoshop or other external software, if you’re looking to make advanced UI then this will be required.

1 Like

Here is an example button:
image
To do this I would set it up like this:
image
And have the first one however you want. Now the second one is a little bit intresting. To work with the second one, you need anchor point 0.5, 0.5 and position {0.5, 0},{0.5, 0}. Now size it depends. If you want a 5 pixel border, do {1, -5},{1, -5} and 10 pixel border {1, -10},{1, -10}

And @Luxorz, I try to avoid plugins. I used roundify before UI corner and was not really happy with it. You can’t make rounded corners past 12. Above is also how to get a better result. With UI corner, you can go as big as you want.

On top of what @WEcompany said, If you would like to bevel only one corner of a frame you would have to create it in a third party software.

1 Like

That is your wish you can use Photoshop.

If you don’t have one using Lunacy, Figma or Photopea

I provided a link for roundify because I felt when you’re a beginner, you should use this. Beginners aren’t making complex UI and so roundify is a good start, especially since it’s easy to use.

I’m not a beginner. I just don’t like plugins.