Hello, I am trying to create a UI which will scale according to screen resolution. I have been using the AutoScale plugin to help achieve this goal. I design my UI in photoshop, based off of a 1920 x 1080 screen size, so when I import and size all my UI I do it in the HD 1080 device viewport.
The issue I have been having is my UI will scale correctly across the different viewports in studio, but it will be offset by roughly 50 pixels in an actual game. When using the AutoScale plugin I use the unit conversion on the position and size selections.
I have tried looking across the devforum, but can not find anything for this issue and or do not know what to search for (very new to making UI). Listed below are some pictures of the issue.
GUI ORDER
Note
Left and Right needed to be seperated so the image would not be stretched. Roblox allows for a maximum 1028 x 1028 image size, while my original image was 1920x90, so I made two images which are both 960 x 90 instead.
Here is what the issue looks like in studio, and in a place.
STUDIO
PLACE
Thanks for taking the time to read this post, hopefully we can get it figued out! I am very new to importing UI into studio, so any general advice is also welcomed. If you have any further questions please ask and I’ll respond as soon as I can.
