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

# Bags

{% embed url="<https://youtu.be/0X2WavlJL0M?si=fcfkI6XsPA3AljFi>" %}

<details>

<summary>From reference image mixing to sketch creation/editing 1 - Handbag</summary>

#### Reference mix (Mix)

<figure><img src="/files/3e1d7617ef5b8f8af25e299cfd047df1314a09ad" alt=""><figcaption></figcaption></figure>

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

#### Detail editing (Editor)

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

<figure><img src="/files/65ca7f13fc107473f9420d0c92e4f5ac0bcf91a2" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/31bfc89286dde56f668d1b2278a9058e8be7a1b0" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>From reference image mixing to sketch creation/editing 2 - Backpack</summary>

#### Reference mix (Mix)

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

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

#### Detail editing (Editor)

<figure><img src="/files/371affb5527d793a7159d3512cd5b507eb640b3f" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/390a69e227307d4f541fc1a876c79b6da0db06d3" alt=""><figcaption></figcaption></figure>

#### Style variation (Style variation)

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

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

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

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

<figure><img src="/files/8af8f2185ef5c420e6892b4c9b63e33b75a41bb7" 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>