Live2D by Diagrams

In this video, you will learn Live2D concepts using simple shapes.

I want to use Live2D, but I don't know how to do it.
I tried using Live2D for a bit, but I didn't really understand how to use it.

This video is designed for such people.

Download the latest Editor for Cubism before watching the video!

Tutorial Video

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

  1. What is Live2D?
  2. PSD import [00:22]
    About ArtMesh
  3. Mesh edit [00:54]
  4. About parameters [01:59]
  5. Deformer Overview [03:34]
  6. Warp Deformer [04:20]
  7. Deforma Parent-Child Relationship Structure [05:28]
    Deformer parent-child relationship settings
  8. Rotating Deformer [06:15]
  9. Model loading and placement [07:22]
    Timeline and Dope Seed


Video Review



ArtMesh Description

An illustration placed on a canvas is called an “ArtMesh.”
The ArtMesh is assigned a mesh when it is loaded into Editor.


ArtMesh Transformation

When the ArtMesh is selected, a red bounding box appears.
By deforming the box, the ArtMesh can also be deformed.

Objects can also be deformed by editing the mesh vertices that are broken into ArtMeshes.


Mesh split

If the mesh is roughly divided, only a rough deformation can be added.
If you want to deform the image finely, make the mesh finer as well.
The finer the mesh, the finer the shape can be adjusted, but the finer the mesh, the more vertices there are, making adjustment more difficult.
Find the right mesh split for your movement.



How to parameterize

Parameters can be used to add movement to the ArtMesh.

With the ArtMesh selected, click on the parameter to which you want to add motion.
After it turns gray and becomes selected, press [Insert 2 points of key] or [Insert 3 points of key] at the top of the parameter palette.
Deforming the ArtMesh with the parameter keys (points that exist on the parameter) will memorize the shape and add movement.



Deforma Description

Live2D has a container called a “deformer” that can hold an ArtMesh, which can also be parameterized.
“Deformers” are useful when you want to add multiple movements to a single ArtMesh, or when you want to move them all together.
Deformers can be placed within deformers to create a hierarchy.


Types of warp deformers

There are two types of deformers.
If you want to deform the ArtMesh inside, use the “Warp Deformer”.,
If you want to rotate, use the “Rotation Deformer”.


How to make deformers

You can create a warp deformer or a rotate deformer by using the menu item [Create Warp Deformer] or [Create Rotate Deformer].


Create animation

Switch to animation workspace

To create an animation, switch to the animation workspace.
Press the Animation button in the upper left corner of the screen to switch to the animation workspace.

After switching, create a new animation file and drag and drop the created model file onto the timeline palette to load it.
When the model is loaded, a timeline is created.
When a parameter is moved on the timeline, a key is struck, and when played back, the model moves as the key is struck.


This is the end of the video review.
To learn more, please visit the manual site.

Other Tutorial Videos


© 2010 - 2022 Live2D Inc.