How to Create a Fade In Transition in Unity.

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.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rusben Guzman

Rusben Guzman

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