All Collections
Studio
Animate elements
Animate elements

Add animation to text and images in a studio template

M
Written by Mandoe
Updated over a week ago

Step 1
Add animations to elements by selecting the element.

Step 2
On the right click the Animation effect you want.

Set the start time and the duration of the effect.

Step 3
Hit Play to preview the animation.

Step 4
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.

Step 5
You can also build advanced animations by clicking 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 our example, the first step took 2 seconds to complete, so we would set the second step to start at 2 seconds.

Step 6
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?