Timeline Unity: Adding a Fading Effect

Objective: Add a fading from a black screen to Alpha

Fading from Black to Alpha

The first thing to do is create a UI Image Element. Strech it to cover the whole screen. Change color to black. Note: make sure the Canvas object is set to scale with screen size.

Create UI Image

Next, I will add an Animation Track to the Timeline and add the UI Image to the Track.

adding Animation Track for Image

Now I will create the animation from Black to Alpha. I click on the Record Button, move the Marker to the half-second mark, then select the UI Image object and slide the Alpha channel to zero. Click the Record Button to stop recording.

Let's see the Fading in Action.

Fading In Demo

Happy Codding!!!!!




Unity / C# Game developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Building Trees with Elm

ZAP Function Now Live on RAMP V2!

10 ways to improve CX when developing virtual agents

Server-Less Architecture

Deploy Golang App to AWS using Docker-Machine

How Expensive Is a Go Function Call?

First Steps in Embracing DevOps

AWS Certified Solution Architect Associate Exam Prep App for All platforms (iOS, Android…

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
Bill Rislov

Bill Rislov

Unity / C# Game developer

More from Medium

Point & Click to Move in Unity

Loading Scenes In Unity

Creating Elevator in Unity — Part 3: Moving Elevator.

Mastering Unity Scripting | Summary — Chapter 2: Debugging