Adding UI Elements through Timeline

Christian Carter
2 min readOct 19, 2021

--

This tutorial will cover how to add UI elements to the game using Timeline. First create your elements. This tutorial will use a game over text and two buttons. First make the game over text as an image with your text in it.

Next, create the buttons. Make sure you delete the text and assign your image for it. Once you have one button created and positioned you can duplicate it to create the next one. Then you will have less to modify.

Now it is time to add the UI elements to the Timeline. This will be done just like how you fade from black by adjusting the alpha. Create a new Animation Track in the Timeline. Add the Canvas to it. Using the Canvas element will allow you to fade all three UI elements at the same time. Record, set the time you want to start the fade in, and select all three UI Elements and adjust their Alpha to 0. Then set the time to when you want them fully visible and change the Alpha to 255 so they are visible.

That is all it takes to get your UI elements to fade in using Timeline.

-Chris

--

--