Essentials Mode: In and Out Animations

• In and Out Animations
• In Collection
  • In Basic Category
  • In Cinematic Category
  • In Curved Motion Category
  • In Movement Category
  • In Rotate Category
  • In Masked Category
• Out Collection
  • Out Basic Category
  • Out Movement Category
  • Out Rotate Category
  • Out Masked Category

In and Out Animations

Every layer on a slide can have an entrance animation, which plays as the layer appears, and an exit animation, which plays as it leaves.

Essentials Mode is one of the two ways to animate layers in the Module Editor, where animations are picked from ready-made presets instead of built keyframe by keyframe.

This article lists every entrance and exit preset in Essentials Mode, with what each one does and the settings it offers. The entrance presets are under a tab called In, and the exit presets under a tab called Out.

To find them, go to the Module Editor, select a layer, and in the Right Sidebar click the Animation icon ¹ in the Mode Switcher to enter Animation Mode.

The In ² and Out tabs are at the top of the sidebar.

The collection tabs show while Essentials is chosen with the switch at the bottom of the sidebar.

The In collection holds entrance animations, which move a layer from a starting state into its resting position. The Out collection holds exit animations, which move a layer from its resting position to an end state where it is no longer visible.

Every preset in this article is available to every layer added to a slide, whatever its type. The Slide Background has its own collections instead, described in Slide Background Reveal Transitions, Slide Background Motion Transitions, Slide Background Distortion Transitions, Slide Background Pan & Zoom and Slide Background Filters.

Text layers can use every preset in this article. Text and Button layers also get extra text categories in both collections, which split the text into lines, words or letters and are described in Text Only Animations.

Applying a preset follows the same steps in both collections, described in Animation Essentials Mode. Clicking a preset tile opens its configuration panel, where its parameters are set before Apply adds the animation to the layer.

Clicking the In or Out tab also switches the Timeline to the selected layer's In Animation or Out Animation scene.

In Collection

The In collection holds the presets that animate a layer as it enters. Applying one sets the layer's in animation, which runs from the preset's starting state to the layer's resting position, size and full opacity.

The In collection has six categories: Basic, Cinematic, Curved Motion, Movement, Rotate and Masked.

In Basic Category

The Basic category of the In collection holds two presets, one that clears the entrance motion and one that fades the layer in.

In Basic No Animation

Removes the motion from the layer's in animation. The layer shows at full opacity from the start, and its in animation holds that state for the length of Duration.

Parameters:

• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the animation.
• _Duration: Default 300. The animation's total length, in milliseconds.

In Basic Fade

Fades the layer in from fully transparent to full opacity, with no movement.

Parameters:

• _Strength: None, Subtle, Medium, Strong. None shows the layer with no fade. Subtle, Medium and Strong set Duration to 1500, 1000 and 500.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the animation.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Cinematic Category

The Cinematic category of the In collection holds twelve presets that combine a short move with scaling, rotation or skew. Every one fades the layer in and takes a Direction of Up, Left, Right or Down.

In Cinematic Reveal

Fades the layer in while it moves 90 pixels in the chosen Direction. At the same time it scales up from 80% to full size and rotates 6 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1150. The animation's total length, in milliseconds.

In Cinematic Rise

Fades the layer in while it moves 54 pixels in the chosen Direction. The layer starts at 90% of its height and 96% of its width and scales to full size.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Cinematic Glide

Fades the layer in while it moves 240 pixels in the chosen Direction. The layer starts stretched to 114% along its direction of travel, narrowed to 94% across it and skewed 5 degrees, and returns to its normal shape.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Cinematic Tilt

Fades the layer in while it moves 34 pixels in the chosen Direction. The layer starts rotated in 3D, 26 degrees on one axis and 15 degrees on the other, at 92% of its size, and rotates flat as it scales to full size.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1150. The animation's total length, in milliseconds.

In Cinematic Swing

Fades the layer in while it moves 60 pixels in the chosen Direction and rotates 16 degrees back to level around its top edge. The rotation uses an elastic curve, so the layer rotates past level and back several times before it stops.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

In Cinematic Bounce

