How to Create a Fade In Transition in Unity.

Giving a smoother entry to the scene

Objective: Create an animation to change the alpha value of a UI panel to give a fade in transition to the beginning of the cutscene.

We can start by creating a UI Image in the scene.

Then we have to change the color to black and resize to cover the whole screen (tip: is better to use the anchor points to resize the image).

Next we have to change the canvas scale to the screen size value.

Then in the timeline we can create an animation track and assign the canvas to it.

The last step is to use the guide to select a specific moment in the timeline and change the alpha value to 0 to make the image fade out.

And that’s it!!! We have a beautiful fade in transition for our cutscene.

A Software Engineer passionate about game dev and interactive products with Unity. I consider video games to be the artistic expression of programming.