Animation basics

Animations can help you tell a story with a map or a scene and then export it as a video to share. You create animations by capturing a series of keyframes. You can configure how the transitions are interpolated between each keyframe. When you're done, you can edit the animation as needed.

Animations can be modified interactively in a map or scene, or you can adjust animation properties by directly typing exact values. For example, you can update timing values for how fast or slow a duration is, change the position values of the camera, or insert a pause to showcase an area of interest. You can also add details using overlay text, images, and shapes directly on an animation.

When you are ready to share an animation, you export it to the appropriate video format and set the resolution and frame rate. You can share animations directly to websites such as YouTube or Twitter. Working with an animation is like working on the active animation for the map, your changes are stored with the map. A map or scene can contain multiple animations. You can duplicate an existing animation and then modify it to show the same information with different properties.

Add a new animation

Use the Animation tab to build an animation. If a map or scene has never had an animation, you must add an animation to access the Animation tab. On the View tab, in the Animation group, click Add Add Animation. The Animation tab appears as well as the Animation Timeline pane to display keyframes as you create them.

Keyframes

A keyframe stores the properties of the map and its layers. It defines the starting and ending points of your animation. The sequence of keyframes is used to organize the movements and what is displayed during playback. You can rearrange keyframes, change the duration, and modify the transition experience between keyframes. The keyframe transition properties describe how values are interpolated between keyframes, including duration, and use mathematical methods for different path experiences, such as a hop or fixed linear movement.

When capturing a keyframe, the following properties are captured:

PropertyExamplesExample animation

Map properties

  • Vary camera viewpoints to preview a parade route in a scene.
  • Vary time to visualize historical population changes in a map or changing water temperatures in a voxel layer.
  • Vary ranges to view individual floors in a building in a scene.

Layer properties

  • Vary symbology and layer visibility to compare rezoning impacts on critical habitats in a map.
  • Use vertical exaggeration and vertical offsets to lower proposed buildings to the ground or lift shapes up to represent potential job growth in a scene.
  • Exaggerate shallow voxel layers such as 50 meters of soil information for a wide area.

Additional layer properties for voxel layers (scenes only)

  • Turn on and off voxel isosurfaces, voxel layer sections, and voxel layer slices to see content inside a voxel data volume, such as water temperatures in the Atlantic Ocean.
  • Reposition a slice or section to capture moving through a voxel volume showing subsurface geological strata across a region.
  • Vary the data filter ranges for a voxel layer, such as the parts-per-billion of CO2 gas.
  • Vary the transparency and color of voxel isosurfaces to highlight specific data values, such as smoke levels above a safety threshold.
    Note:

    Each component of the color—red, green, blue, alpha—is linearly changed between keyframes.

You can interact with keyframes in the keyframe gallery in the Animation Timeline pane or use the keyframe list in the Edit group on the Animation tab. You can use the selected keyframe to navigate, update timing, or set additional editing options.

Available animation settings

The Animation tab is a contextual tab, so it only appears when the active map or scene contains an animation. To start working with animation, click the Add button Add Animation in the Animation group on the View tab. This Animation tab contains all of the tools for creating, editing, and exporting your animation. The controls and settings on the Animation tab are grouped according to their desired use and purpose and are described below.

Display group

In the Display group, you can show the visual feedback of the path and keyframes of your animation. Sometimes a visualization helps to understand playback behavior you are not expecting. It can also improve your editing experience with dynamic feedback. Use Edit Current Keyframe Edit Current Keyframe to display the movable editing control in the view. You can interactively modify your animation and see the path and keyframes adjust right away. You can iterate through each keyframe using the Edit Next Edit Next and Edit Previous Edit Previous buttons or click directly in the view to modify the path. By default, the map will zoom to the keyframe you are editing if it is off-screen. The path and keyframes do not appear during live playback or when exporting to video.

Create group

The Create group is where you begin to build your animation. The Append tool Append Keyframe is the primary tool for creating keyframes and defining the path between those keyframes. Append has five transition types listed in its drop-down menu—Fixed, Adjustable, Linear, Hop, and Stepped—that give you control over the interpolated camera path. Use the Import Import Animation options to automatically create keyframes. You can import objects such as bookmarks, time data, or range data and convert them to keyframes in a preconfigured format. You can also automatically create keyframes to generate a circular path around the center of the view or a selected feature.

Edit group

The Edit group contains tools for modifying an animation. You can update keyframes, insert a new keyframe along the animation path, delete keyframes, and modify the timing between keyframes. The Keyframe List allows you to quickly select a keyframe from a drop-down list and adjust properties such as the flight path (curvature type for the line of action to the next keyframe) and keyframe timing. Use Zoom To Zoom To to update the map or scene to a selected keyframe's location. Use the Animation Properties pane Properties for detailed edits on selected keyframes and overlay elements, as well as to configure the default settings when creating an animation.

Playback group

Playback controls allow you to review your animation. You can play it at real speed or manually step through individual keyframes. The Duration time box allows you to increase or decrease the total time of the animation, whereas the Current time box is exactly what you want to see in the view. When you type a value into the Current time box, the view updates to show where you are along the animation timeline. There are also keyboard shortcuts associated with playback for convenience. Click the Timeline button Timeline to access the Animation Timeline pane at the bottom of the application. It provides an interactive visual timeline as well as a gallery of keyframe preview images. The Animation Timeline pane is designed for creating keyframes as well as working with selected keyframes including updating, removing, reviewing using playback, or rearranging.

For more information, see Animation Timeline pane.

Overlay group

Overlays are text, image, or shape elements added to the animation to provide more information. Preset overlays are provided for 2D text, images, dynamic overlays, and shapes in a gallery. Presets have specific formatting already defined to simplify the process of incorporating them to your animation but can still be fully customized. Text overlays include titles, paragraphs, and copyright information. Images include photographs and watermarks. Dynamic overlays go a step further and incorporate camera information, range slider, and time slider information and change automatically based on the current property of the map for the selected keyframe. Shape overlay elements include a point, ellipse, rectangle, and arrow. You can edit overlays by first selecting the overlay and then using the Overlay tab in the Animation Properties pane. On-screen editing is also supported for changing text, adjusting position, or updating an overlay element's appearance, such as size and rotation. A group overlay allows you to collect associated overlays for easier organization.

Export group

Once you've created your animation, you can export the animation to a video. A set of preconfigured settings are available, and you can also define and save your own custom preset formats. By default, Lock View Size Lock View Size is enabled, creating a clipped boundary so your view size more closely represents what you will see based on the export resolution settings. The Preview Frame window Preview Frame allows you to see the current time in the animation as it will appear in the exported media format. Using the preview as a companion to your animation authoring workflow helps when preparing to export your animation. This way, you can confirm if your overlay elements will be included and not be clipped due to resolution settings.

Manage group

A map can contain multiple animations. All of a map's animations are listed in the Manage group as a way to set the active animation. The active animation is the one you are currently authoring, editing, duplicating, removing, or exporting. You can insert an animation into your map or scene as either a new, empty animation or a duplicate of an existing animation. The list of animations can be alphabetically sorted in ascending or descending order or by the order in which they were added to the map.

Animation timeline and properties

There are two panes for creating and editing an animation: the Animation Timeline pane and the Animation Properties pane. Both panes are accessed from the Animation tab. By default, the Animation Timeline pane is opened when a new animation is added to a map or scene.

Related topics