> 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/jp/tasuku/combo.md).

# Combo

1つのシーン内で、商品、テキストプロンプト、画像参照を組み合わせます。変更を適用する場所を指定するために、キャンバス上に直接指示を配置します。

### 基本の Combo: テキスト指示と画像参照

<figure><img src="https://3749661168-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: 商品の差し替え（精密モード）

<figure><img src="https://3749661168-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>

***

## Combo ステッカーの種類

Combo には 3 種類のステッカーがあります。変更したい内容を指示するために、シーンに 1 つ以上配置してください。

<kbd><mark style="color:$primary;">**テキスト指示**<mark style="color:$primary;"></kbd>

変更内容を言葉で記述します。ボトルに結露を追加したり、背景を暗くしたりなど、伝えたい内容が明確なときに使います。

<kbd><mark style="color:$primary;">**画像参照**<mark style="color:$primary;"></kbd>

スタイル、質感、構図を示す参照画像を追加します。画像のほうが変更内容を分かりやすく伝えられるときに使います。

<kbd><mark style="color:$primary;">**商品参照**<mark style="color:$primary;"></kbd>

商品参照を使うと、既存の商品を置き換える場合でも、新しい商品を追加する場合でも、シーンに特定の商品を配置できます。

***

## インタラクティブチュートリアル

{% hint style="info" icon="language" %}
**チュートリアルの言語を変更する方法**\
チュートリアルは既定で英語で表示されます。別の言語でこのチュートリアルを表示するには、右上隅にカーソルを合わせて、選択してください <i class="fa-language">:language:</i> **言語**.
{% endhint %}

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

***

## 使い方

{% stepper %}
{% step %}

#### 「Combo」を選択

左側のタスクメニューで、 <kbd><mark style="color:$tint;">**Combo**<mark style="color:$tint;"></kbd>.

これで、現在のシーン用の Combo ワークスペースが開きます。
{% endstep %}

{% step %}

#### 商品画像をアップロード

商品画像は前景要素として使用されます。

画像は次の方法でアップロードできます。

* 選択する <kbd><mark style="color:$primary;">**画像をアップロード**<mark style="color:$primary;"></kbd> シーン内で
* コンピューター上のフォルダーから画像をドラッグ＆ドロップする
* 画面左下のライブラリパネルから画像をドラッグ＆ドロップする

アップロードすると、商品がシーンに表示されます。
{% endstep %}

{% step %}

#### テキスト指示ステッカーを追加

画面下部のツールドックから:

1. 次を選択 <kbd><mark style="color:$primary;">**テキスト指示ステッカー**<mark style="color:$primary;"></kbd>.
2. シーン上の任意の場所をクリックしてステッカーを配置します。
3. 任意: ステッカーを配置する前に、選択してドラッグし、変更を反映させたい範囲を四角で囲んでください。
4. 指示テキストを入力します。
5. Enter キーで確定します。

ステッカーを削除するには、 <i class="fa-xmark" style="color:$primary;">:xmark:</i> ステッカー右上にある削除ボタンを選択します。

{% hint style="info" %}
特定の範囲を指定すると、生成精度が向上します。
{% endhint %}

{% hint style="warning" %}
指示ステッカーを同時に多く配置しすぎないようにしてください。
{% endhint %}
{% endstep %}

{% step %}

#### 画像参照ステッカーを追加

1. 次を選択 <kbd><mark style="color:$primary;">**画像参照ステッカー**<mark style="color:$primary;"></kbd>.
2. シーン上の任意の場所をクリックしてステッカーを追加します。
3. 任意: ステッカーを配置する前に、選択してドラッグし、変更を反映させたい範囲を四角で囲んでください。
4. プレイグラウンドから画像を選ぶか、新しい画像をアップロードします。
5. アップロードする場合:
   * 次を選択 <kbd><mark style="color:$primary;">**アップロード**<mark style="color:$primary;"></kbd> タブ。
   * 選択 <kbd><mark style="color:$primary;">**アップロード**<mark style="color:$primary;"></kbd> または、以前にアップロードした画像を選択します。
6. 任意: 参照画像の解釈方法を指定するために、短いテキスト指示を追加します。
7. Enter キーで確定します。

ステッカーを削除するには、 <i class="fa-xmark" style="color:$primary;">:xmark:</i> ステッカー右上にある削除ボタンを選択します。

{% hint style="info" %}
特定の範囲を指定すると、生成精度が向上します。
{% endhint %}

{% hint style="warning" %}
指示ステッカーを同時に多く配置しすぎないようにしてください。
{% endhint %}
{% endstep %}

{% step %}

#### 商品参照ステッカーを追加

1. 次を選択 <kbd><mark style="color:$primary;">**商品参照**<mark style="color:$primary;"></kbd> ステッカー。
2. シーン上の任意の場所をクリックしてステッカーを追加します。
3. 任意: ステッカーを配置する前に、選択してドラッグし、商品を表示したい範囲を四角で囲んでください。
4. 商品は次から選択します:
   * 「 **プレイグラウンド** タブ: 以前のシーンの商品を再利用します
   * 「 **ライブラリ** タブ: 組織のアセットライブラリから選択します
   * 「 **アップロード** タブ: 新しい画像を追加します

ステッカーを削除するには、 <i class="fa-xmark" style="color:$primary;">:xmark:</i> ステッカー右上にある削除ボタンを選択します。

{% hint style="info" %}
特定の範囲を指定すると、生成精度が向上します。
{% endhint %}
{% endstep %}

{% step %}

#### 推奨: 全体テキストプロンプト

全体プロンプトで、シーン全体の方向性を定義します。&#x20;

右側の生成設定パネルで、全体的な方向性を示すテキストプロンプトを追加できます。\
テキストプロンプト欄には:

1. テキストプロンプト欄に直接入力します。
2. 選択 <kbd><mark style="color:$primary;">**ライブラリ**<mark style="color:$primary;"></kbd> 以前保存したプロンプトを再利用します。
3. 次の <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> アイコンから画像をアップロードすると、Beachside が説明文を作成し、そのテキストをプロンプト欄に配置します。
   {% endstep %}

{% step %}

#### 推奨: 全体参照画像を追加

参照画像からの要件は、全体設定とシーン内の両方で必ず指定してください。

右側の Global Combo 設定パネルで:

1. 選択 <kbd><mark style="color:$primary;">**+ 画像を追加**<mark style="color:$primary;"></kbd>.
2. プレイグラウンドまたはアップロードタブから最大10枚の画像を選択します。
3. アップロードする場合:
   * 次を選択 <kbd><mark style="color:$primary;">**アップロード**<mark style="color:$primary;"></kbd> タブ。
   * 選択 <mark style="color:$primary;">**アップロード**</mark> または、以前にアップロードした画像を選択します。
4. 画像を追加したら:
   * 画像の横にある「Specify」と表示された説明欄を選択します。
   * 30文字以内の短い説明を入力します。
5. 参照画像を削除するには:
   * 画像番号にカーソルを合わせます。
   * 次を選択 <i class="fa-xmark" style="color:$primary;">:xmark:</i> ボタン。
     {% endstep %}

{% step %}

#### アスペクト比を選択

画像の用途に合った出力比率を選択してください。現在の比率で問題なければ、そのまま維持してください。

<details>

<summary><strong>選択可能なアスペクト比</strong></summary>

* 縦長（9:16、768×1344px）
* ワイドスクリーン（21:9、1536×672px）
* 縦ワイドスクリーン（9:21、672×1536px）
* フレキシブル 5:4（5:4、1152×896px）
* フレキシブル 4:5（4:5、896×1152px）
* 正方形（1:1、1024×1024px）
* 写真（3:2、1248×832px）
* 縦写真（2:3、832×1248px）
* クラシック（4:3、1184×864px）
* 縦クラシック（3:4、864×1184px）
* 横長（16:9、1344×768px）

</details>
{% endstep %}

{% step %}

#### 出力数を選択

シーン右側の生成設定パネルで、一度に最大4つの異なるシーンを生成できます。
{% endstep %}

{% step %}

#### 「生成」と精度レベルを選択します

すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>。必要に応じて、精密モードにも切り替えられます。

生成されたシーンはプレイグラウンドに表示されます。
{% endstep %}
{% endstepper %}

***

## 生成の精度レベルの使い方

<figure><img src="https://3749661168-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 %}

#### 精度レベルの選択メニューを開く

の横で <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>、矢印を選択して精度レベルのドロップダウンを開きます。

<kbd><mark style="color:$primary;">**標準**<mark style="color:$primary;"></kbd> が既定で選択されています。
{% endstep %}

{% step %}

#### 複雑な要素には「精密」を選択します

選択 <kbd><mark style="color:$primary;">**精密**<mark style="color:$primary;"></kbd> パッケージ形状、エンボス加工のロゴ、質感など、細部まで求める生成に適しています。

「 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd> ボタンのアイコンと背景が選択内容に合わせて更新されます。
{% endstep %}

{% step %}

#### 生成

選択 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<kbd><mark style="color:$primary;">**精密**<mark style="color:$primary;"></kbd> は、より時間がかかります。 <kbd><mark style="color:$primary;">**標準**<mark style="color:$primary;"></kbd>約90秒です。
{% 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/jp/tasuku/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.
