Animate a Unit

Create a Simple Animation

1

Select a unit and go to the Animation tab.

2

Select condition for starting animation from the drop-down menu:

• None;

• In view;

• Hover;

• Constant;

• Tap.

3

Click on the icon to select an animation type.

The settings will be saved automatically.

Create a Step-by-step Animation

1

Select a unit and go to the Animation tab.

2

Go to the Custom settings.

3

Click the Add button to add a step of animation.

4

Click on the step to open its settings.

A pop-up window will appear.

5

Set properties for visual transformations:

• Opacity: Controls unit transparency;

• Rotate: Turns a unit;

• Scale: Resizes a unit;

• Skew: Tilts a unit like a parallelogram.

Edit Advanced Animation Settings

Go to the Custom settings to add the advanced animation effects.

1

Transform origin

Select the point around which transformations (rotation, scaling) of the element occur from the drop-down menu. Available options:

• Center

• Top

• Bottom

• Left

• Right

• Top Left

• Top Right

• Bottom Left

• Bottom Right

2

Animation techniques

• Spring: Select to simulate real-world spring physics! Great for bouncing buttons or natural drag-releases;

• Tween: Select to stand for “in-between.” This is a time-based animation that runs over a fixed duration.

3

Bounce

Specify the bouncing effect, simulating a spring-like motion, in percent.

4

Duration

Specify the animation duration in seconds.

5

Delay

Specify the delay period for the animation to start in seconds.