Transformational path

(Updated 05/19/2022)

If you want to create large deformations in an ArtMesh, or to express soft deformations such as hair or long cloth, you can use deformation paths to create deformations easily and cleanly.
Multiple deformation paths can be set for a single ArtMesh.
This allows ArtMesh with large areas, such as cloaks, to be deformed as desired.

 

Setting up deformation paths

Click the button below to use the Deform Path edit.

With the ArtMesh you want to move selected, click the (1) [Deform Path] button to switch the display of (2) [Tool Details] palette
and you can edit the Deform Path.

Make sure the [Add control point] button is selected in the (2) [Tool Details] palette.

Clicking on the canvas in this state will place a control point (green dot).

Place control points along the flow of the ArtMesh.
Instead of dragging, click as you set up.

To correct the position, directly drag and move the control point.
If you are in edit mode for a deformed path, moving a control point will not deform the ArtMesh.

For other sub-tools, see “Tool Details”.

 

Transformations using deformation paths

In Transform Path mode, you can only edit control points. When you are done, click the [Arrow tool] icon on the toolbar to switch modes.

Move the control points to deform the ArtMesh.

 

 

Adjustment of Deform Path width

When deforming, you can change the degree of influence between ArtMeshes in the [Inspector].
This prevents the ArtMesh from turning over and allows it to deform gently while maintaining some spacing.
On the other hand, if you want to create the effect of turning the cloth inside out, set the [Deform Path width] to a smaller value.

 

For a gradual deformation while maintaining spacing:

Increasing the width value of the line transformation increases the size of the red circle around the control point.
Inside the circle, the mesh vertices interact with each other and deform gently as they try to maintain their shape.

 

If you want to make a large transformation, such as flipping over:

Decreasing the value of the Deform Path width will reduce the size of the red circle around the control point.
The loss of influence between the vertices of the mesh causes it to flip over and deform significantly.

 

 

Adjustment of hardness of line deformation

The hardness of the line deformation is an item that sets how much the deformation is affected within the range set for the width of the line deformation.
Influence is indicated by a blue circle, and the influence can be changed in %.
* The reference image is colored light blue inside the blue circle to make it easier to see.

 

If you want the mesh to maintain its shape:

When the hardness value of the line transformation is set to 100%, the blue circle overlaps the red circle set by the width of the line transformation.
This will gently deform the mesh in the light blue filled areas as it tries to retain its shape.

 

If you want to deform the shape of the mesh significantly:

When the hardness value of the line deformation is set to 0%, the blue circle becomes smaller toward the center.
In this way, the degree of influence is eliminated and the deformation becomes large as it is.

 

 

Set up a deformation path that moves two or more ArtMeshes together

Multiple ArtMeshes can be moved together in a single deformation path.

Select all the ArtMeshes you want to move together and set the deformation path.
The deformation paths you set up can be moved to deform the image collectively.

 

 

Multiple deformation paths for an ArtMesh

Multiple transformation paths can be set for a single ArtMesh or for more than one ArtMesh.

Here are some ways to reduce silhouette collapse when there are areas that you do not want to move.

Below are examples of cases where the silhouette has been destroyed.
In the image, two ArtMesh closures were tried to be moved together in one deformation path,
resulting in a broken silhouette.

By placing another deformation path in the area you do not want to move, you can deform the silhouette without destroying it, as shown below.

Tips
When placing deformation paths, including two or more ArtMeshes that already have deformation paths set, be sure to switch between edit levels.

 

Level edit of deformed paths

Deformation paths can be edited by switching between three levels of editing.
The default Level edit is [2].

Level edit [2] and [3] allow the creation of different deformation paths for the same ArtMesh.

Here is an example of a useful usage for use with mouth deformities.
• Deformation paths are set at the top and bottom of the deformation level 2, respectively, to create an opening.
• Deformation level 3 deformations, the upper and lower mouths are moved together in a single deformation path to create a deformation of the closing mouth.

This is a useful feature and we encourage you to use it.

Level edit 1

This mode allows editing of ArtMesh only.
Deformation paths are hidden, allowing for fine-tuning.

Level edit 2

This mode displays deformation paths.
The default is Level edit [2].

The example below shows a deformation path created and displayed to open the mouth.
At Level edit 2, the ArtMesh for the upper mouth and the ArtMesh for the lower mouth, each with a deformation path to create the opening and closing of the mouth.

Level edit 3

This mode displays deformation paths.

The example below shows a deformation path created and displayed to open the mouth.
At Level edit 3, both the upper and lower mouth ArtMeshes are edited with the same deformation path to create the deformation of the closing mouth.

© 2010 - 2022 Live2D Inc.