You can assign animation effects to any element on the stage, including images, text, buttons, and shapes. To access the properties of the animation effects, simply select the desired element on canvas.

On the bottom of the screen, there is a Timeline area with the following:

  • Left-side menu: Layers
  • Right-side menu: Transitions.

The corresponding layer and transition of the selected element are highlighted in the Timeline.

Appear Effect – this is the first section of the transition slider. You can adjust its size using the handles and change the duration of the effect. To apply the appear effect, click on this first section of the transition. This will prompt a popup modal to appear, allowing you to select the desired effect type.

  1. None – Item instantly appears on the stage without any transitions.
  2. Custom – Item appears with a custom effect that you can configure manually.
  3. Fade In – Item appears with a fade-in transition.
  4. Scale In – Item appears with a scale in transition.
  5. Left In – Item appears moving/transitioning from the left of the banner’s border to the current position on the stage.
  6. Right In – Item appears moving/transitioning from the right of the banner’s border to its current position on the stage.
  7. Up In – Item appears moving from the top of the banner’s border down to its current position on the stage.
  8. Down In – Item appears moving from the bottom of the banner’s border up to its current position on the stage.

and more…


Now, let’s group two elements together and apply the appear effect to the entire group. When you preview the animation, you’ll notice that all the elements within the group scale together. For a more captivating animation, you can assign different appear effects to the individual elements within the group. You’ll be amazed by the result!

Tagged: