How do you make responsive Scaled "Star Rank" Clipping Descendent GUI?

I want to make a clipping descendent gui of a “5 Star” image that I can easily cover with Clipping Descendants.

I was able to make this work, however it utilized the “offset” sizing of GUIs, making it incompatible with different resolutions. Here’s what this looked like: https://gyazo.com/2f2d7c7655682455a1668038a8767216

I tried using this thread for support, but the gyazo link above is all of what I could gather from it.

I’m using this plugin to set the scales from offset to scale, but while that makes it compatible for other resolutions, it disallows me to use the trick in the link above.

Here’s how it behaves once scaled: https://gyazo.com/e3c105d9f08449d33c0f454163d0d367

If anyone has any idea on how I can fix this, or I can replicate the same effect without relying on offset scaling, please let me know! Thank you. I have provided Roblox files of the GUIs with frames labeling which is which. Scale the image labels with the name “Stars” to replicate the effects in the video.
StarsGUI.rbxl (40.1 KB)

Try Crop ScaleType

https://developer.roblox.com/en-us/api-reference/enum/ScaleType

1 Like

Just as it is can work, but is there a way so that it only effects a single side of the image? https://gyazo.com/4726a5cbf1ad876ef7f0cab7a6cdfab9