Making the UIs Background transparent (photopea)

Help and Feedback Art Design Support
#1
  1. What do you want to achieve? Keep it simple and clear!

I am trying to make my UI’s background Transparent

  1. What is the issue? Include screenshots / videos if possible!

When i import them to Studio. They have the white background that I do not want

Here Is the UI:

New Project
New Project1920×1080 230 KB

I use photopea!

1 Like
#2

Hello!

First of all, I tell you that you should do all the UI in Roblox Studio, because it will look the best. Then, if you want to have those white triangles, in this case, create the box that represents the background as a photo to use in Studio in high resolution. In this case the background is transparent, which is possible when creating a new project in Photopea.

image
image2388×1420 950 KB

The one you have already created, even if it were transparent, will not help you for your game, because the button where the codes are entered is not a working Roblox button, but an image.
Instead you have to create Roblox buttons.

If you need help with this watch these videos https://www.youtube.com/playlist?list=PLhieaQmOk7nK9ob348Yc_PTcIyHjDCnem
Or ask with a reply.

You have to find out if you can use the word “Twitter” and the logo of Twitter. You can read more about it here: About Twitter | Our logo, brand guidelines, and Tweet tools

And you should not edit or create photos in a web page.
Instead, you can use these free alternatives:
For iOS and iPadOS: https://www.vectornator.io/
For macOS: https://www.vectornator.io/
For Android: I don’t know
For Windows: https://inkscape.org/ https://www.gimp.org/
For Linux: https://inkscape.org/ https://www.gimp.org/

#3

Thanks. Very helpful I will bare that in mind in the future, For now I will try

#4

I am glad that I could help you

1 Like