Ui Fade with background

So I’ve been working on a game and I came across a problem. I’ve been trying to make a ui where there is a black gradient and fades into white and then blends into the background.

This is the reference image

If anyone can tell me how I can do this please tell me. I’ve already tried changing the transparency but it doesn’t blend in.

2 Likes

You can use UIgradient to reproduce this effect

I tried using UI gradient but it came out with this:

You can use a white image fade like this: (but only fades on the right)


Then add a UIGradient with your colors to the image label

If I remember correctly, I think you can achieve a similar effect to what you want to do with UIGradients, I’ll have a look at trying to create a fade with UIGradients

Is it possible that it is just a smart use of gradient? Cause I looked closely and see a line that shows the ui separated.

Screen Shot 2021-08-19 at 3.22.35 PM

1 Like

You can change the color and transparency in the properties

Yes I have tried that already like in my 2nd latest post

This was the result

I really doubt this will work, but try rotating the ui in the properties?

I tried and it looks like this
image
fade.rbxm (1,9 Ko)

1º:

and boom ,you have a gradient

1 Like