# Blend

***

#### Place a product into a new background

<div data-full-width="false"><figure><img src="/files/sjgSucJFA3efcgkCuvSz" alt=""><figcaption></figcaption></figure></div>

#### Replace a product in existing visual

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

***

## Interactive Tutorials

{% hint style="info" icon="language" %}
**How to Change Your Tutorial Language**\
Tutorials are shown in English by default. To view this tutorial in a different language, hover over the top right corner and select <i class="fa-language">:language:</i> **Language**.
{% endhint %}

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

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

***

## How to use

{% stepper %}
{% step %}

#### Select “Blend”

In the left task menu, select <kbd><mark style="color:$tint;">**Blend**<mark style="color:$tint;"></kbd>.

This opens the Blend workspace for your current scene.
{% endstep %}

{% step %}

#### Upload a Product Image

The product image will be used as the foreground element.

You may upload an image by:

* Selecting <kbd><mark style="color:$primary;">**Upload an image**<mark style="color:$primary;"></kbd> inside the scene
* Dragging and dropping an image from a folder on your computer
* Dragging and dropping an image from the Library panel at the bottom-left of the screen

Once uploaded, the product will appear in the scene.
{% endstep %}

{% step %}

#### Select or Upload a background image

Blend requires a background image.

To add one:

1. Select <kbd><mark style="color:$primary;">**+ Background**<mark style="color:$primary;"></kbd> at the bottom-left of the scene.
2. Choose one of the following:
   * Select an existing scene from your Playground
   * Select from a list of previously uploaded images
   * Upload a new image from your computer

The selected background will load at the bottom-left of your scene.
{% endstep %}

{% step %}

#### Select the Number of Outputs

In the right-side Generation settings panel:

* Select how many variations to generate.
* You may generate up to 4 scenes at once.
  {% endstep %}

{% step %}

#### Select “Generate”

After confirming all settings, select <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd>.

The generated scenes will appear in your Playground.
{% endstep %}
{% endstepper %}


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.theseaai.com/tasks/blend.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.