Creating UI On Photoshop/Illustrator?

[AneTChrist (Ayesha)]

Hi everyone!

I’ve gotten comfortable with making a UI from scratch and wanted to know how designing a UI on a program like Photoshop/Illustrator works once inside Roblox Studio?

1. Do you import your UI image as an ImageLabel inside a Frame?
2. Do you add transparent TextButtons where the buttons on your UI image are?
3. And does using UIAspectRatioConstraint keep your buttons in the right place over your UI image regardless of the screen size???

Thanks for any answers and if you know about any vidoes I can watch on this please lmk!

[arbitiu (arbi)]

@AneTChrist

Do you import your UI image as an ImageLabel inside a Frame?

yeah, people also just use the imagelabel directly too, don’t really need to place it within a frame

@AneTChrist

Do you add transparent TextButtons where the buttons on your UI image are?

No, people would rather use ImageButtons, or an ImageLabel within a transparent TextButton.

@AneTChrist

And does using UIAspectRatioConstraint keep your buttons in the right place over your UI image regardless of the screen size???

If you follow what I mentioned above this won’t be a problem

[AneTChrist (Ayesha)]

Thank you sm for the reply! I’m going to consider doing this and see how it turns out.