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.
![](https://cdn.relayto.com/images_originals/GB2RSiETSHi6doLTW2lw_Slide%2016_9%20-%20251%20(34).png)
Step 2
Click the "Add Interactivity" icon on the toolbar at the top middle of the screen or in the Interactive Studio side menu.
![](https://cdn.relayto.com/images_originals/Vldi5rMQSOOP2bfsoUT7_Slide%2016_9%20-%20251%20(35).png)
Step 3
Choose a shape from the Shapes options.
![](https://cdn.relayto.com/images_originals/AW0LH9FTLqaJKIT4n2xO_Slide%2016_9%20-%20251%20(5).png)
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.
![](https://cdn.relayto.com/images_originals/f4apSw3VSC6iqwpEXLp9_screenshot (2).gif)
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."
![](https://cdn.relayto.com/images_originals/2I4KxXMQwmq2Ac1nZw3w_Slide 16_9 - 250 (15).png)
Step 6
Modify the animation's duration and delay to fine-tune it.
Copy and paste the shape if needed.
![](https://cdn.relayto.com/images_originals/IWpYM4EjRv4ZQLkYiWJA_screenshot (3).gif)
Related Articles:
- How to make an interactive table of contents
- How to add a Call-to-action button
- How to add images and videos
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.