Help with image clipping via circle image

So I have an image label with an image:
https://gyazo.com/a19137136cd5daa5cd63525f89b0e11f

So I want to put a circle / ring on it like so I add a imagelabel in the image label:
https://gyazo.com/4fdcde7c987eaa7c38cc9eb8f8161f41

And now I want to clip the area the circle contains so that it looks something like this:
https://gyazo.com/365553f210a3b6ca92ea7a81ab91dd1b

Please note that the image in there is a completely new image made into a circle via photoshop.

So I don’t want to head into photoshop and make an image for every image. How would I be able to do something like this?


EDIT: After Roblox introduced UICorner instance, I’ve been able to easily to clip. Another solution is using a module created by boatbomber here.

I recommend you check out this module.

2 Likes

That is very interesting and is definitely a solution but is there a simpler way to do this?

Unfortunately, Roblox currently doesn’t have an easier way to do this (to my knowledge). However, this may change in the (near?) future as a Roblox Staff member has posted about this being on their roadmap in the past.

Ok thank you, I’d assume that “Image Masking” Is what I’m waiting for? Also do you know approximately when the feature may be implemented either through estimation or fact?

I’m not too sure. Border radius and shadows were planned for the end of 2018, but they never came out, so I’m not sure when image masking will.

1 Like