Skip to main content
Update Animations
Updated over 9 months ago

Update Animations are the animations triggered by a change in the value or content of an element, such as text changes in Text elements, source changes in Image elements or numeric value changes in Progress Bars.

The Text element is the only one supporting this type of animation at the moment.


Setting up Updated Animations

  1. Select the element from your Graphics Tree

  2. From the Transitions panel choose Element Update

  3. From the Inspector you will see all the configurable parameters of the selected animation, both for the New value and for the Old value, which will be highlighted on the timeline


Transition Scope

Update Animations only apply to the element whose value or content changes. They don't apply to sibling or parent elements. This is the main difference with Overlay IN/OUT transitions, which can affect all the elements contained in an Overlay.

Read more about the differences between types of transitions and their respective scopes in the Transitions Panel article.


Transition Phases and Timing

This kind of transition will handle the animations for the element’s old value (leaving) and new value (entering).

Just like List Pagination transitions, these two phases will start playing at the same time. This allows you to create overlapping animations between the old and new values.

To facilitate this kind of orchestration, you will see a visual reference in onion-skin style when switching between phases on the Timelines panel.


Update Animations and Overlay IN/OUT Transitions in Rundown Control

Rundown Control lets you create many instances of the same Overlay Template with different contents, texts, or images on each one.

When you manually toggle those Overlays IN and OUT, the Overlay IN/OUT transitions will be triggered.

But when switching between different Overlays created from the same Overlay Template, instead of triggering the OUT transitions followed by the IN transitions, the Update Animations will be used. The elements that have this kind of transition configured and which values or contents change will be animated, and all the other elements that do not change between the instances will remain static.

This is useful for displaying different content with the same format and to be perceived as consecutive, without elements completely leaving the scene to re-enter. For example: several breaking news headlines in the same Lower Third.


Update Animations in Classic Remote Control

In this control, the Update Animations will be seen every time an element content that has these animations configured is manually changed.

Did this answer your question?