CLO HELP CENTER

How can we help you?

Create Custom Texture Image

Follow

List of Contents  

Scan Fabric

Create Repeat 

Match DPI (Resolution) 

Match Color 

 

Objective 

Create various custom texture images and apply to fabrics to express variety of fabric in CLO. 
There are four steps total to create a custom texture image: Scanning Fabric, Making Repeat, Matching DPI (Resolution), and Adjusting Color. In order to make custom texture image, image editing software, such as PixplantAdobe Photoshop is needed.
  

Operation

Scan Fabric

Scan fabrics to digitize real world fabrics.
If scanner is not available, use digital camera or cellphone camera instead.

  1. Prepare the scanner, digital camera, or cellphone camera.

  2. Spread the fabric flat on an even surface and photograph it, aligning the grainline perpendicular to the scanner or the camera's corner of the screen.

  3. Send the image to the computer.

Create Repeat



When a fabric is observed carefully, you can find the structure which repeats like a pattern and the structure of the fabric is often indicated as a Repeat. To express a fabric's texture, create a Repeat using the scanned image. Ways to create a Repeat differs depending on the characteristics of each fabric.
Please refer to the appropriate guideline as needed.

When Fabric Structure is Small and Irregular

  1. Launch PixPlant. If PixPlant is not available, please use other image editing software such as Adobe Photoshop.

  2. Left click on the Add button on the right top corner and locate the scanned image to load.

  3. Left click on the Straighten Seed > Click to Edit button, then select a clean part of the scanned image.

  4. Click the Generate button to create a Repeat.

  5. The area inside the square box in the Texture Canvas window represents the Repeat. 
    Repeat procedure 3 and 4 until the desired Repeat is achieved.

  6. To recreate some portion of the Repeat, drag to select the desired part within the square box in the Texture Canvas window.

  7. When the desired Repeat is achieved, click Save.

When Fabric Structure is Big and Regular

  1. Launch Adobe Photoshop or other image editing software.

  2. Find the smallest repeated area on the scanned image.

  3. Select and cut the repeated area.

  4. Copy, paste and align repeated area to check if they align naturally.

  5. When the repeated area does not align properly, showing grid lines, edit the image to make it align more smoothly.

  6. When the desired image is achieved, save the image.

※ Note: When creating Repeats for fabrics with transparency, please select and delete the Repeat image's background and save it as PNG.

Match DPI (Resolution)
 
In order to match the image ratio of the Repeat and the real world fabric, adjust DPI (Resolution). 

  1. Launch Adobe Photoshop.

  2. Open previously created Repeat.

  3. Navigate and select Main Menu > Image > Image Size.

  4. When a pop-up window appears, toggle on the Resample Image option and adjust the DPI (Resoultion) value respective to the DPI (Resolution) of the original scanned image. Open the original scanned image in Adobe Photoshop to check its DPI (Resolution) value.

  5. Save the Repeat.
 
Match Color

Match the Repeat's color respective to the real world fabric. Occasionally, photographing fabric may distort the fabric's real color. In these cases, after creating a Repeat image, adjust its color, matching the color to the original fabric's color. Open the Repeat in an image editing software such as Adobe Photoshop and adjust color as needed.

Was this article helpful?
5 out of 7 found this helpful

Comments

Please sign in to leave a comment.

  • Avatar
    dutchesse1

    What would the recommended image size be to for repeat patterns, graphics, etc ...?
    Colorway can start acting really slow when I start having fun with multiple image files in there (which I am sure is likely due to some of the large image files I am using)

    Cheers :)