How can we help you?

New in CLO 2025.0

Add Keyframe

Set Animation Layer

Animation Track

Set Keyframe

Timleline

Supported Objects

By setting animation keys on an object’s properties, you can interpolate between keyframes to express animation over time.

Edit the avatar’s joints to apply dynamic animations, or control the wind properties tocreate effects where the wind values change over time.

Use these methods to create various animation effects. Watch Video
 

Add Keyframe

1. Click Animation ▶  Animation Editor in the top menu.
    
2. Click the Add Animation button at the top left of the Animation Editor to view a list of objects that can have animations.
    
3. Select the target item to create an empty layer with no keyframes.
    
4. Expand the created layer, set the value of a property that can be keyed, and click the Insert Key button.
   * This action works the same as clicking Insert Key in the Property Editor.
    
5. Move the Current Frame, change the property value, and click Insert Key again to create another keyframe.
    
6. When you play the animation between the multiple keyframes, you can see the value change over time.

Animation Layer

1. Right-clicking the created layer will display a context menu.
    
2. Layer have a hierarchical structure, and only the properties of an object that can be keyed are displayed as layers.
    
3. Layers can be deleted, and sub-property layers can be re-created using the Add Layer menu of the parent layer. 

4. An animation list item is structured as follows:

   Option	Description
   Active Button	When the button is turned on, the keyframes in the layer become active and functional. Child layers are dependent on the active status of their parent layer.
   Layer Name	The top-level layer displays its name along with an icon. Property layers display only the name. The layer name is synchronized with the actual target’s name.
   Parameter Value	Shows the value of the corresponding property and allows you to edit it. This value is synchronized with the Property Editor and will update together.
   Key Controller	Enables the insertion of keyframes and provides navigation to the previous or next keyframe.

📝Note: Recorded Cache Layer only can be cut or merged.

Animation Track

1. Top Level Object Layer
   • The object layer displays the Start-End keyframe range as a bar.

   • Hover the mouse over the bar to display the handles and precisely adjust its length.

   • As the length of the bar changes, the keyframes in the child layers stretch or shrink while maintaining their relative spacing.
      
2. Property Layer
   • Actual keyframes are set on property layers.
   • Property layers can also be grouped, and the parent key in the group represents the keys of its children.
   • When the parent key is selected, all child keys on the same frame are selected as well, and actions such as moving, copying, deleting, or changing interpolation type are applied collectively.

Set Keyframe

1. Manual Keyframe Creation
   • Change the property value of the target object in the Animation Layer or Property Editor, then click the Intert Keyframe button.
   • The current property value of the target object will be set as a key at the current frame.

2. Automatic Keyframe Creation
   • Enable Auto Keying.
   • Manually set the first key using the manual creation method.
   • After the initial key is set, any changes to the same property will automatically create a key at the current frame.
     📝Note: The first key must be manually set in order for subsequent keys to be created automatically on that property.

3. Create Keyframes or Layers in Batch

   • When Add Keyframe for Selected Layers is executed from the Animation Toolbar, keyframes are created for all currently selected layers.

   • When Add Keyframe for All Layers is executed from the Animation Toolbar, keyframes are created for all layers.

   • When Create All Object Layers is executed from the Animation Toolbar, layers are created for all scene objects existing in the current world.

4. Copy and Paste Keyframes 
   • One or more keyframes can be copied and pasted relative to the current frame.
   • Meaningful paste results can only be achieved when pasting onto layers with the same data type.
   • When multiple keys are pasted, they retain the same spacing relative to the current frame.

5. Keyframe Interpolation Types

   • To set the interpolation type, select keys and right-click to open the context menu. Choose the desired interpolation type from the menu.

   • Keyframe interpolation types can be set as follows:

     Option	Description
     Linear	Creates a straight-line interpolation between keys, producing a constant rate of change.
     Cubic	Creates a curved interpolation between keys, resulting in dynamic changes.  This is visible when three or more keys are present.
     Constant	Maintains the current key's value until just before the next key.

   • To apply the same interpolation type to all child keys, select the parent key of the property and change its interpolation type. All child keys will be updated accordingly.

Timeline

Playback Range Context Menu

1. Use the following features to easily set the playback range.

   Option	Description
   Set Start Frame	Sets the current frame as the start frame of the playback range. This menu is disabled if the current frame is larger than the end frame.
   Set End Frame	Sets the current frame as the end frame of the playback range. This menu is disabled if the current frame is less than the start frame.
   Clamp Range to Active Frames	Automatically adjusts the playback range to fit the span between the first and last keyframes across all layers.

   ✨Tip:  Quickly adjust the animation playback range based on specific layers. Watch Video

   Use Clamp Range to Selected Layers from the track context menu of an animation layer to adjust the playback range.
   The range will automatically match the start and end keyframes of the selected layers.

Slider Context Menu

1. Right-click the slider at the bottom of the Timeline and use the following options to control the Timeline view area.

   Option	Description
   Fit to Active Frames	Adjusts the Timeline View to fit the Start Keyframe and End Keyframe.
   Fit to Playback Range	Adjusts the Timeline View to fit the Playback Range's Start Frame and End Frame.
   Fit to Full Frames	Adjusts the Timeline View to fir the defined Minimum Frame and Maximum Frame.

Supported Objects