Create custom designs with flexible durations

This article describes how to create a design that operators can play for a specific duration or indefinitely, and you won't have to trim the design or alter the design's playback speed or animations.

How does it work? A design's timeline includes fixed and elastic regions, which are identified by orange bars (fixed regions) and a green bar (elastic region) above the timeline, as shown in the following image.


When an operator chooses to play a graphic indefinitely during a broadcast, Titler Live pauses the graphic on the first frame in an elastic region and displays that frame while the broadcast continues. When the operator stops playback to animate out the graphic, the graphic resumes playing at the beginning of the next fixed region (which is the End region shown in the previous image) and plays the graphic for its remaining duration.

Tip for Titler Live Express users: This article describes how to customize designs in the Title Designer, which is not available in Titler Live Express. However, you can still broadcast graphics with flexible durations when you use designs from Titler Live's library, because all designs in our library include flexible durations.

  1. In Titler Live's playout interface, add a graphic to the playlist, if you haven't already done so. For details, see Preview and use designs from the library.
  2. Select a graphic in the playlist, then click the Edit Title Design button in the Attributes panel. The graphic opens in the Title Designer.
  3. To set the graphic's fixed duration, if you haven't already done so, click the Titler titler-field.png field, which is near the bottom-right corner of the Preview window, and enter a duration in MM:SS;FF format (where MM = two digits for minutes, SS = two digits for seconds, and FF = two digits for frames). This is the amount of time that the graphic will play from beginning to end without interruption and should not exceed the timeline's duration in your video editor.
  4. If you haven't yet finished customizing the graphic's objects, animations, or any other design elements, including their durations in the timeline, do so now. For more information, see articles in the Customize text, objects, and scenes section of our help center.
  5. Expand each layer and ensure all animations end before an elastic region or start after an elastic region.

    Important: If an animation overlaps an elastic region (the green bar above the timeline), the graphic may not appear as you intend during playback.

    To adjust the timing of animations and elastic regions, complete one or both of the followings steps.

    • Adjust an elastic region: Click and drag the left or right side of the green bar above the timeline until the elastic region's duration doesn't overlap animations in any layer.
    • Adjust the duration of animations: Click and drag the left or ride side of an animation until the animation doesn't overlap the green elastic region. Repeat this step to adjust additional layers, if necessary.

    In the following image, notice the animations don't overlap the elastic (Middle) region.


  6. Preview the graphic to ensure it appears as you intend and make any changes in the timeline, if necessary.
  7. Click the Keep changes btn-keep-changes.png button in the bottom-right corner of the Timeline panel to save the design to your project's current session and close the Title Designer.

    Tip: If you want to reuse or customize this design in future projects, you can save the design to your computer or library.

  8. Later, when you're ready to broadcast the graphic from the playout interface and want the graphic to play indefinitely, click the graphic in the playlist and mark the No Limit checkbox in the Attributes panel.


    When the No Limit checkbox is marked, the graphic will pause during playback until the operator clicks the Stop action-btn-stop.png button to animate out the graphic.

    Tip: Graphics that include an elastic timeline can still play for a fixed duration. Clear the No Limit checkbox in the playout interface's Attributes panel before you broadcast a graphic.

Related articles

Want to add crawling objects or create loops that play through animations in a design? Want animations to play through a pause point in the design? See the following articles:

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