Futuristic sci-fi looking UI

How could I make futuristic sci-fi looking UI like this:
sci-fi ui

Its more blue on one end than the other, how could I make that?

Any help appreciated!

I personally when thinking about sci-fi futuristic UI I think of a blue and smooth.

Just look on google there are many examples.

These are just showcases…

Need 30 letters to post this!

While they are just showcases of people’s work, they wanted to you use that to use as reference when you create your own UI.

1 Like

Maybe I wasn’t clear enough in the OP, I’m asking how could I make sci-fi UI.

How would I go about doing this?

You can use gradients and images to achieve this.

1 Like

Could you explain what you mean?

Here is an example of a UI gradient applied to a frame, this should help you (if you apply it to an image)… just open up the UIGradient element and inspect the Transparency and how it was done. If you have questions, just come back and ask:

gradient UI example.rbxm (3.0 KB)

Place this file in StarterGUI.

3 Likes

UIGradient

GradiantUI can be added to a UI (Text, Frame, etc though limited) and will have a color mixture that will be blended and can be used as a radial or line effect. You see this in the UI you’re talking about (The blue - dark blue)
image


1 Like

how did you do the transparency one?

I don’t really know, I just found the image from a Roblox gradient post.

1 Like

I posted an example of this above, go look at my post. You can download the file and examine how i did the transparency.

1 Like

I just remembered that in a certain light on roblox (i forget which one) you can gradient its color transparency and stuff.

1 Like