4. Body Moving

You can also download the latest Cubism Editor here.

In this case, we will use the Live2D “Deformer” tool to add movement to the body and hair.
In the video, we explain how to use Deformer while adding [facial tilt], [hair swing], [arm movement], and [body up/down and tilt].

Basic Tutorial List

  1. Illustration Processing
  2. Prepare to move the illustration
  3. Let's add facial expressions
  4. Let's get our bodies moving
  5. Facial XY motion attachment
  6. Let's add motion

Tutorial Video in Japanese

Below is a link to a manual with more detailed explanations in the video.

  1. About Deformer [0:10]
  2. Rotating Deformer [1:27]
    Parent-child relationship structure
    inspector Palette
  3. Edit Parameter [3:00]
    Parameter palette
  4. Warp Deformer [6:22]
    Key form (X,Y movement) 

English Tutorial Video

Chinese version Tutorial Video

Please refer to the following URL for the Chinese version of the video tutorial.


You can download the data with the movements created in the video here. Please refer to.
* Please be sure to read the license agreement for the free materials before downloading.
The completed sample model of “Hiyori Momose” appearing in the video => Click here for DL
* Some browsers may not allow you to download the file even if you click the link.
 In that case, please right-click and save the link.


Video Review

Here, the ArtMesh is placed in a “deformer” to add movement.
The movement to attach:
• Tilting movement of the face
• Hair swing
• Arm movement
• Tilt of the body and vertical movement
The above four.


About Deformer

When the sample model is displayed, it shows a gray square and several red bars.
This is deforma.

Deformers can be deformed and rotated by placing an ArtMesh inside.
Like ArtMeshes, deformers can be parameterized, so if you learn how to use them, you can add a variety of movements to your characters.


Types of Deformers

The gray square and red bar are both deformers, but they are used separately.
The gray squares are called “warp deformers”.
Warp deformers can deform the ArtMesh contained within.

The red bar is called the “rotational deformer”.
The Rotation deformer is a deformer specialized for rotational movements, allowing the user to rotate by specifying a numerical angle.
It is primarily used on the neck, arms, and legs to create a leaning motion.

Creating a face-tilting movement

The tilting motion of the face is named [Angle Z] in the Live2D parameters.

First, the head component is placed in a rotating deformer.
From the parts palette, lock in the neck, arms, body, and legs.

Once locked, use Ctrl+A to select all ArtMeshes that are not locked.
With the selection selected, click [Create Rotation Deformer] at the top of the screen.

Clicking on [Create Rotation Deformer] will bring up a new dialog box.
The name can be arbitrary.
You can decide where to insert the parts at the insertion point. This time, select a face since it is a face rotation.
Be sure to select “Set as Parent of Selected Object” as the destination for the addition.

After confirming the various settings, click [Create].

The rotating deformer is now ready.
When rotated, the selected face parts will rotate.
If any parts are missing, they can be inserted by selecting the ArtMesh and then selecting Deformer from the inspector.

Deformers can be positioned by holding down Ctrl and moving them. This operation is similar for warp deformers.
Be careful not to hold down Ctrl, otherwise the ArtMesh inside will move with it.

The rotating deformer is brought to the chin position.

Once the position has been adjusted, the parameters are used to add movement.
The procedure for attaching parameters is the same as for an ArtMesh.
The three-point insertion is used to add motion to the face rotation Z parameter. Here, each side should move 10 degrees.

Hair swaying motion

Next, let's create a hair swing movement. Movement is applied to the front, sides, and back of the hair, respectively.
First select the forelock ArtMesh and click on [Create Warp Deformer] in the center of the menu above.

As with the rotational deformer, a dialog box will appear to confirm each item.

The bottom item is one that was not present during the rotational deformer.
For the time being, the number of Bezier divisions is 2 x 2 and the number of transformations is 5 x 5.
When you have finished entering the values, click [Create].

The warp deformer is ready.
When the deformer is deformed, the bangs are deformed together.

Now, let's add a swinging movement of bangs to the deformer.

We will add a movement such that the tips of the hairs sway to the left side of the screen when the parameter moves to the left, and to the right side of the screen when the parameter moves to the right.
When deforming the warp deformer, pay attention to the “Level edit” in the menu.
Level edit 3 is suitable for rough movement and 1 for detailed movement.
Once you get used to it, you can work more efficiently using the Level edit, but until you get used to it, we recommend that you basically use Level edit 2.

The swaying motion can be easily added by simply moving the bottom of the deformer.

This completes the swing of the bangs.
Create deformers and movement in the sides and back of the hair as well.


Creating arm movements

As with the face, select the ArtMesh and then create a rotational deformer on the arms.
However, if this is left as is, the arms are down but the rotating deformer is pointing up, making it difficult to operate, so the default angle is set to match the arms.
The angle can be adjusted by turning the handle while pressing Ctrl.

After adjusting the angle, click [Freeze Rotation] in the inspector to set the reference angle.
Setting a reference angle makes it easier to specify the angle numerically.

After adjusting the deformer, we will add movement, but arm movement is not included in the default parameters, so we will add a new parameter.
Under the Parameter palette, there is a [Create Parameter], where you can add a new parameter.

The name should be “Arm” and the ID “ParamArm”.

The range of the parameter is 0 to 30, since we will only add an arm raising motion.
If you want to add a downward movement as well, set the minimum [-30], base [0], and maximum [30].

Insert two parameters into the rotational deformer to make it go up when it reaches 30.

The arms looked thin when raised, so this time we also added a parameter to the ArtMesh to adjust the thickness.

The left arm is moved in the same manner.


Creation of body tilt and vertical movement

Tilting and up-and-down movements of the body are made by placing the entire body in warp deformer.
The procedure so far is to select all ArtMeshes and create a deformer, but since the head, hair, etc. are already in the deformer, I am unable to set them as the parent and create them.

For this reason, we will first create an empty deformer and then insert the object.

Two deformers are also required, one for tilt and one warp deformer for up/down.
If you want to create two deformats in succession, you can press [Create Consecutive Deformats] on the far left to continue creating deformats.

To put an object into a deformer, drag and drop it from the deformer palette.

Alternatively, the object can be placed in a deformer by selecting the deformer from the inspector with the object selected.

Now let's add vertical movement to the smaller warp deformer and tilt movement to the larger one.

The ups and downs of the body are moved by the parameter [Body Rotation Y]. Insert 3 points as you make a move up and a move down.
If the feet float, it will be difficult to attach motions, so deform the feet so that they do not leave the ground surface.

The tilt of the body is moved by the parameter [Body Rotation Z].

The tilt of the body should be transformed into an arc, rather than translating sideways.
For male characters, I think it would be better to make a movement to shift the center of gravity.


This is the end of this motion attaching.
If you use deformers well, you will be able to create a variety of movements.
The basic method of adding movement is the same for all parts, so try moving the character around a lot while referring to sample models.
Also, the movements we have made so far are enough to move the characters, so try your hand at animation!

Previous section “3. Adding facial expressions” | Next section “5. Adding XY facial movements

© 2010 - 2022 Live2D Inc.