Timeline overview

When you customize graphics in the Designer, which is available in Titler Live, the Timeline workspace is where you can customize the duration and order of the design layers in your graphics.

The Timeline workspace offers a variety of features that allow you to manage and customize your graphics appearance and behavior. 

Open a graphic in the Designer

In Titler Live's playout interface, select a graphic layer in the playlist, then click the Edit Graphic button in the Preview panel.

Back to top

Set a graphic's playback duration

Enter a duration in the Timeline field, which is near the bottom-right corner of the Designer's  canvas window. Enter durations in MM:SS;FF format (MM = two digits for minutes, SS = two digits for seconds, and FF = two digits for frames).


Note: If the timeline includes a Pause point, which is denoted by the orange marker at the top of the timeline. This allows Titler Live to pause the graphic at that moment in the timeline during a broadcast until the operator animates out the graphic. For more information, see Create custom graphics with flexible durations.

Back to top

Customize duration for design layers

Text and shapes appear in a graphic's playback based on that design layer's position and duration within the timeline.

To change a design layer's position within the timeline, click on the design layer in the timeline and drag the layer left or right. Or, you can press CTRL (Windows) or CMD (Mac) + left or right arrow keys.

To trim or extend a design layer's duration, click the beginning or end of the design layer in the timeline and drag its ends left or right.

Back to top

Order design layers

Click a design layer and drag it up or down to a different track in the timeline. Or, you can press CTRL (Windows) or CMD (Mac) + up or down arrow keys.

Back to top

Show and hide design layers

Click the Show/Hide Track icon-showhide.png icon to turn layers on and off. Hidden layers are not included in rendered graphics.

Back to top

Show and hide a design layer's details

Click the triangle icon-expand-collapse.png next to the Show/Hide track icon to show or hide a design layer's transitions, effects, and keyframes.


Back to top

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request