Current Time 0:00
Duration -:-
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • captions off, selected

      2.9 | How to Create a Step-built Animation

      5 minute read

       

      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: 

      📖 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.