🖥️Clo3D

CLO is a 3D fashion design software program creating virtual, true-to life garment visualization with cutting-edge simulation technologies for the fashion industry.

Clo3D natively exports GLTF, you can read more about it here.

glTF 2.0 (GLTF/GLB) FileHow can we help you?

Export GLTF Tutorial

Export

1. Select the menu/tool indicated in Location.→ The Save File window opens.

2. Select the desired saving path and click Save.→ The Export window opens.

3. Configure the settings and click OK.

   Option	Description
   Object	Select All Avatars/ Patterns/ Graphics/ Trims
   Single/ Multiple Objects	Export the object as a single or multiple objects.
   Unweld/Weld	Choose to export vertex (points of mesh) of sewn pattern parts as multiple objects or a single point.
   Thick/Thin	Choose to export the object with the thickness or not.
   Combined UV Coordinates	A combined UV coordinates are also exported.
   Option	Light(Except for Render Lights)
   Garment Animation(ver 6.1)	Export garment's animation.
   Scale	Select the unit or the size of the object.
   ※ Note: Commonly used default unit for GLTF file is Meter.
   Axis Conversion	Invert each axis of the OBJ as needed.
   File	Save Colorway (ver 6.1)
   Combine to One File/Multiple Files(ver 6.2)	Choose whether you combine all colorways into one file or create separate files for each colorway.
   Save with glTF-Embedded (GLTF Only)	Save textures as the glTF-Embedded format which includes texture files.
   Save with Zip Files (ZIP)	Diffuse Color Combined on Texture
   Exclude Ambient Map & Color (Modo)	Ambient Map and color are excluded when exporting..
   ※ Note: 'Since ambient maps and color are automatically excluded, the menu is hidden.
   Save with MetaData (XML)	Save garments' patterns (mesh), physical properties, and sewing information as MetaData (XML).

Extensions

Property	Description	Required
Reflection Factor	Reflection intensity of PBR material.In CLO, it has defaulted 15(0.15). Other engines and SW is defaulted 100(1.0) like the real world.

Please Read

In order to do 3D on the web you have to have GLB/glTF files with real-time PBR materials. In Clo you can use:

• Fabric_Matte

• Fabric_Shiny

• Fabric_Silk/Satin

• Fabric_Velvet

• Leather

• Metal

• Plastic

You cannot use pre-rendered materials as these require physics that are only inside of Clo and do not work on the web. The materials that do not work on the web (whether in VNTANA’s viewer or others) are:

• Fur (Render Only)

• Gem (Render Only)

• Glass (Render Only)

• Glitter (Render Only)

• Iridescence (Render Only)

• Light (Render Only)

• Skin (Render Only)

Warning

• When exporting with Unified UV Coordinates view the Plugin, topstitching color and trim texture maps may not export correctly due to a bug in the Clo API.

• Mac M1 Users: Texture maps may be flipped when exporting with Unified UV Coordinates enabled in Clo 7.1.

• Topstitching: The backside of topstitching will bake to the front of the garment during Unified UV Coordinate exports. See our Topstitching section for recommendations to avoid this.

We recommend exporting Clo assets as GLBs with Unified UV Coordinates enabled.

Unified UV Coordinates bake the seamline shadows into the textures for a more realistic visual and allows you to control the number of UV Spaces used (which is important if you’re bringing the exported assets into an AR environment).

Alternatively, if desired, you can perform a standard GLB export.

Here’s the same asset exported with Unified UVs and without.

Unified UV Coordinates Export 3D Viewer

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2023/01/Clo_01_UUV_Export_01-279x300.png

Standard Export 3D Viewer

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2023/01/Clo_02_Tiled_Export_01-278x300.png

You can see the biggest difference between the two export methods are:

· Seamline shadow visibility

· Texture Quality

A complete Pros and Cons of both export options are listed below.

Unified UV Coordinates Export

****The Unified UV Coordinates export uses UV spaces.

Pros	Cons
Seamline Shadows are Visible.	UV Editor must be set up before exporting.
UV spaces used can be specified as well as texel density per piece. This is critical if bringing into AR environments.	Texture quality is naturally decreased on export depending on amount of UV Spaces used and texture specified in export settings.
	If backside of fabric is different, additional steps are needed to prepare the UV Editor.

Standard Export

****The standard export is a tiled texture export.

Pros	Cons
Texture Quality is extremely high and compresses well.	Seamline Shadows are not visible.
If backside of fabric is different, no additional action is needed.	Can’t control the UV Spaces.
Additional step of setting up the UV Editor is not required.

The below guide outlines steps to export with Unified UV Coordinates enabled because we think it’s important to see the seamlines clearly.

We recommend that a few file preparation steps are completed prior to exporting the file for high-quality exports and optimized outputs.

Let’s dive into it!

