Skip to main content

Timeline Editor

The Timeline editor allows you to drag and drop multiple objects and assets onto the timeline, where you can control their visibility and timing using keyframes. This provides an easier way to customize how objects appear, move, and interact within your effect.

timeline

Add an Object or Asset to Timeline

You can easily add an object by dragging it into the Timeline editor directly. You can also add an object or asset by clicking the Add button [+] and selecting:

  • Activation Track: To add an object from the Hierarchy panel
  • Video Track: To add a supported asset such as animations (MP4s), GIFs, or images
  • Audio Track: To add a supported audio file (MP3)
add an object or asset to timeline

Animate an Object Using Keyframes

Adding a keyframe marks a specific point in time where a property (like position, rotation, or scale) changes. This lets you animate an object over time in your effect. Let's go over how to add a Cube object to the timeline.

  1. Go to the Hierarchy panel
  2. Click the Add object button [+]
  3. Go to 3D
  4. Select Cube. The Cube object is now added to the Hierarchy panel.
cube in hierarchy panel

Next, we'll add the Cube object from the Hierarchy panel into the Timeline editor.

  1. Click on the Cube object and drag it anywhere into the Timeline editor
drag cube into timeline
tip

You can also follow the same process to add assets such as MP3s, MP4s, GIFs, and images by dragging them directly from the Assets panel into the Timeline editor.

Now, let's record an action and make adjustments within the Scene panel.

  1. Go to the Timeline editor
  2. Go to the Cube object
  3. Click Record. The Timeline editor will now start recording keyframes based on your adjustments within the Scene panel or manual adjustments within the Inspector panel.
start record
  1. Adjust the slider to your preferred frame
adjust slider

In this example, we'll move the Cube object while the Timeline is in record mode.

tip

You can also make adjustments to the various properties within the Inspector panel.

  1. Go to the Scene panel
  2. Click on the Cube object and drag it to another area. This will record the Cube objects' new position as a keyframe.
drag cube object in scene panel

With the same logic described above, repeat this process to create additional keyframes.

Adjust an Existing Keyframe

To adjust an object's keyframe in the Timeline editor, click and drag the keyframe to a new frame position of your choice.

tip

To delete a keyframe, right-click the keyframe and select Delete, or press Delete on your keyboard.

adjust existing keyframes

Adjust Duration

To change how long the Cube object plays, drag its edges horizontally. Drag inward to shorten the duration, or outward to make it longer.

adjust duration
tip

You can also duplicate it by right-clicking and selecting Duplicate, or by pressing Command [⌘] + D.

Add Additional Tracks

You can layer multiple objects or assets in your effect by adding additional tracks.

add addtional tracks

To add a track:

  1. Go to the Timeline editor
  2. Click the Add button [+]

Then, select the track type you'd like to add:

  • Activation Track: Add an object from the Hierarchy panel
  • Video Track: Add a supported asset such as animations (MP4s), GIFs, or images
  • Audio Track: Add a supported audio file (MP3)
add an object or asset to timeline

Change From Frame to Seconds

You can also change the view from Frame or Seconds.

To change the view:

  1. Go to the Timeline editor
  2. Click Settings
  3. Select Frame or Seconds. The timeline view will update based on your selection.
change view from frame to seconds
Copyright © 2025 TikTok. All rights reserved.
About TikTokHelp CenterCareersContactLegalCookies