> For the complete documentation index, see [llms.txt](https://docs.fermat.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fermat.app/ai-tool-catalogue/photoshooting-and-styling/outfit-try-on.md).

# Outfit Try-on

## Introduction

Bringing your designs to life can be a challenge, especially when trying to visualize them on a model before production. Traditional methods like physical samples or Photoshop editing can be time-consuming and expensive. With Fermat, you can effortlessly **preview how your designs look like on a model within seconds**, ensuring a seamless and realistic representation before committing to production.

## Step by step guide

To visualize your designs on models, follow these steps:

{% stepper %}
{% step %}

### Open the AI tool

1. Go to [Fermat.app](https://fermat.app/) and log into your account.
2. Open: '[Outfit Try-on](https://toolmaker.fermat.app/tool/try-an-outfit-on-a-model-609ae2b8-d351-4796-b4e9-559148e8242d)'.
   {% endstep %}

{% step %}

### Upload your design

Upload **the design** you want to see applied to a model.

{% hint style="success" %}
Supported formats: JPEG, PNG, and WEBP
{% endhint %}
{% endstep %}

{% step %}

### Upload a model 

Upload an image of a **model**.

{% hint style="success" %}
Supported formats: JPEG, PNG, and WEBP
{% endhint %}
{% endstep %}

{% step %}

### Paint a specific area

Use the painting tool to **mark the area on the model** where you want your design to be displayed.
{% endstep %}

{% step %}

### Generate image

Click on the *'Generate'* button and let the AI process your inputs. In just a few seconds, you will have your new design.

{% hint style="warning" %}
Review the output and, if necessary, **refine the painting area** for better results.
{% endhint %}

<figure><img src="/files/VdVrhY9fXvz0BJIfRGwQ" alt="" width="563"><figcaption><p>Generate button</p></figcaption></figure>
{% endstep %}
{% endstepper %}

{% embed url="<https://youtu.be/WDrJAbVGXBc>" %}

### (optional) Provide additional details

You can provide extra details that will help the AI to achieve the desired result.

{% hint style="info" %}
Example: The sweater is untucked.
{% endhint %}

## Examples

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

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

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

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

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

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

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