Smooth UI fade out

So I´m making a horror game and I would like to have introduction anim like the on in Apeirophobia, in which the images and text fade out smoothly
Here´s the video:


How could I make something like this?

1 Like

Looks like a canvasgroup with a UIGradient.

yeah it could be canvasgroup with ui gradient all he needs to do is tween it however he wants

What is a canvasgroup? Also I have come to the conclusion that Uigradients are the way to go but I don´t know how to tween a gradient :frowning:

1 Like


i hope this helps

A canvas group allows you to edit properties across multiple ui while being consistent.
You can look at the code in this resource to figure out how to animate UIGradient offsets:

2 Likes

my bad the screenshot is cropped heres full one

Hi! Sorry for bothering you but, I didnt understand the tutorial very well, and I can´t figure out how to do the animation :frowning:

I’ve recreated it for you
Loading Screen.rbxm (10.4 KB)

6 Likes

Thanks very much! And sorry not responding :frowning:

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.