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

# Première génération

Maintenant que tout est en place, essayons de générer avec Beachside.

## Prompt texte

Beachside te permet de modifier une image en utilisant un « prompt texte ». Avant de continuer, assure-toi que la première option du menu des tâches <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> est sélectionné, c'est le modèle d'IA qu'on va utiliser pour l'édition.&#x20;

Utilisons un prompt simple pour changer les fruits de la scène en citrons, au lieu d'oranges :

1. Dans le panneau des paramètres de génération, tape ce prompt : <kbd>*<mark style="color:$info;">Change les oranges en citrons</mark>*</kbd>&#x20;
2. Clique sur le <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd> <mark style="color:$info;">bouton en bas du panneau.</mark>
3. <mark style="color:$info;">Beachside prendra quelques secondes pour générer 4 nouvelles scènes.</mark>

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FzsdtKEGCMEv8l97A6gcR%2Fgeneration.gif?alt=media&amp;token=c6f4b791-824c-48d0-b806-afc782bd07fd" alt=""><figcaption></figcaption></figure></div>

### Scènes générées

<div><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FX4y9IKgfMw93sjti5qoj%2Fgitbook_gettingstarted_21a.png?alt=media&amp;token=29493f63-0dd8-4735-b6d1-ac7908182800" alt=""><figcaption></figcaption></figure> <figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FraPGSaYuYzVn8ZcLSGGp%2Fgitbook_gettingstarted_21b.png?alt=media&amp;token=6e38cd24-d35e-437f-8d2c-c9d0062f183f" alt=""><figcaption></figcaption></figure> <figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FzjQeSEOK7o7htAWCJrkX%2Fgitbook_gettingstarted_21c.png?alt=media&amp;token=1e3d5617-a8d0-46ec-ac82-7d4ae071d13d" alt=""><figcaption></figcaption></figure> <figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FycYfv8ITiz0blcP1Nlvd%2Fgitbook_gettingstarted_21d.png?alt=media&amp;token=050b892c-369e-4609-af26-94869a48baba" alt=""><figcaption></figcaption></figure></div>

***

## Vérifie et répète les étapes

Suis le tutoriel interactif ci-dessous et tu pourras créer une nouvelle scène, sélectionner « Modèles » et utiliser ton propre prompt.&#x20;

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

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

{% stepper %}
{% step %}

#### Lancer une nouvelle génération

Tu peux lancer une nouvelle génération depuis :

* **Le panneau des scènes sur le côté gauche de l’écran :** \
  En haut à gauche de l’écran, dans le « Panneau Scène », sélectionne l’ <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> icône pour créer une nouvelle scène.
* **Depuis n'importe où dans le Playground**\
  Fais un clic droit n'importe où dans ton Playground et choisis <kbd><mark style="color:$primary;">**+ créer une nouvelle scène**<mark style="color:$primary;"></kbd> ou utilise le raccourci clavier <i class="fa-command">:command:</i>+Shift+S sur Mac et Control+Shift+S sur Windows.
  {% endstep %}

{% step %}

#### Sélectionne « Commencer à partir d'une image »

{% endstep %}

{% step %}

#### Téléverse ton image

Sélectionne et téléverse l'image que tu veux modifier.

Tu peux téléverser une image en :

* Glisser-déposer une image depuis le panneau Bibliothèque
* En sélectionnant <kbd><mark style="color:$primary;">**Téléverse une image**<mark style="color:$primary;"></kbd> dans la scène
* En faisant glisser et déposer une image depuis un dossier sur ton ordinateur

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

{% step %}

#### Sélectionne « Modèles »

Assure-toi que la première option <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> du menu Tâche à gauche est sélectionnée ; c'est le modèle d'IA qu'on va utiliser pour la modification. Tu peux choisir d'autres modèles pour générer ton image.

<details>

<summary><strong>Modèles de génération d'IA disponibles</strong></summary>

* **Nano Banana Pro :** Des modifications fluides et cohérentes, avec des détails et des reflets précis
* **Nano Banana 2 :** Affine et transforme les visuels avec une structure fidèle et des détails naturels
* **Nano Banana :** Des modifications fluides et cohérentes, avec des détails et des reflets précis
* **GPT5 :** Des détails photoréalistes avec une compréhension sémantique précise.
* **Seedream 4.5 :** Des modifications ultra cohérentes avec une conservation supérieure des détails et un éclairage naturel
* **Seedream 4 :** Des modifications haute fidélité avec un éclairage naturel et une bonne conservation des détails
* **Seedream 3 :** Des variations fraîches et cohérentes à partir d'images originales
* **Flux Kontext :** Des modifications précises et fluides avec des résultats naturels
* **Qwen :** Création visuelle polyvalente avec une intégration précise du texte

</details>
{% endstep %}

{% step %}

#### Tape ton prompt texte

Dans le panneau des paramètres de génération, tape ton prompt. \
Voici quelques exemples de prompts :

<kbd>*<mark style="color:$info;">Change la scène en coucher de soleil</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">Change la saison en hiver, ajoute de la neige qui tombe</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">Change la scène en nuit</mark>*</kbd>&#x20;
{% endstep %}

{% step %}

#### Générer

Après avoir confirmé tous les réglages, sélectionne <kbd><mark style="color:$primary;">**Générer**<mark style="color:$primary;"></kbd>.

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

&#x20;

***

## Félicitations !

**Et maintenant ?**

Maintenant que tu connais les bases, explore les fonctionnalités listées dans le menu de tâches de gauche. Chaque page fournit des instructions détaillées et des conseils pour t'aider à comprendre comment utiliser l'outil et commencer à créer dans Beachside. Pourquoi ne pas commencer par « Angle » ?

{% content-ref url="/pages/7557737ccb3427a682e592025790a13393616055" %}
[Angle](/main/fr/taches/angle.md)
{% endcontent-ref %}


---

# 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/onboarding/firstgeneration.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.
