#01 Starting up the Cubism Modeler

    Tutorial Materials

First, we begin with extracting the zip file.
The following 4 files will appear in the unzipped folder.

  • simple_01.canx  :The completed Live2D animation file. This file can be opened with Cubism Animator
  • simple_01.cmox :The completed Live2D model file. This file can be opened with Cubism Modeler
  • simple.psd   :The source file of the model with all the layered components
  • sketch.png  : A guide image that shows the eyes and mouth closed

In this tutorial, we will be using the files "simple.psd" and "sketch.png" to create our model.
The completed files of the animation and the model can be used as references.

Regarding the PSD file
The layering of character parts for your model file is preset in the PSD file.
The PSD import function adopts the layering structure of your PSD file.

    Cubism Modeler User Interface

After starting up the Cubism Modeler, you will see the interface as the image below.
To begin, let's go through the main palette.

  1. Parts
    This palette shows a list of character parts. These parts make up the character. Your deformers and texture (drawing objects) are stored here along with their polygons.

  2. Deformer
    This palette shows the family tree of the deformers. As you work on your model, you will have a number of deformers. It is handy to utilize this palette to inspect and manage the parent-child objects relationship.

  3. Edit
    The palette that shows the settings of the selected object (e.g., drawing object, deformers, etc). You will be able to edit the parts, parent deformer, draw order (layer), opacity (transparency) here.

  4. Parameters
    This palette is the control panel of the parameters. A parameter numeralizes a character's movement. This is the palette to work on when you need to make the character move.

  5. Canvas
    This palette shows the placement of the character's drawing object and defromers.

    Importing the PSD file

Locate the PSD file in your computer.
Drag and drop the PSD file (simple.pdf) onto Modeler.

The texture will be displayed with the polygons automatically generated.

On the lower left "Information" panel, see the "Resize Ratio". Depending on your settings, the default may not be set as 100%.

When the "Resize Ratio" is not at 100%, the texture image may be shrunken, and result distortion in the drawing objects.
To result a correctly proportioned image, we need the "Resize Ratio" to be at 100%.
In case that it is not, follow the steps in the section below to fix the problem.

    Import Settings

This is how we change the texture size to 2048 px in order to result a "100%" in the "Resize Ratio"

First, make sure the setting for "Texture Size" is set to 2048.
If it appears to be any of the other figures, click on the box and select "2048".

Next, enter the following values for the properties under "Layout" and "Polygon".

Once done correctly, the ratio will be at 100%.


Margins between the layers15
Allow layer rotationCheck the box
Offsetting for Re-import X, Y0,0

Boundary Margin10
Minimum Boundary Margin2
Interval Points (Pixel)80
Interval Adjustment by Size Ratio8.00
Minimal number of points5
Alpha Value determined as transparent0

For detail explanations of each item, please click here.

Adjusting the values as such way resets your Resize Ratio to 100%.

Finally, check the box for "Automatically set the drawing order".
This setting ensures the drawing order for each component will be automatically arranged upon importing the PSD file.

When all the settings are configured, click the "OK" button below.

We have successfully set the model's image to the correct proportion!

The image objects in the canvas are called "drawing objects".

    Setting up the guide image

Moving on, load up the guide image.

Drag and drop the guide image (sketch.png) into the Modeler, just like how you did with the PSD file.
When the "Image Settings" window appears, select the use of image there.

Confirm that you have selected "Guide Image" option, and click "OK".

By doing this, you have setup your guide image.
The guide image will be assigned to the " * [Guide Image] " Part category, which is listed on the "Parts" palette.

Once you load up the PSD file, it will be aligned with the guide image.
You can uncheck the "Guide Image" part to hide the guide image until you need it.

At the "Parts" palette, click the "+" (see below). The icon will turn into "-" and the list expands.
Click on the "-" to hide the list.
Since the guide image is a drawing object, it is filed under "Drawing".

Click the eye icon next to "sketch.png" to hide the image.

This can keep your visual clean.

You would want to lock the guide image that was placed.
Click the lock icon (see below) to lock the guide image.

To adjust the opacity of the guide image, select the guide image and edit the "Opacity" value.
You may also configure the opacity by holding left click on the value number and drag along the scroll bar.

     Saving your file

Save the file when ready

Go to "File", click "Save".

This opens up the "Save" window. Save the file as "simple_01.cmox".
For management purpose, we prefer to add the version number to the file name at the end.
Then, click "Save" to save the file.