Displaying and Operating the Timeline

(Updated 10/28/2021)

Once you have placed the models, sounds, and other materials in the scene, the next step is to create the animation.
This section describes the display and operation of the Timeline palette for editing animations.

See “Timeline Palette” for details on the screen structure of the Timeline palette.

For basic operations, see “Dopesheet Basic Operations” and “<Graph editor>”.


View Timeline

Click the [Open/Close Button] in (1) or (2) in the image to expand the track or property group.
Within each property group, keyframes can be edited.

Basic operation of the timeline


Overall length change

The overall length of the animation scene is, changed by dragging the gray area marked with [Duration:].
It can also be changed by entering a numerical value in the [Duration] section of the [Inspector] palette.


Change of work area range

The orange bar is the [Work area].
Indicates the playback range of the animation scene being edited.
The length can be changed by dragging the left and right ends.

Furthermore, you can mouse over the work area to see the information.


Work Area Movement

By dragging the orange work area, you can move the area to be played.


Changing track length

Drag the arrow on the left end of the track left or right to move the position of the track on the timeline.
Drag the left and right ends left and right to change the length of the track.

The work area and track positions can also be changed using the indicators.
For details, please refer to the “Animation Menu” page.


Timeline Movement Operations


Expanding and reducing the timeline

Use [Alt] + [Mouse Wheel] to zoom in and out on the timeline.
The center of scaling is the cursor position.

The graph editor can be scaled in the same way.


Scroll through the timeline

Horizontal scrolling of the timeline can be controlled with the slider at the bottom or [Shift] + [mouse wheel].
Also, you can scroll horizontally and vertically at the same time by [middle mouse click (click on the wheel)] + [drag].
It is useful in combination with the timeline zooming in and out performed by [Alt] + [Mouse Wheel].


Move to the Beginning of Timeline, Move to the End of Timeline

Use [Home] to move to the beginning of the entire timeline.
[End] allows you to move to the end.


Move to the Beginning of Work Area, Move to the End of Work Area

Use [Shift] + [Home] to move to the beginning of the entire timeline.
Use [Shift] + [End] to move to the end.


Move every keyframe

From the current location of the [Indicator] on the selected parameter, move to the previous and next keyframes in sequence.
Press [J] to go forward one step and [K] to go back one step.
Press [Shift] + [J] to move forward one key in the entire track, and [Shift] + [K] to move back one key in the entire track.


Timeline Settings

Click the hamburger button in the upper right corner to display settings related to operations on the timeline.

Enable the operation of the shied properties on the property groups

For details, see “Shy Functions”.


Lightweight playback

When the [Lightweight playback] checkbox is checked, the parameters and values on the timeline palette will not change while the scene is playing.
See “Lightweight Playback Function” for details.


Select all keys when selecting parameters

When [Select all keys when selecting parameters] is checked, all keys for the selected parameter will be in the selected state.

Display key values

Checking the [Display key values] checkbox will display the key values in the graph editor.

Auto resize

Auto resize ON
If [Auto resize] is checked, the entire graph will follow the values as you drag keyframes around in the graph editor.

Auto resize OFF

If unchecked, the entire graph will not follow while you move keyframes by dragging.
The entire graph changes as soon as the keyframe position is determined.

Always edit continuous Beziers

Always edit continuous Beziers ON

In the timeline palette, the handles before and after the key are always aligned when manipulated.
While pressing [Ctrl], this item is disabled if enabled or enabled if disabled.
See “Graph Editor#Continuous Bezier Editing” for details.


Smart snap using Shift

See “Graph Editor#Value Formatting” for details.


Make Beziers by dragging curves

If [Make Beziers by dragging curves] is enabled, curve dragging is also enabled for non-Bézier curves.
For more information on curve dragging, see “Graph Editor#Curve Dragging”.


Snap to keyframes' values on GraphEditor

Checking the [Snap to keyframes' values on GraphEditor] checkbox snaps the selected key to the numeric value of the previous or next key.
As you move the keyframe up or down, an orange line will appear with the value to be snapped.

© 2010 - 2022 Live2D Inc.