AI Content Chat (Beta) logo

2.9 | How to Create a Step-built Animation

5 minute read

 

Learn the process of adding custom step-built animations to bring your digital projects to life and make a lasting impact. Follow these steps:

Step 1

Click the "Studio" button in the top right corner.


Step 2

Click the "Add Interactivity" icon on the toolbar at the top middle of the screen or in the Interactive Studio side menu.

 

Step 3

Choose a shape from the Shapes options.

Step 4

Select a background color to adjust the shape's color. Ensure the shape color matches the background. Also, it's important to set the Border width to 0.

Step 5

With the shape selected, open the "Add Effects" tab, and click "Effect on Load/Scroll." For a step-by-step animation, consider effects such as "Fade Out," "Expand Out," or "Bounce Out."

Step 6

Modify the animation's duration and delay to fine-tune it. 

Copy and paste the shape if needed.

 

Related Articles: 

 

Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.