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.
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.
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.
A window as in the image above will popup, so choose the file name and destination, then click [Save].
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
- 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.
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.
Click [Launch STYLY Studio], and lauch it.
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.
Name the scene you are going to create. You can change the title anytime before publishing it.
Once you name the scene, you will be able to click the [CREATE] button, so click it.
Uploading the CLO 3D model
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.
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.
Once the 3D model upload screen pops up, choose [My Models & 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)
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.
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].
Once the Upload begins, a process bar will be shown as in the image above.
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.
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.
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.
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.
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.
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
After you click the button, the operation button will change to [rotate].
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.
You will be able to type in a value. This time, we want to rotate the object 180 degrees, so type in  and press [ENTER].
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.