> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/fr/taches/combo.md).

# Combo

Combine des produits, des prompts texte et des références d'image dans une seule scène. Place les instructions directement sur la toile pour définir où les changements doivent se produire.

### Combo de base : instruction textuelle et référence d’image

<figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FU2j7jgmEfoeOnXNDZ9ZK%2Fgitbook_task_combo_01.png?alt=media&amp;token=e64a66f4-c0b0-4e91-8ed6-88f14ae45638" alt=""><figcaption></figcaption></figure>

### Combo de base : remplacement de produit (mode précis)

<figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FzmUBhSMNdD13vwqW6vGJ%2Fimage.png?alt=media&amp;token=8464ea18-3c74-4604-8762-fd1e6ba66b22" alt=""><figcaption></figcaption></figure>

***

## Types de stickers Combo

Combo a trois types de stickers. Place-en un ou plusieurs sur ta scène pour indiquer ce qu’il faut changer.

<kbd><mark style="color:$primary;">**Instruction textuelle**<mark style="color:$primary;"></kbd>

Décris un changement avec des mots. Utilise-le quand tu sais exactement ce que tu veux dire, comme ajouter de la condensation à une bouteille ou assombrir un arrière-plan.

<kbd><mark style="color:$primary;">**Référence d’image**<mark style="color:$primary;"></kbd>

Ajoute une image de référence pour le style, la texture ou la composition. Utilise-la quand une image explique mieux le changement que des mots.

<kbd><mark style="color:$primary;">**Référence produit**<mark style="color:$primary;"></kbd>

Utilise une référence produit pour faire entrer un produit précis dans ta scène, que tu remplaces un produit déjà là ou que tu en ajoutes un nouveau.

***

## Tutoriels interactifs

{% hint style="info" icon="language" %}
**Comment changer la langue du tutoriel**\
Les tutoriels sont affichés en anglais par défaut. Pour voir ce tutoriel dans une autre langue, passe la souris sur le coin supérieur droit et sélectionne <i class="fa-language">:language:</i> **Langue**.
{% endhint %}

{% @arcade/embed flowId="aEoc8iyxJgP9EVeLdNPg" url="<https://app.arcade.software/share/aEoc8iyxJgP9EVeLdNPg>" %}

***

## Comment l'utiliser

{% stepper %}
{% step %}

#### Sélectionne « Combo »

Dans le menu des tâches à gauche, sélectionne <kbd><mark style="color:$tint;">**Combo**<mark style="color:$tint;"></kbd>.

Ça ouvre l’espace de travail Combo pour ta scène actuelle.
{% endstep %}

{% step %}

#### Téléverse une image de produit

L’image du produit sera utilisée comme élément au premier plan.

Tu peux téléverser une image en :

* Sélectionnant <kbd><mark style="color:$primary;">**Téléverse une image**<mark style="color:$primary;"></kbd> dans la scène
* Fais glisser et dépose une image depuis un dossier sur ton ordinateur
* Fais glisser et dépose une image depuis le panneau Bibliothèque en bas à gauche de l’écran

Une fois téléversé, le produit apparaît dans la scène.
{% endstep %}

{% step %}

#### Ajoute un sticker d’instruction textuelle

Depuis le dock d’outils en bas de l’écran :

1. Sélectionne le <kbd><mark style="color:$primary;">**sticker d’instruction textuelle**<mark style="color:$primary;"></kbd>.
2. Clique n’importe où sur la scène pour placer le sticker.
3. Optionnel : avant de placer le sticker, sélectionne et fais glisser pour tracer un carré sur la zone où tu veux que les changements s’appliquent.
4. Entre ton texte d’instruction.
5. Appuie sur Entrée pour confirmer.

Pour supprimer un sticker, sélectionne le <i class="fa-xmark" style="color:$primary;">:xmark:</i> bouton de Suppression situé dans le coin supérieur du sticker.

{% hint style="info" %}
Dessiner une zone précise améliore la précision de génération.
{% endhint %}

{% hint style="warning" %}
Évite de placer trop de stickers d’instruction en même temps.
{% endhint %}
{% endstep %}

{% step %}

#### Ajoute un sticker de référence d’image

1. Sélectionne le <kbd><mark style="color:$primary;">**sticker de référence d’image**<mark style="color:$primary;"></kbd>.
2. Clique n’importe où sur ta scène pour ajouter ton sticker.
3. Optionnel : avant de placer le sticker, sélectionne et fais glisser pour tracer un carré sur la zone où tu veux que les changements s’appliquent.
4. Sélectionne une image depuis ton Playground ou téléverse une nouvelle image.
5. Si tu téléverses :
   * Sélectionne le <kbd><mark style="color:$primary;">**Téléverse**<mark style="color:$primary;"></kbd> onglet.
   * Sélectionne <kbd><mark style="color:$primary;">**Téléverse**<mark style="color:$primary;"></kbd> ou choisis une image déjà téléversée.
6. Optionnel : ajoute une courte instruction textuelle pour préciser comment l’image de référence doit être interprétée.
7. Appuie sur Entrée pour confirmer.

Pour supprimer un sticker, sélectionne le <i class="fa-xmark" style="color:$primary;">:xmark:</i> bouton de Suppression situé dans le coin supérieur du sticker.

{% hint style="info" %}
Dessiner une zone précise améliore la précision de génération.
{% endhint %}

{% hint style="warning" %}
Évite de placer trop de stickers d’instruction en même temps.
{% endhint %}
{% endstep %}