Fades the layer in while it moves 80 pixels in the chosen Direction. The layer starts stretched to 130% along its direction of travel and squashed to 78% across it, and its proportions pass their normal values and return several times before they stop.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Cinematic Skew Slide

Fades the layer in while it moves 170 pixels in the chosen Direction. The layer starts skewed 16 degrees and stretched to 116% along its direction of travel, and returns to its normal shape.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 900. The animation's total length, in milliseconds.

In Cinematic Overshoot

Fades the layer in while it moves 120 pixels in the chosen Direction, passes its resting position and moves back to it. At the same time it scales up from 70% to full size and rotates 8 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 950. The animation's total length, in milliseconds.

In Cinematic Punch

Fades the layer in while it moves 22 pixels in the chosen Direction. The layer scales up from 42% of its width and 60% of its height, passes full size and scales back to it, and rotates 10 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 700. The animation's total length, in milliseconds.

In Cinematic Zoom Blast

Fades the layer in while it scales down from 240% to full size. At the same time it moves 40 pixels in the chosen Direction and rotates 5 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1150. The animation's total length, in milliseconds.

In Cinematic Vortex

Fades the layer in while it rotates 95 degrees back to level and scales up from 32% to full size. At the same time it moves 70 pixels in the chosen Direction.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Cinematic Fold

Fades the layer in while it rotates 82 degrees in 3D around its trailing edge until it is flat. At the same time it moves 30 pixels in the chosen Direction.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1050. The animation's total length, in milliseconds.

In Curved Motion Category

The Curved Motion category of the In collection holds six presets that move the layer into position along a curved path instead of a straight line. Every one fades the layer in and offers only the Smooth and Snappy easing curves.

In Curved Motion Arc In

Fades the layer in while it moves along a curved path in the chosen Direction. It travels 150 pixels for Up and Down, and 190 pixels for Left and Right.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 650. The animation's total length, in milliseconds.

In Curved Motion Swoop

Fades the layer in while it moves along a curved path in the chosen Direction, 340 pixels for Up and Down and 420 pixels for Left and Right. It also scales up from 90% to full size and rotates 20 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Curved Motion Whip

Fades the layer in while it moves along a curved path in the chosen Direction, 420 pixels for Up and Down and 520 pixels for Left and Right. The layer starts skewed 22 degrees and stretched along its direction of travel, and returns to its normal shape.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 800. The animation's total length, in milliseconds.

In Curved Motion Drift

Fades the layer in while it moves along a curved path in the chosen Direction, 220 pixels for Up and Down and 260 pixels for Left and Right. The layer starts at 108% of its size and scales down to full size.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 2000. The animation's total length, in milliseconds.

In Curved Motion Hook

Fades the layer in while it moves along a curved path in the chosen Direction, 280 pixels for Up and Down and 340 pixels for Left and Right. It also scales up from 94% to full size and rotates 14 degrees back to level.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 1150. The animation's total length, in milliseconds.

In Curved Motion Lob

Fades the layer in while it moves along a curved path from 300 pixels to the side and 180 pixels below its resting position. The layer starts stretched to 110% of its height and rotated 10 degrees, and returns to its normal shape and level.

Parameters:

• _Direction: Left, Right. The direction the layer moves in.
• _Easing: Smooth, Snappy. The acceleration curve of the layer's movement.
• _Duration: Default 1100. The animation's total length, in milliseconds.

In Movement Category

The Movement category of the In collection holds three presets that fade the layer in while it slides, skews or scales.

In Movement Slide

Fades the layer in while it moves in a straight line in the chosen Direction.

The four diagonal directions move the layer by its own width and height, and do not use Distance.

Parameters:

• _Direction: Up, Down, Left, Right, Up Left, Up Right, Down Left, Down Right. The direction the layer moves in.
• _Distance: Short, Medium, Long. How far the layer moves. Short is 50 pixels, Medium is a quarter of the module's size, and Long starts the layer at the edge of the area that contains it.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Movement Skew

