Skip main navigation


How to add and edit Graphic in CLO 3D? In this article, Yilu Li will explain the graphic tools.

This article summarises the key elements of the previous step and describes how to create a Displacement Map using Photoshop.

You can find the Graphic (2D Pattern) and Transform Graphic tool in the 2D toolbar.
The Graphic tools
Use Graphic (2D Pattern) to add a graphic to a pattern. Left click once to get the Add graphic Window at which you can enter the specific size and position of the graphic.
The Add graphic window
Use the Transform Graphic tool to move, rescale, and rotate existing graphics.
Use the Transform Graphic tool to select an existing graphic and you will have more options in the Property Editor.
The graphic property editor
Under Graphic Configuration, you can decide which face of the fabric it is on and different ways to tile it. Over Seamline helps you to easily match a graphic on a seamline.
Under Graphic Transformation, you can set the angle and distance between the graphic and pattern surface.
Under 2D Measurements, you can adjust the position of the graphic.

Graphic Properties
Select the graphic in the Object Browser and find more editable settings in the Property Editor. In this article, I will explain Displacement Map.
The displacement map sector
Displacement Map is a greyscale image of your texture. It controls the heights of the graphic by the level of darkness of the grey colour. Click the 4-square icon to import it to the project. Please import it before rescaling the graphic image. Otherwise, the size of the graphic and Displacement Map won’t match.
An example of a displacement map
Go to the internal render engine to view the effect of the Displacement Map.
The location of CLO 3D internal render engine
The Amount determines the maximum height at which the graphic can be lifted from the surface of the pattern. The white area of the displacement map shows the maximum height. The 50% grey area shows 50% of the maximum height. And black area shows 0% of the maximum height. If you didn’t see any noticeable change in the render preview, press the Interactive Render button to refresh.
The effect of displacement map viewed in the internal render engine
The Shift will bring the lifted geometry closer to or further away from the pattern surface. The larger the number, the further away it will be from the pattern surface.
The difference between various values of Amount and Shift
The Clipping will delete all geometries below the Clipping value.
The difference between various clipping values
The Particle Distance will add or reduce geometries on the graphic.
The difference between various particle distances
Keep Continuity will extend the adjacent faces to remove the boundary line.

© Yilu Li
This article is from the free online

Fashion Technology: A Beginner’s Guide to CLO 3D

Created by
FutureLearn - Learning For Life

Reach your personal and professional goals

Unlock access to hundreds of expert online courses and degrees from top universities and educators to gain accredited qualifications and professional CV-building certificates.

Join over 18 million learners to launch, switch or build upon your career, all at your own pace, across a wide range of topic areas.

Start Learning now