File Preparation

We’ve outlined our recommendations for preparing the pattern, fabrics and materials, sewing, topstitching, puckering, trims, and the UV Editor.

Pattern

Clo allows you to Freeze, Deactivate, and Archive pattern pieces. Be sure all unused pattern pieces are deleted prior to export. If they’re not deleted, they will be present in the exported geometry and can contribute to higher poly count and file sizes.

2D window includes only pattern pieces used in the 3D garment. Deactivated/ Archived pattern pieces are not included.

Untitled

Fabrics / Materials

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2023/01/Clo_03_Fabrics_01-1024x1024.png

To preserve texture quality in the export and the optimized asset, it’s highly recommended to use power of 2 textures. That means image dimensions of 1K, 2K, 4k, etc. We prefer 1K or 4K textures with a dpi of 300.

Be sure all fabrics include a Texture, Normal, and Roughness Map. Roughness can also use a value input. Both are acceptable but Roughness Maps are preferred.

Untitled

Here’s an example Clo Fabric following our recommendations

Zfab Example

Base Color Map

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2020/12/40s_Chambray_FCL1PSC004_3_test4_COL-copy-1024x1024.jpg

Normal Map

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2020/12/40s_Chambray_FCL1PSC004_3_test4_NRM-copy-1024x1024.jpg

Roughness Map

https://cdn-bdnph.nitrocdn.com/SmMEURXqbaUUIbpyUUZvOaneVGJfPAHQ/assets/images/optimized/rev-c728b38/wp-content/uploads/2020/12/R_80-1024x1024.png

Note: Clo does not currently support the glTF extensions that would enable users to export parameters like sheen and clear coat.

Another thing you can do to help your textures out in optimization is to bump the Normal Map Intensity up to between 50-100. The higher intensity makes the embossed detail raised off the surface. A lower intensity will have the detailing closer to the surface. Normal maps do not change the geometry (like a Displacement map). They only mimic height and depth.

Roughness, Reflection Intensity, & Normal Maps

You may notice that the exported fabrics in your GLB are too shiny, too matte, or perfect. If the fabrics are too shiny or matte, you will need to adjust the Roughness and or Reflection Intensity.

Below you’ll see an overview of the values ranging from 0 to 100. We’ve included the normal map as well because sometimes you may need to adjust its intensity too.

Untitled

Roughness and Reflection Intensity Recommendations

If you are using a custom roughness map, we recommend setting the roughness value to 50 and adjusting the reflection intensity based on how glossy your fabric needs to be. A value of 50 will preserve the roughness values in the custom map. A low reflection intensity is matte, a high reflection intensity is glossier.

If you choose to use the Clo’s roughness values without the supporting map, we recommend for matte fabrics like cotton, jersey, fleece, linen, ribs, wool etc. to start with a roughness value of 50 or higher and a reflection value 10 or lower. For fabrics that require a semi-gloss like leather, ripstop, nylon etc., we recommend starting with a roughness value of 50 or below and a reflection intensity value of 50 or above. For fabrics that require a high-gloss like silk, taffeta, satin etc., we recommend a roughness value of 10 of below and a reflection intensity of 90 or above.

Substance Materials

If using Substance materials, be sure to adjust the texture size of the fabric within the Property Editor as needed. By default, the texture size imports as 1K.

Untitled

Sewing

Ensure all pattern pieces are sewn properly and fully simulated prior to exporting.

Untitled

We like to use the below Sewing settings to ensure the seamline shadows are visible on export.

3D Seamline

· Intensity: 50

· Thickness (in): 0.08

Don’t forget to change the Sewing Line Type to Turned as needed for pocket openings, turnback pieces, etc.

Topstitching

We recommend adjusting some of the topstitching sewing within Clo’s Standard ISO Topstitching Library. Below are the settings we like to use to ensure the topstitching is clearly visible.

Additionally, we change our topstitching type from OBJ to Texture.

This helps with the performance of Clo, especially when using a coverstitch, and it reduces the amount of exported geometry.

Topstitching Settings:

· Topstitching Type: Texture, NOT Obj.

· Offset: Adjust as needed based on spec sheets

· Stitch Count: 1

o We’ve noticed that topstitching with front and back stitches will export with the back stitch baked onto the front of the garment. To avoid this, remove all back stitches.

o

Untitled

· Set the Length (SPI): adjust as needed

· Space (in): adjust as needed

· Thread Thickness (Tex): 80 – 150

· Configuration, Face: Front

· 3D: Off

o It’s acceptable to turn 3D on however, if on we recommend using a normal intensity of 1-50 and the default thickness value.

Untitled

Puckering

If using Puckering, the intensity specified will only export correctly in Clo 7.0 or higher during a Unified UV Coordinates export. You will not see this detail expressed in a Standard GLB export.

