Animating with keyframes

Animating with keyframes

In HitFilm, animation refers to anything that changes over time, not just to movement. Animation is achieved using keyframes.

Full keyframing is only available on composite shot timelines, though you can adjust opacity and volume on the Editor sequence.

Activating keyframing key-frame-full@2xkey-frame-off@2x

Keyframing has to be explicitly turned on for each property you want to animate.

If keyframing is turned off, any changes you make will affect the setting for the duration of the layer. Moving to a different frame and making a further change will also make that change for the entire layer.

Once keyframing is turned on for a property, every time you make a change it is stored on that precise frame as a keyframe. You can the go to different frames and make adjustments to create multiple keyframes. HitFilm then animate the setting from one keyframe to the next.

To turn keyframing on and off click the circle to the left of the property. When activated the keyframe icon will turn blue and a new keyframe will be placed at the playhead's current position.

Creating keyframes

Every time you change a setting in HitFilm, a keyframe is placed on the timeline at the playhead position. Keyframes contain information about the changes you make.

HitFilm automatically interpolates from one keyframe value to the next. This means that you don't need to animate every single frame.

For example: If you have a keyframe on frame 1 which positions a layer on the far left of the screen, then another keyframe on frame 24 positioning the layer on the far right, HitFilm will animate the layer moving from left to right over the course of those 24 frames.

Navigating by keyframes key-frame-previous@2x key-frame-full@2x key-frame-next@2x

Once you have created several keyframes it can be useful to quickly move between them on the timeline.

You can do this using the previous/next keyframe controls at the top of the timeline, which jump your playhead between keyframes for the currently selected property.

You can also double-click on a keyframe on the timeline to jump the playhead to that position.

Adding and removing keyframes key-frame-full@2xkey-frame-off@2x

Sometimes you may want to add or remove a keyframe to the current frame without actually changing any settings.

This can be done by clicking the add/remove keyframe button at the top of the timeline (positioned between the keyframe navigation arrows).

If there is a keyframe on the current frame already, clicking the add/remove button will remove it.

If there is not a keyframe on the current frame, a new keyframe will be created using the settings from that frame.

Editing keyframes

Once a keyframe has been created you can make further adjustments to its position and behaviour.

Selecting keyframes

Keyframes can be selected using the Select tool. Selected keyframes are highlighted in blue.

Simply click a keyframe to select it. Selecting a different keyframe will deselect the first one.
Holding Ctrl while selecting keyframes enables you to select multiple keyframes.
Multiple keyframes can also be selected by dragging a selection box.

Moving keyframes

Selected keyframes can be moved around the timeline by dragging them with the mouse.

Keyframes can only be dragged horizontally on the timeline. They can't be dragged onto other properties.

If you want to transfer keyframes from one property to a similar property in another layer you can copy and paste them.

Selecting three or more keyframes and holding the Alt key while dragging on the keyframe to the extreme left or right of the selection scales the keyframe positions.

Scaling the keyframe positions may create sub-frame keyframes which don't exist on specific frames. These cannot be directly edited without first being moved to a primary frame position.

Changing interpolation

Interpolation affects how HitFilm animates from one keyframe to the next.

Spatial interpolation automatically uses smoothing.

You can change the temporal interpolation by right clicking selected keyframes and exploring the Interpolation menu.

Linear: Interpolates from one keyframe to the next without any smoothing.
Smooth: As the playhead approaches a keyframe it will gradually adjust the speed of the property to animate gently into and out of the keyframe.
Smooth In: Only smooth the speed change of the property as the playhead approaches a keyframe.
Smooth Out: Only smooth the speed change of the property as the playhead moves away from a keyframe.
Constant: Each keyframe value is held as a constant until the next one is reached.