The Tools Panel contains tools for creating, editing stay effects and save presets.

Select the effect type.

Loop duration refers to the time of one transition (in seconds).

Repeat refers to how many times the transition needs to be repeated (for unlimited looping set it at -1).

Delay between transitions.

Each “stay” effect type has it’s own custom settings that can be also adjusted.

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!

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.

Custom Effect – A way to customize your animation if you are unable to find the desired behavior from default transitions. Custom effects can be applied only to appear and disappear effects:

Custom effects can be set up from the Custom Modal, which can be accessed by selecting the appear or disappear section in the transition slider and selecting the Custom option.

The Custom Modal includes a small preview window above the modal ( this allows you to view how your custom animation will look – it’s an approximate preview).  The four sections (1-4) represent Look Options – opacity, scale & rotation; Scene & Rotation point options – this point will be used as a pivot when animation an element; Positioning options – position type and position coordinates; Animation Style Animation Easing and Duration. 

Position type defines whether custom animation will use absolute positions/coordinates, offset positions or a pre-defined set of positions.

Animation easing specifies the speed curve of an animation.

You can also save the custom effect as a preset and reuse it in different banners.

Animation effects can be assigned to any element (image, text, button, shape). In order to access animation effect properties, you’ll need to select (activate) the desired element on the stage.

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.

Disappear Effect – this is the 3rd section of transition slider. You can resize it using handles to change the duration of this disappear effect. To assign this effect, click this 3rd section on transition. This way, a popup modal will be visible in order for you to choose the desired effect type:

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

Animation effects can be assigned to any element (image, text, button, shape). In order to access animation effect properties, you’ll need to select (activate) the desired element on the stage.

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.

The Stay Effect is the 2nd section of transition slider. You can resize it by using handles to change the effect’s duration. The Stay Effect will play in between the appear and disappear effects. However, if nothing needs to happen, you can assign one of the following effect types (by clicking the middle section on transition slider):

1. None – Component instantly stays on the scene without any transition
2. Custom – Custom stay effect
3. Flash – The flash effect blinks an object
4. Bounce – The bounce effect bounces an object
5. Shake – Shakes the object multiple times horizontally
6. Rotate – Rotate item 360 degrees
7. Tada – Tada effect
8. Swing – Swing effect
9. Wobble – Wobble effect
10. Rubber – Rubber effect