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.