Animate a video, overlay or text with keyframes

PandaStudio animates position, scale, rotation and opacity over time with keyframes on the main video, image and video overlays, motion graphics, text, the camera bubble and the captions, with a curve between each pair of keyframes.

Select an overlay, a graphic or a text annotation and its panel shows Animate this overlay (or Animate this annotation). Move the playhead inside the item and click Add keyframe at playhead, or press F, to store its current Move X, Move Y, Scale, Rotate and Opacity at that moment; set different values at a later moment and PandaStudio moves between them. Keyframe times count from the start of the item, so moving or retiming the item keeps the animation with it. Each keyframe has a curve to the next one: Smooth (the default), Slow start, Slow finish, Steady, Jump (no glide), Overshoot, Elastic, Smooth S-curve, Fast then soft, Gentle pan or a Custom curve. Preset move fills in the keyframes for you: Slow push in, Slow pull out, Slide in from left, right, below or above, Fade in, Fade out, Spin in, Pop in and Shake. To animate the main video itself, open Add on the timeline, then More options… and choose Animate the video (keyframes); the same menu has Zoom camera move, Move the camera bubble, Animate the frame style and Move captions, each as its own keyframe track. A zoom can be turned into camera keyframes with Edit as keyframes, which keeps the picture the same and lets you change it one keyframe at a time. Animated items show their keyframes on the timeline, and you can drag a keyframed video in the preview to update the keyframe at the playhead. Enter and exit transitions (fade, pop, slide) are separate and play on top of the keyframed move. The preview and the export draw the same frames, and everything renders on your computer.

In the app

1. 1Click the overlay, graphic or text on the timeline. Its panel on the right shows Animate this overlay (or Animate this annotation).
2. 2Move the playhead to where the move should start and click Add keyframe at playhead (or press F).
3. 3Move the playhead later, change Move X, Move Y, Scale, Rotate or Opacity, and add another keyframe. Pick a curve for each keyframe under Keyframes and more.
4. 4Or pick a Preset move such as Slide in from left or Pop in and click Apply to replace the keyframes with it.
5. 5To animate the main video, click Add on the timeline toolbar, open More options… and choose Animate the video (keyframes).
6. 6To fine-tune a zoom, select it and click Edit as keyframes.

pandastudio project.add-keyframe --id=$ID --target=overlay --regionId=$OVERLAY --timeMs=0 --x=-0.4 --opacity=0 --easing=ease-out

pandastudio project.set-keyframes --id=$ID --target=overlay --regionId=$OVERLAY --keyframes='[{"timeMs":0,"scale":0.8,"opacity":0},{"timeMs":600,"scale":1,"opacity":1,"easing":"back"}]'

pandastudio project.remove-keyframe --id=$ID --target=overlay --regionId=$OVERLAY --keyframeId=$KEYFRAME

pandastudio project.add-motion --id=$ID --atMs=5000 --durationMs=3000 --preset=push-in

pandastudio project.convert-to-keyframes --id=$ID --regionId=$ZOOM