Hello, I have a problem and I am hoping I can get some advice on it here from talented UI developers.
I am trying to remake the following game inside Roblox, it is a card game:
I am making good progress, but there is a problem, and I have been trying to solve it for two days now:
The main problem is the fact that the geometrical shapes behind the characters are ImageLabels right now. I made them in Adobe Illustrator and imported them. The problem? If you look at the original image, the characters are perfectly aligned with the border of the shape, I have roughly that too. However, this breaks immediately when I try scaling the whole GUI.
As you can see, the avatars (which are ViewportFrames) start flowing either inside the shape, out of the border, or out of the shape completely. I suspect the issue here is the rotation, but I do not believe that my desired positioning is possible without rotation.
I am open to absolutely any ideas on how to make it look good or redoing parts of it. I would also like to ask for ideas on making the avatar overall look better, I think I will be adding a background in photoshop to the shapes like the original has, and the avatar should have some shadow? But I’m not sure on how to go about that either. Thank you in advance!
