Help with image clipping via circle image

Help and Feedback Art Design Support
#1

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.

How do I put an image inside a circular frame, but hide the exterior?
#2

I recommend you check out this module.

2 Likes
#3

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

#4

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.

#5

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?

#6

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