{% step %}

#### Ajoute un sticker de référence produit

1. Sélectionne le <kbd><mark style="color:$primary;">**Référence produit**<mark style="color:$primary;"></kbd> sticker.
2. Clique n’importe où sur ta scène pour ajouter ton sticker.
3. Optionnel : avant de placer le sticker, sélectionne et fais glisser pour tracer un carré sur la zone où tu veux que le produit apparaisse.
4. Sélectionne ton produit depuis :
   * L’ **Playground** onglet, pour réutiliser un produit d’une scène précédente
   * L’ **Bibliothèque** onglet, pour choisir dans la bibliothèque de Ressources de ton organisation
   * L’ **Téléverse** onglet, pour ajouter une nouvelle image

Pour supprimer un sticker, sélectionne le <i class="fa-xmark" style="color:$primary;">:xmark:</i> bouton de Suppression situé dans le coin supérieur du sticker.

{% hint style="info" %}
Dessiner une zone précise améliore la précision de génération.
{% endhint %}
{% endstep %}

{% step %}

#### Recommandé : prompt texte global

Les prompts globaux définissent la direction générale de la scène.&#x20;

Dans le panneau des paramètres de génération à droite, tu peux ajouter un prompt texte pour la direction générale.\
Dans le champ du prompt texte :

1. Écris directement dans le champ du prompt texte.
2. Sélectionne <kbd><mark style="color:$primary;">**Bibliothèque**<mark style="color:$primary;"></kbd> pour réutiliser un prompt déjà enregistré.
3. Depuis l’ <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> icône, téléverse une image et Beachside créera une description et placera le texte dans le champ du prompt.
   {% endstep %}

{% step %}

#### Recommandé : ajoute des images de référence globales

Indique toujours tes besoins à partir d’une image de référence, à la fois globalement et dans le contexte de la scène.

Dans le panneau des paramètres globaux de Combo à droite :

1. Sélectionne <kbd><mark style="color:$primary;">**+ Ajouter une image**<mark style="color:$primary;"></kbd>.
2. Sélectionne jusqu’à 10 images depuis le Playground ou l’onglet Upload.
3. Si tu téléverses :
   * Sélectionne le <kbd><mark style="color:$primary;">**Téléverse**<mark style="color:$primary;"></kbd> onglet.
   * Sélectionne <mark style="color:$primary;">**Téléverse**</mark> ou choisis une image déjà téléversée.
4. Après avoir ajouté une image :
   * Sélectionne le champ de description à côté de l’image intitulée Précise.
   * Entre une courte description (jusqu’à 30 caractères).
5. Pour supprimer une image de référence :
   * Passe la souris sur le numéro de l’image.
   * Sélectionne le <i class="fa-xmark" style="color:$primary;">:xmark:</i> bouton.
     {% endstep %}

{% step %}

#### Sélectionne un ratio d’aspect

Choisis un ratio de sortie adapté à la façon dont tu vas utiliser l’image. Garde le ratio actuel s’il fonctionne déjà.

<details>

<summary><strong>Ratios d’aspect disponibles</strong></summary>

* Portrait (9:16, 768×1344 px)
* Écran large (21:9, 1536×672 px)
* Écran large vertical (9:21, 672×1536 px)
* Flexible 5:4 (5:4, 1152×896 px)
* Flexible 4:5 (4:5, 896×1152 px)
* Carré (1:1, 1024×1024 px)
* Photo (3:2, 1248×832 px)
* Photo verticale (2:3, 832×1248 px)
* Classique (4:3, 1184×864 px)
* Classique vertical (3:4, 864×1184 px)
* Paysage (16:9, 1344×768 px)

</details>
{% endstep %}

{% step %}

#### Sélectionne le nombre de sorties

Dans le panneau des paramètres de génération, à droite de la scène, tu peux générer jusqu’à 4 scènes différentes à la fois.
{% endstep %}

{% step %}

#### Sélectionne « Générer » et un niveau d’effort

Après avoir confirmé tous les paramètres, sélectionne <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd>. Tu peux aussi passer à l’effort précis.

Les scènes générées apparaîtront dans ton Playground.
{% endstep %}
{% endstepper %}

***

## Comment utiliser le niveau d’effort de génération

<figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FdKqi8VyvWLGYWI6tY0zF%2Fimage.png?alt=media&amp;token=da141792-5bf2-435f-b873-7de1396310e9" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Ouvre le sélecteur d’effort

À côté de <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd>, sélectionne la flèche pour ouvrir le menu déroulant de l’effort.

<kbd><mark style="color:$primary;">**Standard**<mark style="color:$primary;"></kbd> est sélectionné par défaut.
{% endstep %}

{% step %}

#### Choisis Précis pour les éléments complexes

Sélectionne <kbd><mark style="color:$primary;">**Précis**<mark style="color:$primary;"></kbd> pour les générations avec des détails fins, comme la forme de l’emballage, les logos en relief ou la texture.

L’ <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd> L’icône et l’arrière-plan du bouton se mettent à jour pour montrer ta sélection.
{% endstep %}

{% step %}

#### Générer

Sélectionne <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd>.

<kbd><mark style="color:$primary;">**Précis**<mark style="color:$primary;"></kbd> prend plus de temps que <kbd><mark style="color:$primary;">**Standard**<mark style="color:$primary;"></kbd>, environ 90 secondes.
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/fr/taches/combo.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.