Animate objects with keyframes

When you customize designs in the Title Designer, you can create keyframes to animate various attributes of a design, including an object's position, rotation, scale, opacity, effects, and transitions, as well as the lighting for an entire scene.

Note: This feature is not available in Titler Live Express.

  1. In Titler Live's playout interface, select a graphic in the playlist, then click the Edit Title Design button in the Attributes panel.
  2. In the Title Designer's workspace or timeline, if you haven't already done so, finish customizing the design so the scene or object that you want to animate appears as it should at the beginning of the animation.
  3. Unless you want to keyframe lighting for an entire scene, select an object or group of objects that you want to animate with keyframes. (You don't need to select an object to keyframe a scene's lighting.)

    Tip: You may want to keyframe a group of objects if, for example, you need to animate multiple objects while maintaining their position relative to each other.

  4. Navigate to one of the following tabs in the Attributes panel for the type of attribute that you want to animate.
  5. Mark the Turn on keyframing checkbox in the section for the attribute that you want to animate. For example, the following image shows the Turn on keyframing checkbox at the bottom of the global transformation settings.

    keyframe-object.png

    When you mark the Turn on keyframing checkbox, Titler Live automatically adds the first keyframe to the beginning of the object's timeline, as shown in the following image.

    keyframe-in-timeline.png

    Each time you add a keyframe, all of the properties for the keyframed attribute are recorded in that keyframe.

  6. If you want the first keyframed animation to start later, click the first keyframe in the timeline (shown in the previous image) and drag it to a new moment in time.
  7. Complete the following steps to add more keyframes.
    1. Click the playhead in the timeline and drag it to the moment when you want to the next keyframe to appear.

      Tip: If you want the last keyframe to look the same as the first keyframe, which you just added, add the last keyframe now before you change an attribute's properties. To do so, move the playhead to the moment when the last keyframe should appear and click the Add keyframe keyframe-add.png button. Then, move the playhead to an earlier moment when the second keyframe should appear and continue with the following steps to add more keyframes.

    2. Change one or more properties to reflect how you want the animation to change between the previous keyframe and the current position in the timeline. Titler Live automatically adds a keyframe when you change a property if an existing keyframe isn't already selected.
    3. To add another keyframe, repeat the previous steps.

      Tips

      • To change the properties for an existing keyframe, select a keyframe in the list and adjust the settings.

        keyframes-box.png

      • To delete a keyframe, select a keyframe in the list and click Remove keyframe keyframe-remove.png button.
      • If you clear the Turn on keyframing checkbox, all keyframes for an object are deleted.
  8. If you want the keyframed object to animate as smoothly as possible at each keyframe, mark the Smooth Interpolation checkbox.

    Notes

    • Some keyframed animations may appear slower than animations between keyframes when the Smooth Interpolation option is on, depending on the design's properties. As always, we recommend you preview your design and ensure it appears as it should.
    • The graphic will take longer to render when the Smooth Interpolation option is on.
  9. Preview the keyframed animation to ensure your design appears as you want it to appear.
  10. After you finish editing the design, click the Keep 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.
  11. In Titler Live's playout interface, choose File > Save to save the project for future sessions.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request