Skip to help content

Graphics & design

Animate motion-template elements

Add animation to selected elements for the offered template events.

Before you start

Select the intended collection or item before changing its settings.

Where to find it

Motion Template designer > Animation.

Use it

  1. Select the element.
  2. Choose Animation event and Target.
  3. Choose the animation preset.
  4. Choose Add.
  5. Set Delay, Duration, and Easing in Properties.
  6. Use preview to check the selected animation.
  7. Save the template.

Controls and additional tasks

Duplicate creates another animation. Up/Down changes lane order. Enabled bypasses an animation while retaining it. Reverse changes the animation direction; Loop repeats its preview. Stop ends preview.

Control reference

ControlUse
Animation eventSet animation event for this item.
TargetSet target for this item.
AddAdd selected animation
Duplicate selected animationDuplicate animation.
Remove selected animationRemove animation.
Move selected animation upMove animation up.
Move selected animation downMove animation down.
Toggle selected animation previewTurn this option on or off for this item.
Stop selected animation previewStop lane animations.
LoopLoop selected animation preview
Enable or disable animationTurn this option on or off for this item.

If something is wrong

If no animation appears, check the selected lane, target, event, and enabled state.

Motion Template designer · Keyboard shortcuts · Menu reference · Manual contents

More in Graphics & design