> For the complete documentation index, see [llms.txt](https://docs.styleai.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.styleai.io/product-docs/product-docs-en/use-cases-by-category/apparel.md).

# Apparel

Mix · Variation · Image to Sketch

{% embed url="<https://youtu.be/i-d6z1k1epQ?si=Sp6T7aVwE27pLrkN>" %}

<details>

<summary>Reference Mix (Mix)</summary>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FZ2w8nnfKh7sDnBo5IZwM%2FFrame%2027.png?alt=media&amp;token=b36757c4-dcae-4ae7-86a8-866e871464fd" alt=""><figcaption></figcaption></figure>

<div align="center" data-full-width="true"><figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FfjoBonhNn5VGlKIyqerT%2FFrame%2028.png?alt=media&amp;token=7dfef567-0ae3-4648-b691-79ba442ba0eb" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FTuhJrHGGE6ZgivbADM1D%2FFrame%2029.png?alt=media&amp;token=ac4ed366-5e98-4b0c-b016-bb1dfcef38fe" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F3tKevOnv6HOZH8RSmzwe%2FFrame%2030.png?alt=media&amp;token=cebbb4e6-5eac-4255-aab3-f0d5904cbd11" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FzOnD9tVY1NtU4Qz6mwHt%2FFrame%2031.png?alt=media&amp;token=2f192ab0-77c8-4f01-8e17-486a2386e352" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FxQi3PGn0OAhKnCK4iFJW%2FFrame%2032.png?alt=media&amp;token=67eec8af-bfeb-4f7b-876f-449985ef5539" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F9nvBaImQWhUdJaiRWlnF%2FFrame%2033.png?alt=media&amp;token=c2e453f0-fba7-4958-ad8f-5c2521d1c4b2" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Style Variation (Style variation)</summary>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FeQnpP5tYiuh14vr2HdrA%2FFrame%2034.png?alt=media&amp;token=ae716206-7e32-4457-977b-b82be64a5613" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FJixYa63s2LGQXOGm1yJ8%2FFrame%2035.png?alt=media&amp;token=6c62837f-f176-4e7f-ba65-fb197cc9d232" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FvTfBZw4pEYeSr2jwQxV4%2FFrame%2036.png?alt=media&amp;token=cfcc9b12-7f20-4df6-9847-718629ec492b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FbjGezkCPbCCDxvqE3cBr%2FFrame%2037.png?alt=media&amp;token=a5fd1866-a359-4c07-8916-ebf8c403a6c6" alt=""><figcaption></figcaption></figure>

#### Style Variation (Style variation) - 4&#x20;

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FW2LWWqU2KWCV7RmC9rxu%2FFrame%2038.png?alt=media&amp;token=c9cec0fe-ed94-4bff-a310-6f4d56bc64d1" alt=""><figcaption></figcaption></figure>

#### Style Variation (Style variation) - 48

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FtYiD7GWb0yBrIPAFc8gt%2FFrame%2039.png?alt=media&amp;token=ff61598f-7bfd-45b5-aecc-285931c81ad4" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Real-time Trend Search</summary>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FhR11nL2IVrHUZcWmz5vf%2FFrame%2040.png?alt=media&amp;token=3b4c431b-f597-4c09-a973-66b0d3a41804" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FjNxhJG8VIBNzWIhdJrvr%2FFrame%2041.png?alt=media&amp;token=8f241cf9-fbe7-4947-9c44-b42c293e4478" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Sketch Generation (Image to Sketch)</summary>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FDzbe8wY7WTN9EVfJpjJY%2FFrame%2042.png?alt=media&amp;token=7c8c24d0-6028-415c-bdf8-6b63726923a4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FfgUPezZ5TGn5tqUyvmIO%2FFrame%2043.png?alt=media&amp;token=30100b85-6cd5-4bb4-b935-a18bc841cb4d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FVu1SO1SmzD0ycwt16CGa%2FFrame%2044.png?alt=media&amp;token=22064493-30a4-45de-aaa7-302a02f1b465" alt=""><figcaption></figcaption></figure>

#### Generate Sketch (Image to Sketch) - Full 2D sketch

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FirZptz2o6p8UTm7jmmxY%2FFrame%2045.png?alt=media&amp;token=7bb73e8c-f9f7-41ea-9b55-51d0a24423b5" alt=""><figcaption></figcaption></figure>

#### Generate Sketch (Image to Sketch) - Outline only

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FaggJJvp9YlvH3rpruWeR%2FFrame%2047.png?alt=media&amp;token=18ea4853-e257-41e6-baa9-6c964c4cc83d" alt=""><figcaption></figcaption></figure>

#### Edit Sketch (Edit Sketch)

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F3bQeAOfaeQBafQkupu4x%2FFrame%2048.png?alt=media&amp;token=fce34829-5065-44b3-9495-d9771962704e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2Frm5idkPsfgK2uw0vcsBJ%2FFrame%2049.png?alt=media&amp;token=cd616cbb-ddfa-4cd1-999c-53a2523925db" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Sketch Vector Conversion (Adobe Illustrator)</summary>

#### **A simple 4-step process to convert images into editable vector graphics using the AI Design Assistant and Adobe Illustrator**

### **1. Start by generating an AI sketch**

In the AI Design Assistant, generate a technical flat `Download the PNG` by clicking the button.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FqQiP77ozciX0r76EsSlD%2FFrame%20106.png?alt=media&amp;token=fb4535f4-868e-4bb5-8e26-74e570d2d8d3" alt=""><figcaption></figcaption></figure>

### **2. Import and prepare in Adobe Illustrator**

Open Adobe Illustrator and import the downloaded AI-generated technical flat.

### **3. Go to Window > Object > Image Trace**

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FaQLdNbgzj2Qv72D1t5uo%2FFrame%20107.png?alt=media&amp;token=23b454da-d77c-45ca-a641-fdbca0927eb3" alt=""><figcaption></figcaption></figure>

### **4. Configure the Image Trace settings**

* From the dropdown menu `select the Technical Drawing preset.` Choose the preset.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2Fo9JmAdCjBs2F1dKAkoVw%2FFrame%20108.png?alt=media&amp;token=0377f5b9-a23c-4d55-9f8c-c501adef68be" alt=""><figcaption></figcaption></figure>

* `Ensure the Create Strokes option` is checked.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FwLdiQQUzzpn1J8mmLsWq%2FFrame%20109.png?alt=media&amp;token=ba937eea-9ccd-454d-8589-eb86289e59d3" alt=""><figcaption></figcaption></figure>

* When you are satisfied with the preview, `click Expand`to convert the traced image into editable vector paths.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FEBJPAhsEDlYygbX9OTuM%2FFrame%20110.png?alt=media&amp;token=59f5723b-16de-43bb-ad19-e306235ca421" alt=""><figcaption></figcaption></figure>

After expanding, the image is now composed of individual line segments that can be edited separately.

</details>