CLO2STYLY

【CLO/3D】How to export a model and upload to STYLY

In this article, I will introduce how to export a 3D model created by CLO, a 3DCAD tool for the apparel business, then how to upload it to STYLY.

CLO2STYLY

CLO2STYLY

The model I am going to use for this tutorial is this.

In this article, I will use the model I created in this article.

Export from CLO

I will export a t-shirt and a avatar 3D model from CLO.

Export①

Export①

Select [File] > [Export] > [FBX].
FBX is a format for 3D models, and is used mainly in the CG industry. For this tutorial, we will upload the file to STYLY Studio, so I chose FBX as a format that is easy to work with.

 

Export②

Export②

A window as in the image above will popup, so choose the file name and destination, then click [Save].

 

Export③

Export③

After you save the file, you can now choose to [Export as FBX].
First, I will introduce the [Object] setting area at the top. You can select settings for the model mesh and UV here.
For this tutorial, I will export with the default settings, so check if the settings match with those below.

  • Single Object
  • Do not combine
  • Thin
  • Combined UV position: Unchecked

Next, I will introduce the [Size] setting area at the middle. You can change settings of the model size here.
Here, I wanted to set the size so it will match the human size in a STYLY VR scene, so I used the settings below.

  • m

Lastly, I will introduce the FBX save settings at the bottom. You can change the FBX export settings here.
To make it easy to upload and put together the files into one, please change it as below.

  • Save with the texture file(.zip)

Once you have checked each setting, click [OK] and save the file. After the export is done, CLO will return to the normal workspace.
That will be all for operations in CLO. Save the project, and close the CLO application.

 

Uploading to STYLY

From here on, I will introduce how to upload the exported model to STYLY.

How to create a STYLY account

If you do not have a STYLY account, please read this article to learn how to create one.

Launch STYLY Studio

Access STYLY Studio from here.
If you are already logged in, you will see a screen like this. If you are not logged in, please log in.

 

STYLY Studio

STYLY Studio

Click [Launch STYLY Studio], and lauch it.

 

Create scene①

Create scene①

Once STYLY Studio launches, your scene list will popup.
We want to create a new scene for this tutorial, so click on the [Create Scene] tab.

 

Create scene②

Create scene②

Name the scene you are going to create. You can change the title anytime before publishing it.

 

Create scene③

Create scene③

Once you name the scene, you will be able to click the [CREATE] button, so click it.

 

Uploading the CLO 3D model

 

Upload①

Upload①

Once the scene is created, a screen like the image above will popup. This is the STYLY default scene.
Click the [Assets] button at the upper left to upload a model.

 

Upload②

Upload②

After you click [Assets], an assets window will popup, where you can choose which assets to place in your scene. We want to upload the 3D model first, so click [3D Model] first.

 

Upload③

Upload③

Once the 3D model upload screen pops up, choose [My Models & Upload].

 

Upload④

Upload④

This is the 3D model upload window.
Click the Select button in the [Upload 3D Model] area.
(If you have already uploaded the model, a list of you uploaded models will appear in the [My Models] area)

Upload⑤

Upload⑤

At the choose file window, a Finder (or Explorer if you are using Windows) will popup, so locate the zip file you exported from CLO, and click it.

 

Upload⑥

Upload⑥

Then, the Title(the asset name after upload) and File name will be shown.
If you don’t need to change it, simply click [Upload].

 

Upload⑦

Upload⑦

Once the Upload begins, a process bar will be shown as in the image above.

 

Upload⑧

Upload⑧

Once the Upload is complete, a [Processing Status] area will be displayed.
The first status will be ‘Waiting’, which means that the uploaded model is waiting for conversion for STYLY.

 

Upload⑨

Upload⑨

If you click the Refresh button in the [Processing Status] area (The button surrounded by red in the image above), the status will be updated.

 

Upload⑩

Upload⑩

After some time, click the refresh button, and the status should change from [Waiting] to [Processing].
Processing means it is undergoing conversion. Normally, it takes around 5 to 10 minutes.

 

Upload⑪

Upload⑪

After the process is complete, a list of uploaded 3D models will be shown in the [My Models] area.
After the 3D model is displayed, click the thumbnail of the model to make it appear within your scene.

Operation①

Operation①

The 3D model should look like this in your scene. The default position is (0, 0, 0).
That is all for uploading to STYLY and placing the model within your scene.

Rotating the 3D model

As the last step, I will explain how to rotate the object so that it faces the start position of the scene.
Select the object from the list on the left.

Operation③

Operation③

Once the object is selected, the object will be highlighted with yellow.
After you select the object, click the [move] button at the screen left.
This is a button to move the object, and there you can choose from [move]・[rotate]・[scale].
Each button’s function is as below.

  • move: Move the object
  • rotate: Rotate the object
  • scale: Change the object scale

 

Operation④

Operation④

After you click the button, the operation button will change to [rotate].

 

Operation⑤

Operation⑤

Confirm it changed to [rotate], and then move your cursor to the position values below.
If you place the cursor on top, a tooltip [Input] will popup. Click it.

 

Operation⑥

Operation⑥

You will be able to type in a value. This time, we want to rotate the object 180 degrees, so type in [180] and press [ENTER].

Operation⑦

Operation⑦

The object should face the start position now.

That will be all for this tutorial.
I hope you read other articles in STYLY Magazine, and combine your knowledge to create a original scene using STYLY and CLO.