Edit Mesh manually

(Updated 05/19/2022)

There are two types of mesh editing: “automatic generation,” which can be generated automatically by simply specifying values related to the density of points, and “manual editing,” in which points can be edited by hitting them one by one.
On this page you will learn how to manually edit the ArtMesh.

For more information on automatic generation, see “Automatic Mesh generator” page.



Edit Mesh manually

Manual editing of the mesh allows the positions of the vertices to be edited one by one.
For facial parts such as eyelashes and mouth area, it is recommended to manually edit the ArtMesh to a suitable mesh for deformation in order to apply detailed deformation to the ArtMesh.

In the tutorial video “2. Preparation for Moving Illustrations,” we introduce the recommended mesh allocation for each part, so please take a look at that as well.


Basic manual editing operations

First, select the ArtMesh you wish to edit.

Click [Edit Mesh Manually] on the toolbar.
* The same can be done with the Ctrl+E shortcut or by double-clicking on the ArtMesh.

The display on the view switches to mesh edit mode, allowing you to add, delete, and otherwise edit vertices.

When finished, click the green check mark button or execute the Ctrl+E shortcut.
To cancel editing, click the red prohibit symbol or press the Esc key.

It is also possible to select two ArtMeshes.
In this case, you can edit simultaneously without switching modes one after the other, or create meshes of the same shape in exactly the same position.
This function is utilized when setting up glue.
For more information, please refer to the “Glue” page.


Mesh Editing Tools

After switching to mesh editing mode, tools for mesh editing can be selected from the [Tool Details] palette.

 Selection/edit tool\n
Add Point Tool
Delete Point/Edge Tool
* You can change the range by B+dragging.
More vertices
Stroke mesh-mapping (beta)
Auto connect

Generates polygons, which are the smallest elements that make up a mesh. The following options can be selected from the buttons on the right.

Mesh reconstruction:
If enabled, it redraws the mesh line considering only the vertices. If you want to keep the line you tied yourself, disable it.

Protect Edge exterior:
If enabled, it will automatically generate while keeping the outer perimeter. It is effective when used with snore-shaped textures (eyelashes, hair, etc.) because it prevents excess lines from being tied together. To perform automatic generation with “Keep perimeter” enabled, all the perimeters of the vertices must be connected beforehand.

 Quadranting The mesh is divided into four parts while maintaining the shape.
  You can also open an auto-generated dialog during manual editing.
For more information on automatic generation, see “Automatic Mesh generator” page.
Bind/Unbind Bind/unbind “Glue”.
Mirror Edit Add vertices and edges so that they are symmetrical about a straight line.


Manual Editing Details

Add a vertex

Click with the [Add Vertex] or [Remove Vertex] tool selected.
When a vertex is added, a gray edge (line) extends from the previously placed vertex and automatically connects the vertices.

If it seems to connect to an unintended vertex, click the [ ESC ] key to remove the gray edge (line) and
select the vertex again.

If a vertex is added across an already existing edge, the edge is not connected and becomes a single vertex.

To add a vertex without changing the focus of the vertex, hold down the Shift key and click.
This is useful when you want to add radial edges.
However, it works only on the light blue line (see below).

A mesh is a collection of triangular “polygons”.
Therefore, to construct a mesh, all vertices must be connected by edges and the smallest unit must be a triangle.
Unconnected vertices are connected by light blue lines.
To connect them, click the [Auto connect] button in the [Tool Details] palette or press Ctrl+R.



More vertices

Select [Add more vertices].


Drag the brush over the mesh as if tracing with a brush, and the vertices will be re-divided into smaller pieces.
More vertices can be added.

This is useful when you want to increase the number of vertices in a section.



Stroke mesh-mapping (beta)

In [Mesh Edit mode], select the [Mesh Division by Stroke] icon (1).

Dragging the canvas creates a path from which a mesh can be created.
Also, once a path is created, it can be redrawn by dragging it again.

The path can be adjusted by dragging, and the mesh is also updated.

