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 layer in the Designer
- Set a graphic's playback duration
- Customize durations for design layers
- Order design layers
- Show and hide design layers
- Show and hide a design layer's details
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.
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.
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.
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.
Show and hide design layers
Click the Show/Hide Track 
icon to turn layers on and off. Hidden layers are not included in rendered graphics.
Show and hide a design layer's details
Click the triangle 
next to the Show/Hide track icon to show or hide a design layer's transitions, effects, and keyframes.
