Smooth UI fade out

[AtreyuDev]

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?

[bytesleuth]

Looks like a canvasgroup with a UIGradient.

[3ating1ead (Lead)]

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

[AtreyuDev]

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

[3ating1ead (Lead)]

i hope this helps

[bytesleuth]

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:

4 UIGradient Animations (Including Rainbow!)

[Return] Hey y’all! Before we start on this wonderful tutorial, I just wanted to say... Today’s obviously Star Wars Day, the famous date May the Fourth is here! Anyways, this tutorial is dedicated to teaching you about some satisfying gradient animations (among which is a rainbow all the at the end, don’t skip there!). For all of these animations, we’ll be tweening the gradient’s offset via the TweenService. I apologize, in advance, for the low GIF FPS. Shine [ShineGradient_GIF] Set u…

[3ating1ead (Lead)]

my bad the screenshot is cropped heres full one

[AtreyuDev]

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

[bytesleuth]

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

[AtreyuDev]

Thanks very much! And sorry not responding