Operation Method:
Control point-related operations are described below.

Operation Description
Click Add control points on the stroke line.
[Alt]+click control point Deletes a control point.
Drag a control point Moves the control point of the stroke.
Shift]+drag Draw additional strokes.
Drag away from the path Rewrite the stroke.


Width adjustment

The orange circle is the [width handle].

Operation Method:
The following are the operations related to width adjustment.

Operation Description
[Ctrl]+click Add an edit point (orange circle) on the stroke line.
[Ctrl] + [Alt] + click Delete edit points.
[Ctrl]+drag Click and drag on the width handles to adjust the line width.


Confirm stroke
If you want to confirm the stroke, click [Confirm stroke being edited] in the upper left corner of the canvas while the path is displayed.
Alternatively, you can click on the [Mesh Edit mode] menu -> [Finish Mesh editing] or confirm with [Shift + E].

Stroke Cancellation
If you wish to cancel a stroke before it is finalized, press Delete to cancel.
Also, when switching to other tools such as selection and editing, select “Cancel” when the following confirmation dialog box appears.


Mesh-mapping settings

Mesh width

The overall width of the mesh can be adjusted around the stroke.


Repeated density
The spacing between mesh divisions can be adjusted.
The value is the distance between intervals, so the smaller the value, the narrower the interval, and the larger the value, the wider the interval.

Number of vertices in mesh width
There are three ways to divide the mesh.




Invert mesh
Reverses the direction of the first and last mesh edges when the number of vertices in the mesh width is 2.

Maintain current mesh
When unchecked, the overlapping edges and vertices are deleted.
Also, when checked, it is not deleted but maintained.

* Shortcuts can be set for mesh width, spacing, and number of vertices.


Menu List

Increase/decrease width
Increase or decrease the overall mesh width.

Increase/decrease division
The repeat spacing increases or decreases as the mesh width spacing changes.

Change the number of vertices in the mesh width
The mesh width switches in the order 1, 2, 3, 1.

Confirm stroke
Finalize the mesh created from the stroke.


This operation can be set as a shortcut.


Mesh divided into 4 parts

Click on the button labeled [4-division].


The polygons have been divided into quadrants while maintaining the shape of the mesh.
This function is useful when you do not want to change the shape of the mesh, but want to smooth out the movement.



Mirror Edit

The Mirror Edit function adds vertices and edges so that they are symmetrical around a straight line axis.
Mirror Edit of “Reflect Horizontally” and “Reflect Vertically” is supported.

When using the “Add Point Tool” tool, check the [Mirror Edit] checkbox.

A green axis appears on the canvas.
Move the axis position to the center of the ArtMesh where you want to hit the vertices symmetrically.

Click [Center Canvas] on the menu button to the right of the axis position to move the axis position to the center of the canvas.
Also, clicking the [Center of Selected Vertices] button moves the axis position to the center position of the selected vertex group.

Then, when editing with the [Add Point Tool] tool or the [Mesh Divide by Stroke (beta)] tool, vertices and edges are added symmetrically about the axis.
Mirror Edit can be performed by switching [Axis] to [Vertical] to flip the image “Reflect Horizontally” or [Horizontal] to flip the image “Reflect Vertically”.

Mirror Edit when using the “Add Point Tool” tool:

Mirror Edit when using the “Mesh Divide by Stroke (Beta)” tool:

If one of the symmetrically struck vertices is moved and is no longer in a symmetrical relationship, no edge will be added to the opposite side.


Delete vertex or edge

To delete a vertex, the following methods are available.

  • Select a vertex with the [Selection Tool] or [Lasso Tool], then press [Delete] or [Back space] key.
  • In the [Add Vertices] tool, hold down the Alt key and click on a vertex.
  • Click on a vertex with the [Delete Vertices] tool.
  • Click on a vertex with the [Eraser] tool. This is useful for deleting a wide range of vertices.