Unified UV Coordinates Export

Untitled

Standard Export

Untitled

Trims

Trims can easily get lost in Clo’s 3D space. Be sure that all trims included in the file are attached or positioned accurately on or around the garment.

Untitled

Untitled

If trims are lost in 3D space, they will export in the geometry and create scale issues. An easy way to check for unwanted trims is by selecting each trim listed within the Scene List. If you don’t see the trim highlighted in 3D space when selected, it is probably an extra unnecessary trim that should be deleted.

UV Editor

The UV Editor MUST be set up prior to exporting as a GLB with Unified UV Coordinates enabled.

If the backside of your fabric is different from the front, the pattern pieces with that fabric assigned will need to be duplicated and positioned within the UV Editor as well.

Untitled

We recommend:

1. If the backside of the fabric is different than the front of the fabric:

a. Select the pattern pieces with that fabric assigned.

b. Right-click and select “Layer Clone Under”.

c. Position the pattern pieces in the 2D where desired.

d. Duplicate your fabric.

e. Swap the front texture maps with the back texture maps.

f. Assign the duplicated fabric to the cloned pattern pieces.

g. Re-simulate the 3D.

2. Toggle to the UV Editor Mode.

3. Right-click within the UV Editor window and select “Reset UV to 2D Arrangement”.

4. Arrange all pattern pieces so they fit within the desired amount of UV spaces.

a. The starting UV Space is the square with the green Y axis and red X axis.

b. BE SURE when scaling pattern pieces down they are all scaled together. If they are not scaled together the texture resolution across different pattern pieces will be different.

c. Be sure pattern pieces do not overlap with each other and the black lines of the UV Space square.

i. If pieces overlap each other and/or the UV Space border, you may see texture issues within your exported GLB.

Once all pattern pieces are arranged, it is acceptable to scale smaller pattern pieces larger if the texture quality on those pieces is blurry.

Note: The texture quality exported in the GLB is dependent on:

· The original texture maps used in the fabrics (we recommend power of 2 textures).

· The amount of UV spaces used within the UV Editor.

· The texture size specified in the export window (we recommend 4K).

Recommended UV Spaces Per Garment Type

The chart below outlines the recommended UV spaces to be used per garment type. However, if you are bringing the exported asset into an environment with specific requirements related to the number of UV spaces, please follow those requirements when setting up your UV spaces in Clo.

Garment Type	# of UV Spaces
T-Shirt	1
Long Sleeve Shirt	1-2
Pants	1-2
Jacket	2-3
Dress	2
Collared Shirt	2-3
Hoodie	2
Skirt	1-2
Sweater	2

Exporting

Unified UV Coordinates Export

Use the following export settings within Clo to export a GLB with Unified UV Coordinates enabled.

File > Export > glTF 2.0 (GLB)

Untitled

Untitled

Note: It is acceptable to export at a higher texture size however, for the best-optimized file results, we recommend exporting with 4K because the textures will compress better to a lower size. 8K textures do not compress to 4K or 1K textures easily.

Standard Export

If desired, use the below settings for a standard GLB export from Clo, without Unified UV Coordinates enabled.

Untitled

Avatars

When exporting a 3D garment with the avatar, additional steps will need to be performed in an additional 3D software (we use Blender), to prepare the asset for uploading to VNTANA Platform.

These steps only need to be performed when exporting with the Clo default avatar.

· Import the exported Clo GLB into Blender.

o Note: when exporting from Clo, if the accessory was added as an avatar, ensure that the “All Avatars” property is enabled within the export window.

Untitled

· Adjust the position of the objects as needed.

· If the bones of the rig/ armature are in the way, toggle to the Viewport Overlays dropdown menu and turn off “Bones”.

Untitled

· Select each object individually within the Scene Outliner and Apply the modifier to ensure the avatar and accessories position and dimensions are locked into place.

Untitled

· Select all components.

· Navigate to Mesh -> Apply -> All Transforms

o This step will lock in the positions of the moved objects.

Untitled

· Export as GLB

· Under the Geometry property, ensure that Apply Modifiers is enabled.

Untitled

Limitations & Recommendations

Sherpa and Fur

Real-time rendering does not support sherpa and fur. This is because real-time rendering does not support displacement maps. Our recommendation is to increase the intensity of your normal map to achieve the sherpa visual. Since we’re using a normal map the sherpa will not stand away from the cloth.

For fur, there is a tedious workaround. You can generate a texture from the fibers for the fur that could be applied to the area where the fur should be. You can tweak the texture maps to mimic fur, but there will be inconsistencies. The biggest issue with fur is that it adds a lot of volume and is very fibrous. You can create a mesh to approximate the volume and then use the material created to apply to it. That would only give you the volume. Unfortunately, we will not be able to get the “fuzz” that fur creates.

Untitled