#06 Cubism Animator Making the Model Move

    About Cubism Animator

Animator is a tool for creating and embedding animation to a Live2D Model

It is advised to use the 32bit version for video exportation.

    Creating a New Project

Starting up the Animator, you will see the following "Project Selection" window.
Here, click the "New Project" button.

Moving on to the "Scene Settings".
The main matters here are the name of the scene and the screen size.
Once you have enter those inputs, click "OK".

  • Scene Name
    The name of the scene.

  • Frame Rate
    The frame rate. Normally, 30fps is the default.
  • Size
    The video's screen size.

  • Background Color
    The background color of the animation's preview screen.

  • Fade-in / Fade-out Rate
    They affect the transition flow between motions. 
    Leaving it as "1" is usually ok. There is no effect on video production.

Finally, save the project file.

    Importing and positioning the model file

Let's begin with importing the model file (.cmox format) into Animator.
Simply drag-and-drop the file into Animator.
( Otherwise, click "File" in the top menu → "Open", browse the file and press "OK")

The model appears in the view palette. Also, a track should be automatically created in the "Timeline" palette.
In addition, the model file is now listed on the "Material" palette.

The model is currently too large to work with.
Resize the red frame by click-dragging the corner red dot.
Shift + drag maintains the aspect ratio.

In the "Timeline" palette, expand the model track details by clicking on the triangle icon as seen below.
Expanding "Live2D parameters" shows all the active parameters for this model.
We will now create an animation with these parameters.

    Changing the length of the scene

Moving the slider on the top bar on the Timeline palette changes the duration of the scene.
The slider is shown in the image below.
(The green bar is the range of the work area. It indicates the active length of the scene.)

Set the length of the scene to "3 seconds 0 frame".

    Making animation

To create a motion for your model, place the key frames consisting different combination of parameter values into the timeline.
The following example creates an eye blink motion.
  1. At 0 seconds 0 frame (00:00), set the "EyeL open" to "1" and "EyeR open" to "1".
  2. At 0 seconds 7 frame (00:07), set the "EyeL open" to "0" and "EyeR open" to "0".
  3. At 0 seconds 15 frames (00:15), set the "EyeL open" to "1" and "EyeR open" to "1".

There are other ways to insert key frames.
The image below shows another method.

1. Move the cursor to where you want the key frame to be inserted.
2. Move the slider on the parameter in the "Parameter" palette.
3. Alternatively, you can input the value directly.

In addition, for repeated movements, you may copy (cut) and paste the key frames to save some work.

Click the "Play" button to see the result.

Other than eye blinking, work on the "Angle Z" and "Mouth Open" parameters to add to the animation.