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
In Titler Live's playout interface, select a graphic layer in the playlist, then click the Edit Graphic button in the Preview panel.
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.
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.
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.
Click the Show/Hide Track icon to turn layers on and off. Hidden layers are not included in rendered graphics.
Click the triangle next to the Show/Hide track icon to show or hide a design layer's transitions, effects, and keyframes.