Rotate

【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 1, I will explain what preparations you need, the basic operation methods, and how to import avatars and garments from the library.

About CLO

Please refer to this article in order to learn the basics of CLO and how to install the software.

Preparations

First, I will explain what settings you should do beforehand, and how to use the mouse actions, how to save files.

Gizmo settings

Gizmo①

Gizmo①

In order to make the functions in the 3D view easier to understand, I advise to change the gizmo settings for pattern movements and rotation functions.
Select [Environments]>[Gizmo]>[World coordinates], and set the gizmo coordinate type to world coordinates.
I will not go to the depths, but if you want to learn more about this function, please search the internet with keywords such as ‘Gizmo’ or ’World coordinates’.

Gizmo②

Gizmo②

The interface that is circled with red is called a gizmo. It is used to interact with the object in the 3D view.

Change to simulation mode

SimulationMode

SimulationMode

In this tutorial, I am going to use the simulation mode. If you are using a different mode right now, please change the mode from the upper right, and change it to [SIMULATION].

Saving a project

Save①

Save①

You can save a CLO project file by selecting [File]>[Save Project].
When you create a new project, keep in mind to name the project and save it.

Save②

Save②

After that, please regularly save the project by using the keyboard shortcut [⌘+S](In Windows [Ctrl+S]).
The software may suddenly shutdown when you are using large files, or because of computer specs when you are simulating, so you should save your project whenever possible.

Adding avatars and garments

In order to learn the basic operations, let’s import avatars and garments from the library.

Adding a avatar from the library

In order to add an avatar, we need to open the library window. Please follow the following directions to import an avatar from the library window.

 

Add avatar①

Add avatar①

Click the[LIBRARY] tab on the upper left, and open the library window.

 

Add avatar②

Add avatar②

Next, double click [Avatar].

 

Add avatar③

Add avatar③

In the [Avatar] window, you will find numerous avatars, but for this tutorial, please double click [Female_Emma].

 

Add avatar④

Add avatar④

In the details screen of [Female_Emma], you will find files such as [Arrangement]、[Hair]、[Pose] which you can use to customize the avatar, and the avatar file named [Female_Emma.avt]. Please double click [Female_Emma.avt].
If you place the cursor over the [Female_Emma.avt] file, you can preview the file.

 

Add T-shirt⑤

Add T-shirt⑤

Once the avatar is imported, it will be displayed like this in the 3D and 2D screen. If your screen matches this, the avatar import is complete.

Adding a T-shirt from the library

Once the avatar import is complete, let’s import a T-shirt file from the library.

Add T-shirt⑥

Add T-shirt①

Double click on [Garment] in the library window.

 

Add T-shirt②

Add T-shirt②

In [Garment], there will be two files named [Famale_Tshirts.zpac] and [Male_Tshirts.zpac].
Please double click [Famale_Tshirts.zpac].
You can preview the file by placing the cursor over the file.

 

Add T-shirt③

Add T-shirt③

When the import of [Famale_Tshirts.zpac] begins, a [Pose and size import] dialog will be displayed, so please click [Yes].

 

Add T-shirt④

Add T-shirt④

Once the [Famale_Tshirts.zpac] import is done, it will be displayed in the 2D and 3D screens like this.

 

Close Library

Close Library

The importation of the avatar and T-shirt is complete, so click on the [←] at the upper right of the library window, and close the tab.

Viewpoint operations

We are done with importing files, so I will explain how to change points of view next.

Changing viewpoints using the mouse

I will explain how to change the viewpoints using the mouse.

Zoom

Zoom

By scrolling on the mouse’s middle button, you can zoom in or out in the 3D and 2D windows.

Rotate

Rotate

By pressing down on the mouse middle button and dragging the mouse, you can rotate your viewpoint in the 3D screen.

Translation

Translation

By pressing down on the mouse middle button, and dragging it, you can parallel move your viewpoint in the 3D and 2D screens.
(NOTE: The mouse middle button may not function due to mouse settings, so in that case, please try [Option+drag])

Changing viewpoint to fixed view

Change viewpoint

Change viewpoint

You can change to a fixed viewpoint from [Display]>[Viewpoint].
When you want to fix the viewpoint when you are working on a certain object, it may be useful to remember the shortcut.

Viewpoint shortcut

Viewpoint shortcut

When there are many patterns in your project, you may want to focus on a certain pattern in it. In that case, you can focus on a certain pattern by clicking [Display]>[Viewpoint]>[Focus zoom].
On the contrary, when you want to stop focusing and see all the patterns in the 2D screen, please click [Display]>[Viewpoint]>[Overall Expansion].
Both have shortcuts, and are useful if you memorize them.

Change viewport

Change viewport

That will be all for part 1. Don’t forget to save the project.

In part 2, I will explain how to use stitching functions and dressing simulations.

Part 2