Animation

OpenShot has been designed specifically with animation in mind. The powerful curve-based animation framework can handle most jobs with ease, and is flexible enough to create just about any animation. Key frames specify values at certain points on a clip, and OpenShot does the hard work of interpolating the in-between values.

Overview

_images/animation-overview.jpg

#

Name

Description

1

Green Property

When the play-head is on a key frame, the property appears green

1

Blue Property

When the play-head is on an interpolated value, the property appears blue

2

Value Slider

Click and drag your mouse to adjust the value (this automatically creates a key frame if needed)

3

Play-head

Position the play-head over a clip where you need a key frame

4

Key frame Markers

Small icons are displayed on the bottom of the clip for each active keyframe (circle=Bézier, diamond=linear, square=constant). These icons are filtered based on the property window. For example, if you filter only scale_x, you will only see the icons for scale_x keyframes, for example.

Key Frames

To create a key frame in OpenShot, simply position the play-head (i.e. playback position) at any point over a clip, and edit properties in the property dialog. If the property supports key frames, it will turn green, and a small icon (circle=Bézier, diamond=linear, square=constant) will appear on the bottom of your clip at that position. Move your play-head to another point over that clip, and adjust the properties again. All animations require at least 2 key frames, but can support an unlimited number of them.

To adjust the interpolation mode, right click on the small graph icon next to a property value.

Key-frame Interpolation

Description

Bézier

Interpolated values use a quadratic curve, and ease-in and ease-out

Linear

Interpolated values are calculated linear (each step value is equal)

Constant

Interpolated values stay the same until the next key frame, and jump to the new value

For more info on creating key frames for location, rotation, scale, shear, and location, see Transform.
For more info on preset animations, see Context Menu.
For a full list of key frames, see Clip Properties.

Bézier Presets

When using a Bézier curve for animation, OpenShot includes more than 20 curve presets (which affect the shape of the curve). For example, Ease-In has a more gradual slope at the beginning, making an animation move slower at the beginning, and faster at the end. Ease-In/Out (Back) has a gradual beginning and ending, but actually goes past the expected value and then back (producing a bounce effect).

To choose a curve preset, right click on the small graph icon next to a key frame.

_images/curve-presets.jpg

Image Sequences

If you have a sequence of similarly named images (such as, cat001.png, cat002.png, cat003.png, etc…), you can simply drag and drop one of them into OpenShot, and you will be prompted to import the entire sequence. OpenShot will playback these sequential images rapidly, as if they are frames in a video. The rate or speed in which these images are displayed is based on their frame rate.

NOTE: Be sure your image sequence starts at 0 or 1, or you will likely receive an error when importing it into OpenShot. For example, if your sequence starts at cat222.png, or has missing images in the sequence, OpenShot will struggle to understand the sequence. An easy work-around is to renumber the images so they start with 1.

_images/import-image-sequence.jpg

To adjust the frame rate of the animation, right click and choose File Properties in the Project Files panel, and adjust the frame rate. Once you have set the correct frame rate, drag the animation onto the timeline.

_images/file-properties.jpg

#

Name

Description

1

File Properties

Select an image sequence in the Project Files panel, right click and choose File Properties

2

Frame Rate

Adjust the frame rate of the animation. Typically, hand-drawn animations use 12 frames per second.