Fades the layer in while it moves in a straight line in the chosen Direction and straightens from a skew. The skew is between 10 and 30 degrees, and larger for a longer Distance.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Distance: Short, Medium, Long. How far the layer moves. Short is 85 pixels for Up and Down and 75 pixels for Left and Right, Medium is a quarter of the module's size, and Long starts the layer at the edge of the area that contains it.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Movement Zoom

Fades the layer in while it scales to full size, with no movement.

Parameters:

• _Zoom: In, Out. In scales the layer up from a smaller size, and Out scales it down from a larger size.
• _Style: Normal, Squash H, Squash V. Normal scales width and height together, from 80% for In or 125% for Out. Squash H scales mainly the width, from 30% or 180%. Squash V scales mainly the height, from 30% or 180%.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's scaling.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Rotate Category

The Rotate category of the In collection holds three presets that fade the layer in while it rotates, either flat on the slide or in 3D.

In Rotate Smash

Fades the layer in while it moves twice its own size in the chosen Direction, scales down from 200% to full size and rotates 20 degrees back to level.

Center moves the layer up from below and replaces the flat rotation with a 3D tilt of 20 degrees on two axes. The layer shows at full opacity from the start, with no fade.

Parameters:

• _Direction: Up, Left, Center, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Rotate Flip

Fades the layer in while it rotates one full turn in 3D, with no movement. Up and Down rotate it around its horizontal axis, and Left and Right around its vertical axis.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer rotates in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's rotation.
• _Duration: Default 500. The animation's total length, in milliseconds.

In Rotate Turn

Fades the layer in while it rotates 70 degrees in 3D until it faces forward, around a point behind the layer. Up and Down rotate it around its horizontal axis, and Left and Right around its vertical axis.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer rotates in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's rotation.
• _Duration: Default 1250. The animation's total length, in milliseconds.

In Masked Category

The Masked category of the In collection holds six presets that clip the layer to its own frame while it animates. Any part of the layer outside that frame is hidden until the animation ends.

In Masked Zoom

Fades the layer in while it scales to full size inside its own frame, with no movement. Any part of the layer outside the frame is hidden.

Parameters:

• _Axis: Cross Out, Cross In. Cross Out scales the layer down from 200%, and Cross In scales it up from 20%.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's scaling.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Masked Reveal

Fades the layer in while it moves its own full height or width in the chosen Direction, into its frame. The frame stays in place, and any part of the layer outside it is hidden.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

In Masked Glide

Moves the layer 75% of its size in the chosen Direction while its frame moves its full size the opposite way. The layer shows only inside the frame, and both stop at the layer's resting position. There is no fade.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

In Masked Uncover

Keeps the layer in place while its frame moves over it, along the axis set by Direction, until the frame reaches the layer's resting position. The layer shows only inside the frame. There is no fade.

Parameters:

• _Direction: Up, Left, Right, Down. The axis the frame moves along.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the frame's movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

In Masked Rotate

Fades the layer in while it rotates 70 degrees back to level around one of its corners and moves half its width sideways into its frame. Any part of the layer outside the frame is hidden.

Parameters:

• _Direction: Up Left, Up Right, Down Left, Down Right. The diagonal the layer moves along, which also sets the corner it rotates around.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

In Masked Colored Block

A solid white block fills the layer's frame, then shrinks in the chosen Direction and shows the layer behind it as it goes.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the block shrinks in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the animation.
• _Duration: Default 1200. The animation's total length, in milliseconds.

Out Collection

The Out collection holds the presets that animate a layer as it leaves. Applying one sets the layer's out animation, which runs from the layer's resting position, size and opacity to the preset's end state, where the layer is no longer visible.

The Out collection has four categories: Basic, Movement, Rotate and Masked.

No Easing curve is preselected on the Out collection's presets. Choosing one replaces the preset's own curve.

Out Basic Category

The Basic category of the Out collection holds one preset, which fades the layer out.

Out Basic Fade

Fades the layer out from full opacity to fully transparent, with no movement.

Parameters:

• _Strength: Subtle, Medium, Strong. Subtle, Medium and Strong set Duration to 1500, 1000 and 500.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the animation.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Movement Category

The Movement category of the Out collection holds three presets that fade the layer out while it slides, skews or scales.

Out Movement Slide

Fades the layer out while it moves in a straight line in the chosen Direction.

