Marvelous Designer Support

Objective

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 to create effects where the wind values change over time. Use these methods to create various animation effects.

Location

Main Menu ▶ Animation ▶ Animation Editor 

Main Menu ▶ Window ▶ Animation Editor

Bottom Window Center ▶ Open Animation Editor icon

Side Panel Title Bar ▶ Right-click Dropdown menu ▶ Animation Editor

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

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

Animation Track

• Object Layer
  
  1. 1. The object layer displays the Start-End keyframe range as a bar.
     2. Hover the mouse over the bar to display the handles and precisely adjust its length.
     3. As the length of the bar changes, the keyframes in the child layers stretch or shrink while maintaining their relative spacing.
        
        
• Property Layer
  1. 1. Actual keyframes are set on property layers.
     2. Property layers can also be grouped, and the parent key in the group represents the keys of its children.
     3. 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

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

1. 1. 1. Enable Auto Keying.
      2. Manually set the first key using the manual creation method.
      3. 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.

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

• Keyframe Interpolation Types
  
  

• • • 1. To set the interpolation type, select keys and right-click to open the context menu. Choose the desired interpolation type from the menu.
      2. Keyframe interpolation types can be set as follows:

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

         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 Improvement

Playback Range Context Menu
Use the following features to easily set the playback range.

Slider Context Menu

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

Supported Objects

Keyframe animation can be applied to the following objects: