Animating a Tour

Learn how to create an animated tour.

In this example, we create a single, flat video of 3 nodes. We transition
between the nodes with a dip to color transition.

1. Add your images to the
   Tour Browser.

2. Open the Animation Editor panel by clicking the Animation button in the
   Toolbar.

3. With the first node to animate selected, add a clip by clicking the New
   clip button in the top-left section of the editor.

   

   In the dialog that pops up, give the clip a Title and click, OK. You’ll
   then see the clip listed in the Clips section of the
   Animation properties.

   Clips can be rearranged by dragging the handles to the left. The clips will
   play in the order they are listed here from the top down.

4. Start animating! The simplest animation is a rotation along the horizon.

   First rotate the panorama to where you want the panorama to move.

5. Hit Enter.

   This adds Magic Keyframes to the Pan, Tilt and FoV tracks. If you
   animated a projection, then this would also apply.

   The magic keyframe feature allows you to add evenly timed (constant speed)
   keyframes. The default speed is 10 degrees per second. You can change this to
   any value.

6. [Optional] Rotate the panorama again and hit Enter again to set another set
   of keyframes

7. Play it back to see if it’s what you want and
   edit the keyframes as necessary.

8. Go to the next node by hitting Command+] (macOS) or Control+] (windows) and
   continue to animate in this manner for the rest of the nodes in the tour.

9. Output the video or the frames.
   (FFmpeg must be installed.)

Output a Video File

✭ FFmpeg must be installed.

In the Animation Properties
check that the clips you’ve created are in the Clips table. If not, double-click
in the clips table. In the dialog that pops up, confirm the panorama (node)
and the clip by clicking OK.

1. Open the Output Panel panel.

2. Add an Animation output by clicking on the Add Output button.

   

3. Add transitions by going to the
   Transitions pane
   and choose, for example, Dip to Color.

4. Open the Animation pane and in the Video section, enter a video
   resolution (i.e. 1920 x 1080).

5. Enter a frame rate. 24fps is the default.

   ✭ Tip: A higher frame rate will result in smoother playback.

6. Select Generate video file.

7. If you won’t need the frames, select Delete frame files after video
   creation.

8. Output it! Click the Generate output button.

9. Choose, All Frames to render a single video that contains all clips or
   choose Clip and select a single clip to output.

10. Click Render.

Output Frames

1. Open the Output panel.

2. Add an Animation output by clicking the Add Output button.

3. In the Frames section, choose the file format of the frames. If you
   choose JPEG, define the quality.

4. Edit the filename if needed. The image sequence number will be appended to
   the file’s base name.

5. Output the frames by clicking the Generate output button.

6. Choose, All Frames to render a single video that contains all clips or
   choose Clip and select a single clip to output.

7. Click Render.

See also…

• Animating a single panorama

• FFmpeg

• Editing Keyframes

• Animation Properties