How to make a circular player GUI?

[alefib (Vypr)]

How do I make a menu showing the player’s profile image in a circular shape?

I’m not very good at GUI, I already researched it but I didn’t find it, I don’t know if I did it right, but if you can help me I appreciate it.

[ProvenData (John)]

This should help but there is also a FM I can find in a bit.

How to get Profile Icon?

You need to further get the localplayer. At the moment, you’re trying to get a UserId from the players service. Like this: local player = players.LocalPlayer Then swap in player Also, yes. The GetUserThumbnailsAsync method will return a URL which is guaranteed to be correct, so you don’t have to format your URL yourself. Also, it has the added benefit that you can get different types of thumbnail, like head shot, bust and full avatar.

[alefib (Vypr)]

Thanks, but I know how to make the player’s profile appear, I just don’t know how to circulate it

[ProvenData (John)]

You could just paste it over the top of a circle using an image label.

For example on circle behind as a back plate and then the image then just the border of the circle I can mock one up for you real quick.

[desuhookvw]

Upload white circle image as decal and use it in a ImageLabel.

[alefib (Vypr)]

Can I get the image of the circle? I already tried to find a circle to do this but I didn’t find any.

Thanks! ^^

[ProvenData (John)]

Just upload them to Roblox as a decal copy the image id into a image label and stack like I said and that should work.

[0skarian]

FYI, there is a publicaly available module which helps when trying to add circular borders to an image (pictures provided in linked topic). You can find more information here:

Image Clipping Module

One of my smaller projects, but useful enough to share. This module is used to quickly create an image with a clipping mask. It works using ViewportFrames, MeshParts, and Decals. [image] The module gives you those top images. With a tiny tweak, I made it show what it’s doing on the bottom row. It places your image as a Decal onto a MeshPart, and puts that into a ViewportFrame. Once it’s done, nothing ever moves, so it’s roughly the same performance as ImageLabels. API: local ImageMask …

[boatbomber (Zack_Ovits)]

Glad to see my module is helping people.

[RobuxMaster8912]

Hey, just wanted to let you guys know, that right now, 2022, there’s an even easier way to make any GUI circular:

Just insert a UICorner into the Image, like this:

Result: