Exit animations

Keep your element on the canvas or exit with style

Each image or text element that you add to the canvas has three animation stages that you can customize. These will occur in the following order:

  • Entrance animation - set how your element will animate as it's added to the canvas
  • Emphasis animation - ​set how your element will animate once it's on the canvas
  • Exit animation - ​set how your element will animate as it leaves the canvas

Top tip: Entrance animations are used for most elements, but Emphasis and Exit animations are optional and allow you to add more movement to your element. 

This article covers all the options you have for the Exit animation stage. For details about the other stages see our Entrance animations and Emphasis animations articles.

Exit animation types

  • Select your element on the canvas or timeline and click the ‘Animation’ tab in the right-hand panel to display the animation options

ExitAnimationZoomIn2 OP

  • Click the ‘Type’ icon to select the animation type:
    •  none  None - your element remains on that canvas
    • ICONS - Fade  Fade out - your element becomes increasingly transparent producing a fading effect
    • ICONS - move out  Move out - your element moves off the canvas in your chosen direction
    • ICONS - Slingshot  Slingshot - your element is pulled slowly in one direction before being released and quickly moving off the canvas in your chosen direction 
    • ICONS - disppear  Disappear - your element instantly disappears
    • ICONS - Erase  Erase - your element will be erased by your chosen hand

Exit animation options

Depending on the animation type you select, further animation options will appear.

Animation direction

While using the 'Move out' ICONS - move out and 'Slingshot' ICONS - Slingshot animations, you have the additional option to choose a direction for the element to leave the canvas.

  • Click the ‘Exit’ icon to select a preferred direction

Hands and Erasers

For the 'Erase' ICONS - Erase animation click the ‘Hand’ icon to select:

  • Hand type - a selection of hands holding erasers in different skin tones

Animation duration

  • Click the 'Duration' arrows to increase or decrease the duration of the animation

Pause before next animation

  • Click the 'Pause before next animation' arrows to increase or decrease the pause that will occur after the end of the element’s final animation and before the element starts

Top tip: To discover exciting new ways to use Exit animations check out our Using Emphasis and Exit Animations blog post.