To remove an edge, click on the edge with the [Eraser] tool. Clicking or dragging while holding down the Alt key deletes only edges without affecting vertices.
* The size of the eraser can be changed by pressing B + drag.


Vertex Selection

To select a vertex, use the following tools.

[Selection] Tool

  • Click on a vertex to select it.
  • Shift-click to select multiple vertices.
  • Drag to select a wide area with a rectangle.
  • You can select multiple ranges by holding down the Shift key and dragging.

[Lasso] Tool

  • Click on a vertex to select it.
  • Shift-click to select multiple vertices.
  • Drag to select a wide area with a lasso.
  • You can select multiple ranges by holding down the Shift key and dragging.

[Add Vertex] Tool

  • You can select a vertex by clicking on a vertex that has already been created.
  • Holding down the Shift key while clicking allows you to select multiple vertices while drawing edges.


Moving a vertex

Moving vertices does not affect the texture, only the shape of the mesh can be edited.
The [Choose] tool can be used to move selected vertices as follows.

  • Drag to move a vertex.
  • Hold down the Shift key and drag to move horizontally or vertically.
  • Drag the center of the bounding box that appears when multiple vertices are selected to move them together.
  • Dragging on the red dot around the perimeter of the bounding box, which appears when multiple vertices are selected, will move the vertices while expanding or contracting them (holding down the Shift key will expand or contract them while maintaining the aspect ratio; holding down the Alt key will expand or contract them with respect to the center).
  • You can rotate a vertex by dragging it outside of the red dot on the perimeter of the bounding box that appears when multiple vertices are selected.


Merge vertices

[Merge Vertices] combines already struck vertices and their associated edges into a single vertex.

With multiple vertices selected, right-click on the canvas and select [Merge Vertices].
You can also choose from the menu.

Before [Merge Vertices]:

After [Merge Vertices]:



Press Ctrl+Z to return to the previous operation stage (including the vertex selection operation).



Press Ctrl+Y to redo the undo operation (including the vertex selection operation).



In mesh edit mode, the menu bar displays [Mesh Edit mode] and offers other menu choices.

Finish Mesh editing (Ctrl+E) Confirms the current editing state and closes the mesh edit mode.
Automatic Mesh generator (Ctrl+Shift+A) Opens the Auto Generate Mesh dialog.
Automatic edge (line) connection (Ctrl+R) Connects unconnected vertices.
Reflect Horizontally
Reflect Vertically
Flip the mesh left to right or up and down. If a vertex is selected, the currently selected vertex is inverted.
Inverted about the axis Inverts the mesh with respect to the axes of the Mirror Edit. If a vertex is selected, the currently selected vertex is inverted.
Merge vertices The already struck vertices and the edges associated with them can be combined into one.
Glue/bind selected vertices
Unglue/unbind selected vertices
Binds and unbinds glue.
Show ArtMesh's Vertex Number Displays the number of each vertex. Only mesh editing mode can be turned on/off.


Display of mesh edit mode

In mesh edit mode, you can change the display format of the ArtMesh to be edited.
Switch to a format that is easy to use and edit.

Modeling representation

Textures other than the ArtMesh being edited will be dimmed.

Image display for models

Only the ArtMesh being edited is displayed.

Atlas view

Textures from the Texture Atlas are displayed.
This can be displayed when a Cubism 2.1 model is loaded or when a texture atlas is created with Cubism 3 or later.

When editing in this view, if the mesh being edited overlaps an adjacent texture, as shown in the figure below, an extra texture will appear on the model.
When using [Atlas View], be careful not to overlap the surrounding textures in the margins.

If there is an unintended texture image displayed on the imported model as shown in the figure below, check for overlapping ArtMesh in the [Atlas View] or [Texture Atlas] in the [Mesh Edit mode].

This can be corrected by editing the mesh in [Atlas View] in [Mesh Edit mode] or by rearranging the ArtMesh in [Texture Atlas] so that they do not overlap.

© 2010 - 2022 Live2D Inc.