> 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/shoes.md).

# Shoes

{% embed url="<https://youtu.be/LEiZ-dOLUW0?si=YSI8Rvh-qJzRFd7o>" %}

<details>

<summary>From reference image mixing to sketch generation/modification </summary>

#### Reference mix (Mix)&#x20;

<figure><img src="/files/c403acc22b931e4d299c867cbbb237015ea4c69f" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eb9c238a6015c2697453f9220af80e17b86da2bd" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/8820776100d59a45ea2c6aac4ebceaef864a167e" alt=""><figcaption></figcaption></figure>

#### Detail editing (Editor)

<figure><img src="/files/d09099a9f9a17ae916454fa377f28f7b4a605734" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/2a16e48dd6427d618368b131630e1d71d920d04c" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/d805386d507c6a5d90ea190579894a8f75e62f26" alt=""><figcaption></figcaption></figure>

#### Style variation (Style variation)

<figure><img src="/files/7f4a08beb9b1e4bda376ae3bcbb91b6613b64c87" alt=""><figcaption></figcaption></figure>

#### Sketch generation (Image to Sketch) - Single view

<figure><img src="/files/63175f9ae1843a9f2ac38d411e0026af830bc5ff" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/96a339510f32c8791ddf216bb450a35c75cf792c" 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 AI Design Assistant and Adobe Illustrator**

### **1. Start with AI sketch generation**

Generate technical flats in AI Design Assistant and `Download PNG` Click the button.

<figure><img src="/files/9bb11bd9da0b375ca5ad2d2e22a4f4a5375b9ffd" 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="/files/fc1a26be07cb4e0e1293fe3f3cc3c3f8bc54199f" alt=""><figcaption></figcaption></figure>

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

* From the dropdown menu `Technical Drawing` Select the preset.

<figure><img src="/files/4f403431cc51aad16e8969ef72149c8723fc8910" alt=""><figcaption></figcaption></figure>

* `Make Strokes (Create Strokes)` Ensure the option is checked.

<figure><img src="/files/334fcbe354c0bba02bca87ec63a06a3a5ac76e33" alt=""><figcaption></figcaption></figure>

* If satisfied with the preview, `Expand`Click to convert the traced image into editable vector paths.

<figure><img src="/files/9929da967046c5be4a1b0a6cc6bd221f4b523f26" alt=""><figcaption></figcaption></figure>

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

</details>