Skip to main content

Animate elements

Add animation to text and images in a studio template

M
Written by Mandoe
Updated over 2 weeks ago

Step 1
Select the element you want to animate.

Step 2

In the panel on the right select you Animation effect you want.

Step 3

Set the start time and the duration of the effect.

Step 4
Select Play to preview the animation.

If you apply a basic animation to a group of elements, each element will start its animation one after the other. We'll remove the existing animations and then add one basic animation to a group of elements to demonstrate this.


​​Advanced Animation / Animation Builder

You can also build advanced animations by selecting Advanced.



In the Advanced animation controls, you can either use the Animate on and/or Animate off controls or the Animation builder.

Animation Builder will replace any basic animations you have for that element. Make sure to set each animation step to the time the last step ended.


In Advanced animation, the "Animate on" feature adds an animation at the start as an entry animation, and the "Animate off" feature adds an animation at the end as an exit Animation. Animate On and Animate Off should not be used for elements using the animation builder.

Did this answer your question?