The four diagonal directions move the layer by its own width and height, and do not use Distance.

Parameters:

• _Direction: Up, Down, Left, Right, Up Left, Up Right, Down Left, Down Right. The direction the layer moves in.
• _Distance: Short, Medium, Long. How far the layer moves. Short is 50 pixels, Medium is a quarter of the module's size, and Long moves the layer to the edge of the area that contains it.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Movement Skew

Fades the layer out while it moves in a straight line along the axis set by Direction and skews. The skew is between 10 and 30 degrees, and larger for a longer Distance.

Parameters:

• _Direction: Up, Left, Right, Down. The axis the layer moves along.
• _Distance: Short, Medium, Long. How far the layer moves. Short is 85 pixels for Up and Down and 75 pixels for Left and Right, Medium is a quarter of the module's size, and Long moves the layer to the edge of the area that contains it.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Movement Zoom

Fades the layer out while it scales from full size, with no movement.

Parameters:

• _Zoom: In, Out. In scales the layer up to a larger size, and Out scales it down to a smaller size.
• _Style: Normal, Squash H, Squash V. Normal scales width and height together, to 125% for In or 80% for Out. Squash H scales mainly the width, to 180% or 30%. Squash V scales mainly the height, to 180% or 30%.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's scaling.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Rotate Category

The Rotate category of the Out collection holds three presets that fade the layer out while it rotates, either flat on the slide or in 3D.

Out Rotate Smash

Fades the layer out while it moves twice its own size along the axis set by Direction, scales up to 200% and rotates 20 degrees.

Center moves the layer a tenth of its size down and to the left, and replaces the flat rotation with a 3D tilt of 20 degrees on two axes.

Parameters:

• _Direction: Up, Left, Center, Right, Down. The axis the layer moves along.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Rotate Flip

Fades the layer out while it rotates one full turn in 3D, with no movement. Up and Down rotate it around its horizontal axis, and Left and Right around its vertical axis.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer rotates in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's rotation.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Rotate Turn

Fades the layer out while it rotates 70 degrees in 3D away from facing forward, around a point behind the layer. Up and Down rotate it around its horizontal axis, and Left and Right around its vertical axis.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer rotates in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's rotation.
• _Duration: Default 1250. The animation's total length, in milliseconds.

Out Masked Category

The Masked category of the Out collection holds six presets that clip the layer to its own frame while it animates. Any part of the layer outside that frame is hidden.

Out Masked Zoom

Fades the layer out while it scales inside its own frame, with no movement. Any part of the layer outside the frame is hidden.

Parameters:

• _Axis: Cross Out, Cross In. Cross Out scales the layer up to 200%, and Cross In scales it down to 20%.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's scaling.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Masked Conceal

Fades the layer out while it moves its own full height or width in the chosen Direction, out of its frame. The frame stays in place, and any part of the layer outside it is hidden.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

Out Masked Glide

Moves the layer 75% of its size in the chosen Direction while its frame moves its full size the opposite way, until the layer is outside the frame. The layer shows only inside the frame. There is no fade.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the layer moves in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

Out Masked Cover

Keeps the layer in place while its frame moves off it, along the axis set by Direction, until the layer is outside the frame. The layer shows only inside the frame. There is no fade.

Parameters:

• _Direction: Up, Left, Right, Down. The axis the frame moves along.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the frame's movement.
• _Duration: Default 1200. The animation's total length, in milliseconds.

Out Masked Rotate

Fades the layer out while it rotates 70 degrees around one of its corners and moves half its width sideways out of its frame. Any part of the layer outside the frame is hidden.

Parameters:

• _Direction: Up Left, Up Right, Down Left, Down Right. The diagonal the layer moves along, which also sets the corner it rotates around.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the layer's movement.
• _Duration: Default 1000. The animation's total length, in milliseconds.

Out Masked Colored Block

A solid white block grows across the layer's frame in the chosen Direction until it covers the layer. The block and the layer are then hidden together.

Parameters:

• _Direction: Up, Left, Right, Down. The direction the block grows in.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the animation.
• _Duration: Default 1200. The animation's total length, in milliseconds.