closimulation2

【CLO】Dressing up an avatar②【For Beginners】

In this article, I will introduce the basic functions of how to use CLO, a 3DCAD tool software for apparel business, and how to create simulation to dress an avatar with clothes.
There will be 2 articles for this series. For part 2, I will use the avatar and T-shirt file we imported in part 1, and explain how to dress up the avatar.

 

Simulation

Simulation

Jump to Part 1

This article is part 2 of this series. If you have not read part 1 yet, please read it first.

Simulating

In order to get an image of the final picture, let’s dress the t-shirt file to the avatar first.

Simulation tool

SimulationButton

Simulation tool

First, please click the [Simulation] tool on the 3D screen, and start the simulation.

Simulation

Simulation

As in the image, as the patterns gather together and the T-shirt is dressed to the avater, the simulation starts.
During the simulation, the simulation tool will become blue, meaning it is active.

Simulation active

Simulation active

During the simulation, physics will be applied and the stitching settings will become active, and all the pattern pieces will get stitched together.

Once you see that the T-shirt got dressed properly, click the [Simulation] button again and stop the simulation.

In this article, I will explain the operations you need to do in order to do this simulation, and the stitch settings.

Undo

First, we need to undo the sample simulation we just performed.

Undo

Undo

In CLO, we can undo operations by clicking [Edit]>[Undo].
When performing this, please stop the simulation first.
This is a operation that we will use very often, so try and memorize the shortcut [⌘+Z](In Windows, [Ctrl+Z]).

Undo simulate

Undo simulate

If your screen matches the image above, the undo is complete.

Before stitching

Before stitching, first select pattern, and delete the stitch settings that are already applied.

Select Pattern

There are 2 ways to select a pattern.

Select a single pattern

Select pattern

Select pattern

In order to select a single pattern, click on the pattern in the 2D or 3D screen.
The selected pattern will be outlined with yellow.
When you want to deselect a pattern, click on somewhere other than the pattern.

Selecting multiple patterns

Select patterns

Select patterns

When you want to select multiple patterns, you can click and drag the mouse to circle all the patterns you want to select.

Or, by pressing the [Shift] key as you click patterns will enable you to select multiple ones.

Deleting the stitch settings of the garment

In order to edit the stitch settings, we need to delete the original settings.

Edit stitching

Edit stitching

Click the [Edit stitching] tool, and the patterns should change like in the image.
The [Edit stitching] tool is used to edit stitch settings.

Select all patterns in the 2D screen.

Delete stitching①

Delete stitching①

Once you select all the patterns, right click and select [Delete stitching].

 

Delete stitching②

Delete stitching②

If your screen matches the image, your stitch settings are successfully deleted.

Body

Then, let’s start editing the stitch settings.
It is possible to edit all of the stitching at once, and simulate the result. But we can only do so for very simple clothes, so I will explain the procedure for normal clothes, from ‘Body’ → ’Sleeve’ → ’Collar’.

Stitch the body parts①

First, we will stitch the body parts.

Stitching①

Stitching①

To edit the stitch settings, select the [Line stitching] tool.

We will start from the front body part. Select the middle line at the right front body side.

Stitching②

Stitching②

Please refer to the image above.

 

Stitching③

Stitching③

Next, select the middle line at the left front body side. Please refer to the GIF image. Once the stitch settings are complete, the line colours will match.

Note

When editing stitch settings, please take care of the following.
Stitches have directions.

Stitching④

Stitching④

As in the area circled in red in the image above, the line vertical to the stitch line is the direction line.

 

Stitching⑤

Stitching⑤

When stitching together lines, check if the directions are the same.

 

Stitching⑥

Stitching⑥

If the directions do not match, the directions will cross so take care.

Stitch the body parts②

Let’s continue.
Please refer to the image below, and perform the same stitch settings.

Stitching⑦

Stitching⑦

That will be all for stitching the body parts.
You may have realized when following step ②, ③, and ④, but the T-shirt file that we imported from the library has a [Clone settings] applied, so when you edit symmetrical lines, the settings will get auto applied to the other.

I will not go on to the depths of [Clone settings], so please just take note that symmetrical line settings will get auto copied.

Simulate the body stitchs

We are done with the body stitch settings, so let’s simulate the results.
Activate the [Simulation] tool.

Simulation②

Simulation②

In the simulation, since we have not set the sleeve and collar stitch settings, those parts will not get stitched and just fall off.
We have to edit those settings, so please stop the simulation and undo the process.

Inactive

Before going on with the simulation, to prevent patterns without stitch settings from falling off, let’s set a function called [Inacitve].

Pattern inactive①

Pattern inactive①

Select both sleeves and the collar patterns, then select [Right Click]>[Inactive (Only patterns)].

Pattern inactive②

Pattern inactive②

When [Inactive (Only patterns)] is active, the patterns will become transparent.
By inactivating certain patterns, those patterns are no longer simulation targets.
When we activate the simulation now, only the body patterns will be simulated.

Pattern inactive③

Pattern inactive③

If the body patterns are stitched together properly, it is a success.

Sleeves

Next, let’s do the sleeve stitch settings and simulation.

Activate

First, we need to undo the [Inactive (Only patterns)] settings we just performed.

 

Pattern active

Pattern active①

Select both sleeve patterns, and select [Right Click]>[Active].
When active is selected, the transparent pattern will return to the original white state.

Stitching sleeve caps

We will proceed to stitch the sleeves. Please refer to the image below, and perform the stitch settings.

Stitching⑦

Stitching⑦

Stitching sleeve bottoms

Stitch the sleeve bottoms, as in the red circled area in the image.

Stitching⑨

Stitching⑨

Simulate sleeve stitching

When you are done, click the [Simulation] tool.

Simulation③

Simulation③

Collar

Lastly, let’s stitch the collar too.

Collar stitching

Before editing the stitch settings, don’t forget to activate the collar.

Pattern active②

Pattern active②

After activating it, please refer to the image below and perform the stitch settings.

Stitching⑨

Stitching⑨

Simulating the collar stitching

Let’s simulate the collar stitching/

Simulation④

Simulation④

If you can see that the simulation goes well, the dressing of the T-shirt to an avatar is complete.