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

Software Architectural Patterns: MVC

Introducing aws-terraform-bootstrap: a starter repo to deploy a Python app on top of AWS lambda…

Reasons not to become a software developer!

CS 373 Spring 2022: Anthony Chhang

Just One Giant Lab Co-Founder Leo Blondel on the Power of Community and Open Source During COVID-19

Lightbend: Towards The Real-Time Enterprise

BugeDex: A leap into the Bug World

How to Set Up AWS RDS

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

Creating Elevator in Unity — Part 3: Moving Elevator.

Modular Health System in Unity!

Day 103: Creating A Ledge Grab in Unity Part 1

Journal 143 — Unity Project Development, 2.5D Shooter