Animation overview

Every object on the design area has three animation phases:

1. In — plays when the graphic is taken on air.
2. Loop — plays while the graphic is live (for example a pulsing indicator).
3. Out — plays when the graphic is taken off.

Each phase is a list of keyframes that set properties over time. The renderer interpolates between keyframes using the easing you pick.

What can animate?

• Position (X, Y).
• Size (width, height).
• Opacity.
• Rotation.
• Scale.
• Color, stroke width, shadow.

Text content and data bindings do not animate; they change instantly on data update.

Which objects get animated?

• Select an object and open the Animation tab in the properties panel.
• Not every object needs animation. Static backgrounds often look best with no in/out at all.

Operator control

From the control panel, the operator sees four buttons per layer:

• Take — runs the in animation, then starts the loop.
• Out — runs the out animation, then clears the layer.
• Pause / Continue — freezes or resumes the currently running phase.

The template author designs the sequences; the operator just triggers them.