UI Trimming to be circular?

[helperobc]

The title may seem a bit off, but I’m looking for a way to take a picture of a player’s character (Live) and crop it within game to get a circular looking profile player picture like we seen on the Roblox website and the Dev forums.

Is this at all possible?

[PeZsmistic]

If your UI has a background, you can make an overlay UI element that’s simply the background color with a circular transparent hole in the middle, and place it on top of the character portrait. This will simulate trimming the portrait.

However if you want the portrait itself to have a transparent background, unfortunately there is no way to do this.

[helperobc]

Yeah, that’s an option I didn’t consider, however I was more of looking for something like this:

AlphaMask property for Image Gui objects

An AlphaMask would be an additional image that multiplies the original image’s alpha channel with the alpha channel of the AlphaMask. As an example, lets say we want to display a headshot of the character’s avatar inside of a circular display. [image] The problem here is that the headshot doesn’t have a circular crop. Now if we were to have an AlphaMask that looks something like this: [image] Then it would take the alpha channel of this image and then it would be applied to the original i…

I guess I’ll have to use work arounds such as what you have mentioned.

[H_mzah]

This is the closest thing I have found to solve your problem:

Roundify plugin

Thank you everyone!! Roundify has surpassed 10,000 installs! I am blown away that 10,000 people have installed this plugin! With reaching this milestone, I have added some new features which you can read about below. I introduce to you, Roundify! Roundify is a Plugin that gives UIs Rounded Corners. It will Roundify Frames, ScrollingFrames, TextLabels, TextButtons, TextBoxes, ImageLabel and ImageButtons! It will automatically inherent the attributes of the UI element you are Rou…

Couldn’t find something to make it a complete circle. (Possible avatar image endpoint suggestion though?)

[helperobc]

Even if it’s not a full circle curved edges would fit with my ui theme, thanks!