> 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/learn/tutorials.md).

# チュートリアル

## プロンプト

* [参考画像からプロンプトを作成](#reference-image)
* [アイデア出し用プロンプトを作成](#ideation-prompt)

## 画像品質を修復

* [損傷した商品画像の品質を修復](#repair-a-damaged-product-image-quality)
* [損傷したポートレート画像の品質を修復](#repair-a-damaged-portrait-image-quality)
* [パックショットのリアルなブレンド](#realistic-blending-of-packshots)

## クリエイティブ効果

* [3Dタイポグラフィ](#id-3d-typography)

***

## 参考画像からプロンプトを作成 <a href="#reference-image" id="reference-image"></a>

GoogleのGeminiのようなAIチャットツールを使って、参考画像をテキストプロンプトに変換します。プロンプトを調整してから、新しいビジュアルを生成します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F0JMSGzK0dOURoPLxntst%2F1.png?alt=media&amp;token=d74b8665-2d70-4461-a49d-af6a86644fba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FAMgjtDJORCTJzLB2znRl%2F2.png?alt=media&amp;token=52de924d-30cc-4b9e-be10-bcb266aac54e" alt=""><figcaption></figcaption></figure>

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

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

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

### 使い方

{% stepper %}
{% step %}

#### 参考画像を選択

参考画像を選択します。

* 誰が見てもわかる被写体を含む、明快な構図。
* 文字や人が多い画像、または被写体が明確でない画像は避けてください。AIが何を使うべきか判断しづらくなります。

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FRs8ghMgTbfqvlbREin6k%2Freference-image-1.png?alt=media&amp;token=ea5f631f-1cc5-4ffd-8200-20d64c5a4a74" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### 画像をAIチャットツールにアップロード

より良い結果を得るために、BeachsideではGoogle Geminiをおすすめします。
{% endstep %}

{% step %}

#### 以下のテンプレートをコピーして貼り付け

***

テキストプロンプトを作成してください。\
画像は生成しないでください。

添付画像をもとに、次のためのテキスト説明を作成してください： *<mark style="color:緑;background-color:green;">**3つの異なるシーン。**</mark>* 再現してください： *<mark style="color:緑;background-color:green;">**同じ角度、ライト、色味、仕上がり**</mark>*<mark style="color:緑;background-color:green;">**.**</mark>\
各シーンでは、添付画像の背景を変更せず、その中に商品を配置します（テキスト説明では必ず product と表記してください）。フラットな広告ビジュアルを作成するためです。

以下のガイドラインに従ってテキスト説明を書いてください:

* 各テキスト説明は、1つの連続した段落として記載してください；
* 添付した参考画像のファイル名は絶対に記載しないでください；
* 画像内の商品は、必ず「product」という語だけで表現してください；
* 商品の形状、デザイン、その他の特徴は絶対に描写しないでください；
* *<mark style="color:赤;background-color:$danger;">**その他の要望をここに追加**</mark>*

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
テキストプロンプトを作成してください。
画像は生成しないでください。

添付画像をもとに、3つの異なるシーンのテキスト説明を作成してください。 同じ角度、ライト、色味、仕上がりを再現します。各シーンでは、添付画像の背景を変更せず、その中に商品を配置します（テキスト説明では必ず product と表記してください）。フラットな広告ビジュアルを作成するためです。

以下のガイドラインに従ってテキスト説明を書いてください:
- 各テキスト説明は、1つの連続した段落として記載してください；
- 添付した参考画像のファイル名は絶対に記載しないでください；
- 画像内の商品は、必ず「product」という語だけで表現してください；
- 商品の形状、デザイン、その他の特徴は絶対に描写しないでください；
- その他の要望をここに追加

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
```

{% endprompt %}
{% endstep %}

{% step %}

#### テンプレートを編集

「で示された箇所を編集してください *<mark style="color:赤;background-color:$danger;">**赤**</mark>*、で示された箇所を *<mark style="color:緑;background-color:green;">**緑**</mark>* 必要に応じて編集してください。"*その他の要望をここに追加"* が不要なら削除するのを忘れないでください。

{% hint style="info" %}

* **抽象的ではなく、具体的に記載してください：** "高級感がある"ではなく、"マットな石の表面、やわらかなスタジオライト、ゴールドのアクセント"と記載してください。
* **1回あたりのプロンプトは5件以内にしてください：** それ以上になると、結果が互いに似通い始めます。
  {% endhint %}

編集後のプロンプトは次のとおりです：

***

テキストプロンプトを作成してください。\
画像は生成しないでください。

添付画像をもとに、次のためのテキスト説明を作成してください： *<mark style="color:緑;">`3つの異なるシーン。`</mark>* 再現してください： *<mark style="color:緑;">`同じ角度、ライト、色味、仕上がり。`</mark>*\
各シーンでは、添付画像の背景を変更せず、その中に商品を配置します（テキスト説明では必ず product と表記してください）。フラットな広告ビジュアルを作成するためです。

以下のガイドラインに従ってテキスト説明を書いてください:

* 各テキスト説明は、1つの連続した段落として記載してください；
* 添付した参考画像のファイル名は絶対に記載しないでください；
* 画像内の商品は、必ず「product」という語だけで表現してください；
* 商品の形状、デザイン、その他の特徴は絶対に描写しないでください；
* *<mark style="color:赤;">`オレンジを日本の柚子の皮に置き換え、花の要素はすべて削除してください。木の切り株の表面には細かな水滴があります。これらの要素は必ずシーンに含めてください。`</mark>*

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% endstep %}

{% step %}

#### 必要に応じて結果を確認し、編集

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FkCag8UD4noLRopeWvmOF%2FGroup%2084%20(1).png?alt=media&amp;token=2b7c29bf-c009-4ee9-9880-86ac8005a914" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Beachsideでプロンプトを使用

次の手順に従ってください：

1. 新しいシーンを作成します。
2. 新しいシーンに商品（複数可）を配置します。
3. 作成したプロンプトの1つを貼り付けます。
4. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPEh9gpCq9Jy8kKajqtRS%2FGroup%2086.png?alt=media&amp;token=5b14afda-3a29-4288-b80c-52c216ae6cd9" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### よくある質問

<details>

<summary><strong>なぜテンプレートは「画像は生成しないでください」から始まるのですか？</strong></summary>

このステップの出力はテキストです。その指示がないと、画像を受け取った会話型AIは通常、画像を返してしまい、プロンプトの作成を省略します。

</details>

<details>

<summary><strong>末尾の英語段落は翻訳できますか？</strong></summary>

いいえ。その段落には画像品質に関するキーワードが含まれており、画像モデルは元の英語を最も確実に認識します。翻訳や言い換えをすると、出力品質が下がります。

</details>

<details>

<summary><strong>なぜ商品の形状やデザインを描写しないのですか？</strong></summary>

商品の見た目は、アップロードした写真から反映されます。プロンプトに「琥珀色のガラス製ポンプボトル」のように書くと、画像モデルはそのテキストをもとに新しいボトルを描いてしまい、あなたの商品は使われず、結果が一致しません。

</details>

<details>

<summary><strong>複数商品画像でスケールが不揃いで、影の向きもバラバラです。</strong></summary>

複数商品テンプレートから次の2つの制約が削除されていないか確認してください：「配置、前後関係、高さの階層を必ず明記する」および「すべての商品で同じライトの方向と影のロジックを共有する」。<br>

</details>

***

## アイデア出し用プロンプトを作成 <a href="#ideation-prompt" id="ideation-prompt"></a>

GoogleのGeminiのようなAIチャットツールを使って、ブランドスタイル、カラーパレット、主要要素、素材、カメラアングルなどの要素をもとに、アイデア出し用プロンプトを作成します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FLn8vNaw56imHGHHEkwKG%2FGroup%2093.png?alt=media&amp;token=4595c547-f5b7-4e61-8162-6e1f624137d4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FybQkO2eC2OfK41VjJHHH%2FGroup%2096.png?alt=media&amp;token=9ade2fcc-85ed-49fa-b294-0fba4cfdd098" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

### 使い方

{% stepper %}
{% step %}

#### ビジュアルガイドラインを決める

次の内容を決める必要があります：

1. ブランドスタイル
2. カラーパレット
3. 主要要素
4. 素材
5. カメラアングル

\
これらの要素はブランドガイドラインから抽出することも、AIを使って作成することもできます。必要に応じて次の手順に従ってください：
{% endstep %}

{% step %}

#### ビジュアルガイドラインがない場合

既存のブランド資料やビジュアルから抽出することも、ゼロから独自に作成することもできます：

<details>

<summary><i class="fa-file-lines">:file-lines:</i> <strong>既存のブランドガイドライン文書</strong></summary>

ブランドガイドラインに基づいて画像群の一貫性を保つ最善の方法は、説明文をすべて自分で作成することです。ただし、AIチャットにBrand Guidelinesファイルからすべての情報を抽出させることもできます：

1. Brand GuildeinesファイルをAIチャットにアップロードしてください（より良い結果のため、BeachsideではGoogle Geminiをおすすめします）。
2. 次のプロンプトを使ってビジュアルガイドラインを抽出してください：

{% code title="テキストプロンプト" overflow="wrap" %}

```
添付ドキュメントをもとに、そのビジュアル要素を抽出するのを手伝ってください。
画像は生成しないでください。

次の各項目を抽出してください：
1. ブランドスタイル
2. カラーパレット
3. 主要要素
4. 素材
5. カメラアングル

結果はキーワードのみとし、上記5カテゴリごとに整理してください。
```

{% endcode %}

</details>

<details>

<summary><i class="fa-image">:image:</i> <strong>既存の参考画像を使用</strong></summary>

1. 1枚または複数の参考画像をAIチャットにアップロードしてください（より良い結果のため、BeachsideではGoogle Geminiをおすすめします）。
2. 次のプロンプトを使ってビジュアルガイドラインを抽出してください：

{% code title="テキストプロンプト" overflow="wrap" %}

```
添付画像をもとに、そのビジュアル要素を抽出するのを手伝ってください。
画像は生成しないでください。

次の各項目を抽出してください：
1. ブランドスタイル
2. カラーパレット
3. 主要要素
4. 素材
5. カメラアングル

結果はキーワードのみとし、上記5カテゴリごとに整理してください。
```

{% endcode %}

</details>

<details>

<summary><i class="fa-square-dashed-circle-plus">:square-dashed-circle-plus:</i> <strong>AIチャットを使ってゼロから作成</strong></summary>

AIを使って、大まかなコンセプト（たとえば高級感のある赤いギフトセット、ゴールド包装のプレストパウダー、ホリデーの雰囲気など）からキーワードの候補群を生成します。後で絞り込めそうな案を選んでください。

{% code title="テキストプロンプト" overflow="wrap" %}

```
「〇〇〇〇」の要素をもとに、アイデア出しを手伝ってください。
画像は生成しないでください。

〇〇〇〇（ブランド／商品／スタイル…）をもとに、次の各項目について5つのアイデアを挙げてください：
- カラーパレット
- シーンの主要要素（小物、素材など）
- カメラアングル
- シーンのライティング

結果には、アイデア番号、1行の説明、キーワードを含めてください。目的は、丸ごとの文章ではなく、選びやすい形に整理することです。
```

{% endcode %}

</details>
{% endstep %}

{% step %}

#### 以下のテンプレートをコピーして貼り付け

***

テキストプロンプトを作成してください。\
画像は生成しないでください。

次の要素をヒントに、テキスト説明を作成してください： *<mark style="color:緑;background-color:green;">**3つの異なるシナリオ。**</mark>*

* ブランド／スタイルの印象： *<mark style="color:赤;background-color:$danger;">**ここに説明を追加**</mark>*
* カラーパレット： *<mark style="color:赤;background-color:$danger;">**ここに説明を追加**</mark>*
* 主要要素： *<mark style="color:赤;background-color:$danger;">**ここに説明を追加**</mark>*
* 素材／質感： *<mark style="color:赤;background-color:$danger;">**ここに説明を追加**</mark>*
* カメラアングル： *<mark style="color:赤;background-color:$danger;">**ここに説明を追加**</mark>*

各シナリオでは、その中に商品を配置してください（テキスト説明では必ず「product」と表記してください）。このプロセスは、印刷広告向けのビジュアルを作成するためのものです。

説明文を書く際は、次のガイドラインに従ってください：

* 各説明は、1つの連続した段落として記載してください；
* 画像内のアイテムは「product」という語だけで表現してください。商品の形状、デザイン、その他の具体的な特徴は描写しないでください；
* シーン内での商品配置と、周囲の余白を明確に記載してください；
* 3つのシーンに明確な違いを持たせてください。色の違いだけに限定しないでください；
* 明示されていない詳細（背景、表面、ライティングの具体など）は、上記の要素と一貫したスタイルを保ちながら補完してください；
* テキスト、ロゴ、人は含めないでください。

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
テキストプロンプトを作成してください。
画像は生成しないでください。
次の要素をヒントに、3つの異なるシナリオのテキスト説明を作成してください。

- ブランド／スタイルの印象：ここに説明を追加
- カラーパレット：ここに説明を追加
- 主要要素：ここに説明を追加
- 素材／質感：ここに説明を追加
- カメラアングル：ここに説明を追加

各シナリオでは、その中に商品を配置してください（テキスト説明では必ず「product」と表記してください）。このプロセスは、印刷広告向けのビジュアルを作成するためのものです。

説明文を書く際は、次のガイドラインに従ってください：
- 各説明は、1つの連続した段落として記載してください；
- 画像内のアイテムは「product」という語だけで表現してください。商品の形状、デザイン、その他の具体的な特徴は描写しないでください；
- シーン内での商品配置と、周囲の余白を明確に記載してください；
- 3つのシーンに明確な違いを持たせてください。色の違いだけに限定しないでください；
- 明示されていない詳細（背景、表面、ライティングの具体など）は、上記の要素と一貫したスタイルを保ちながら補完してください；
- テキスト、ロゴ、人は含めないでください。

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
```

{% endprompt %}
{% endstep %}

{% step %}

### テンプレートを編集

「で示された箇所を編集してください *<mark style="color:赤;background-color:$danger;">**赤**</mark>*、で示された箇所を *<mark style="color:緑;background-color:green;">**緑**</mark>* 必要に応じて編集してください。

{% hint style="info" %}

* 1回あたりのプロンプトは5件以内にしてください。それ以上になると、結果が互いに似通い始めます。
* 判断ではなく、視覚情報を伝える言葉を使ってください：「侘寂、控えめなラグジュアリー」や「温かみのあるアースカラー、マットなトラバーチン」
* 少なくとも、カラーパレットと主要要素は固定してください。そうすることで、AIがブランドらしさを保つための十分な指針を得られます。
* 具体的に指定する必要があるのは、主要要素、素材／質感、カメラアングルのみです。ブランド／スタイルの印象とカラーパレットは、あくまで方向性として扱います。ここを細かく指定しすぎると、AIに差分を出す余地がなくなり、3つのシーンがほぼ同じになってしまいます。
  {% endhint %}

編集後のプロンプトは次のとおりです：

***

テキストプロンプトを作成してください。\
画像は生成しないでください。

次の要素をヒントに、テキスト説明を作成してください： *<mark style="color:緑;">`3つのまったく新しいシーン：`</mark>*

* ブランド／スタイルの印象： *<mark style="color:赤;">`Reeee侘寂の控えめなラグジュアリー`</mark>*
* カラー・パレット： *<mark style="color:赤;">`温かみのあるアースカラー；ベージュのトラバーチンベース`</mark>*
* 主要要素： *<mark style="color:赤;">`積み重ねたタオル`</mark>*
* 素材／質感： *<mark style="color:赤;">`天然トラバーチン、やわらかなテリークロス`</mark>*
* カメラアングル： *<mark style="color:赤;">`ややハイアングルのアイレベル視点；ミディアムクローズアップ`</mark>*

以下のガイドラインに従ってテキスト説明を書いてください:

* 各テキスト説明は、1つの独立した文書として記載してください
* 商品がシーンのどこに置かれているか、また周囲にどれだけ余白があるかを必ず明記してください
* 商品と周囲のすべては同じライトを共有し、影はすべて同じ側に落ちます
* 3つのシーンは、色だけでなく、明確に違いが出るようにしてください
* 上記の要素と同じ雰囲気を保ちながら、指定されていない部分は各自で補完してください
* 商品の形状、デザイン、その他の特徴は絶対に描写しないでください

画像品質を向上させるため、プロンプトの末尾には必ず次の英語文をそのまま正確に入れてください: "Flat advertising image. Photorealism, 8K resolution, incredibly sharp focus, hyper-detailed textures, immaculate studio lighting, crisp highlights, commercial beauty advertising style, ultra-premium quality."
{% endstep %}

{% step %}

### 必要に応じて結果を確認し、編集

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FD8FsvQFZiVpj2Pi9ZDEA%2Fimage%2069.png?alt=media&amp;token=e88d97ca-6c55-4fe3-9619-a9b4dd70282c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Beachsideでプロンプトを使用

次の手順に従ってください：

1. 新しいシーンを作成します。
2. 新しいシーンに商品（複数可）を配置します。
3. 作成したプロンプトの1つを貼り付けます。
4. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FNeRMFdN5kHLdKIwbWAfr%2Fimage.png?alt=media&amp;token=986ab066-b1cc-4292-b7dd-424a90e12310" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### よくある質問<br>

<details>

<summary><strong>一貫性のある画像シリーズを作るにはどうすればよいですか？</strong></summary>

要素は固定し、構図だけを変えてください。パレット、素材、ライティングは一定に保ち、小物と視点だけを変えることで、3つのプロンプトが同じ世界を3つの角度から見たものとして成立します。毎回要素を変えると、シリーズの一貫性が崩れます。

</details>

***

<br>

## 損傷した商品画像の品質を修復

歪んだ商品画像を修復したり、欠けたディテールを復元したりします。質感を統一した、バランスの取れた画像を作成します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FD1ca4zgqyvVdSd3d5pNS%2Fgitbook_task_upscale.png?alt=media&amp;token=05d5f356-323c-4654-9150-75a4838ce1b1" alt=""><figcaption></figcaption></figure>

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

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

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

### 使い方

{% stepper %}
{% step %}

#### 画像レイヤーを分割

修復が必要な画像をBeachsideにアップロードし、「レイヤー分け」で処理します。

* 商品と背景を2つのアートボードに分け、後で個別に処理しやすくします。

次の手順に従ってください：

1. 新しいシーンを作成します。
2. シーングラフを新しいシーンに配置します。
3. 右クリックして選択します <kbd><mark style="color:$primary;">**レイヤーに分割**<mark style="color:$primary;"></kbd>.
4. レイヤー分けが完了したら、背景と商品をそれぞれ新しいシーンにコピーします

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fdinreul2ASL0K4uAwXWj%2FSPLIT.png?alt=media&amp;token=90947d45-dd83-4194-a506-a98e996e53a1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 以下のテンプレートをコピーして貼り付け

背景キャンバスを選択し、「モデル生成」タスクを選んで、次のプロンプトを入力します。

***

* 背景の画像品質を修復
* *<mark style="color:赤;background-color:$danger;">**その他の要望をここに追加**</mark>*
* ほかのビジュアル要素は変更しないでください。

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
背景の画像品質を修復します。
その他の要望をここに追加
ほかのビジュアル要素は変更しないでください。
```

{% endprompt %}
{% endstep %}

{% step %}

#### プロンプトテンプレートを編集

「を編集する必要があります *<mark style="color:赤;background-color:$danger;">**赤**</mark>*&#x3067;示された箇所を。追加要件が不要な場合は、「その他の要望をここに追加」を削除するのを忘れないでください。

{% hint style="info" %}

* **抽象的ではなく、具体的に記載してください：**

  「自然さを加える」ではなく、「背景の空の不自然な色のグラデーションを補正する」と記載してください。
  {% endhint %}

編集後のプロンプトは次のとおりです：

***

* 背景の画像品質を修復し、
* 空の不自然な色のグラデーションを補正します
* ほかのビジュアル要素は変更しないでください。

***

{% endstep %}

{% step %}

### 商品を背景に配置します

修復した背景に商品レイヤーを貼り付けて位置を調整します。商品と背景をブレンドするには「Combo」タスクを使います。

次の手順に従ってください：

1. テキストツールを使って商品を選択します。
2. 次のプロンプトを入力してください：「*`商品を背景に自然に統合します。`*"
3. 参考画像を追加し、「商品のライティングと影」とラベルを付けてください。
4. Nano Banana pro が選択されていることを確認してください。
5. 確認してください [Precise Mode](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) が選択されていることを。
6. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fik7pklsWnYWdgtEVF9rB%2FProduct%20Integration.png?alt=media&amp;token=51c06690-ad69-4bbe-a8c9-be68f3900966" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 既存商品の修復

商品が歪んでいる場合は、次の手順に従って置き換え、最終的に希望する角度に合わせます。 <kbd><mark style="color:$primary;">**Combo**<mark style="color:$primary;"></kbd>商品ディテールの修復に使います：

1. 次を使用します: <kbd><mark style="color:$primary;">**Combo 商品参照**<mark style="color:$primary;"></kbd>機能
2. 各商品ごとに高解像度の商品画像を追加

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>横たわる／フラットな角度など、特殊な角度の商品では、ラベルのずれを防ぐために、同じような角度の商品を使うことをおすすめします。</p></div>
3. プロンプトを入力 *`商品ラベルを最適化し、商品の構造ディテールを明確に描写します`*
4. Nano Banana pro が選択されていることを確認してください。
5. 確認してください [Precise Mode](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) が選択されていることを。
6. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FP5HObCaCvSF4w3Pwbvq1%2FFix%20product%20labels.png?alt=media&amp;token=bef7ed6f-26c1-4086-a588-65f88ea34988" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 任意のステップ：背景にブレンドする前に、新しい商品角度を作成します

参考画像をもとに商品角度を作成するには、次の手順に従ってください：

{% @arcade/embed url="<https://app.arcade.software/share/7dX9fpGAcg7ba6AQBRLW>" flowId="7dX9fpGAcg7ba6AQBRLW" %}
{% endstep %}
{% endstepper %}

### よくある質問

<details>

<summary><strong>修復後もまだぼやけています。もう一度実行できますか？</strong></summary>

できますが、2回までにしてください。各修復は前回の結果を土台にするため、繰り返すほど損失が蓄積し、生成を重ねるのと同じように、3回目や4回目には得られるものより失うもののほうが大きくなります。2回で足りない場合は、現在の版をさらに重ねるのではなく、より前の鮮明な版に戻ってそこからやり直してください。

</details>

<details>

<summary><strong>背景が別のシーンとして戻ってきました</strong></summary>

プロンプトがテンプレートを超えてしまっています。このステップは品質を修復するものであり、シーンを再作成するものではありません。末尾の句 `「ほかのビジュアル要素は変更しないでください」` が他のすべてを固定するため、削除したり言い換えたりしないでください。1つ前のステップに戻り、テンプレートと具体的な修復指示を1つだけ送信してください。

</details>

<details>

<summary><strong>商品が撮影されたというより、貼り付けたように見えます</strong></summary>

必ず参考画像を追加し、次のようにラベル付けしてください： *商品のライティングと影* — 元のフレームで光がどの方向から来たのかをモデルに伝える必要があります。次に、3点を確認してください。影の向きが他と一致していること、商品と表面が接する位置に接地影があること、そして輪郭に白いフリンジがないことです。浮いて見えるのは、ほぼ常に接地影が不足しているためです。

</details>

***

## 損傷したポートレート画像の品質を修復

歪んだポートレート画像を修復したり、欠けたディテールを復元したりします。質感を統一した、バランスの取れた画像を作成します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fh7KPKRqn5fQINpLqjxOP%2Fgitbook_task_upscale.png?alt=media&amp;token=a038f733-f5a3-4a4e-b834-e71a602f399a" alt=""><figcaption></figcaption></figure>

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

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

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

### 使い方

{% stepper %}
{% step %}

#### &#x20;画像を2つに分けます：人物と背景

修復したい画像をアップロードして、レイヤーに分けます。人物は商品よりも複雑で、しかも商品を持っているため、背景削除機能の使用はおすすめしません：

1. 新しいシーンを作成
2. 修復が必要な画像を追加
3. 右クリックして選択 <kbd><mark style="color:$primary;">**レイヤーに分割**<mark style="color:$primary;"></kbd>.
4. レイヤー分けが完了するまで待ち、背景を削除して人物だけを残します。シーン下のツールメニューから四角形を選び、人物の背面に白い塗りを追加します。

次は同じ手順を繰り返し、人物を削除します：

1. 新しいシーンを作成
2. 選択 <kbd><mark style="color:$primary;">**モデル生成**<mark style="color:$primary;"></kbd>
3. 人物を削除するには、次のプロンプトを入力します： *`モデルを削除し、背景を復元`*

最終的に、次の2枚の画像が得られます：&#x20;

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fu8VbTzpHFX7WniCe5AQl%2FSplit%20vision2.png?alt=media&amp;token=b6373806-5560-4d7b-8a00-608be4209fd2" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### AIチャットプラットフォームを使ってプロンプトを作成

背景と女性をそれぞれ、使いたいAIチャットプラットフォーム（Gemini、ChatGPT、Claudeなど）に入力し、最適化が必要な詳細のためのプロンプトを生成します。以下の手順は、背景と人物で別々に実行してください。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F9ZIuVUAz5slbL7RgiWZt%2FSPLIT.png?alt=media&amp;token=c2fda95a-6d70-4e44-8ea0-3e16df3e62dd" alt=""><figcaption></figcaption></figure>

次のプロンプトは、1回につき1枚の画像に対して使用してください：

***

添付画像をもとに、修復後のバージョンに必要なビジュアルプロンプト一式を抽出してください。画像は生成しないでください。各アイテムの素材を詳しく説明し、色、配置、素材を正確に再現してください。 \
\
&#x20;*<mark style="color:赤;background-color:$danger;">**その他の要望があればここに追加してください。**</mark>*&#x20;

プロンプトは、次の文で始めてください：「参考画像に基づき、完璧に修復してください。」

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
添付画像をもとに、修復後のバージョンに必要なビジュアルプロンプト一式を抽出してください。画像は生成しないでください。各アイテムの素材を詳しく説明し、色、配置、素材を正確に再現してください。 

その他の要望があればここに追加してください。 

プロンプトは、次の文で始めてください：「参考画像に基づき、完璧に修復してください。」
```

{% endprompt %}
{% endstep %}

{% step %}

#### プロンプトを編集

「で示された箇所を編集してください *<mark style="color:赤;background-color:$danger;">**赤**</mark>*。追加の具体的な素材要件が不要な場合は、「その他の要望をここに追加」を削除するのを忘れないでください。AIチャットは素材を正しく理解できないことがあるため、プロンプトを確認して必要に応じて情報を追加してください。

{% hint style="info" %}
**抽象的ではなく、具体的に記載してください：** 「石の表面」ではなく、「マットな石の表面」と記載してください。
{% endhint %}

編集後のプロンプトは次のとおりです：&#x20;

***

添付画像をもとに、修復後のバージョンに必要なビジュアルプロンプト一式を抽出してください。画像は生成しないでください。各アイテムの素材を詳しく説明し、色、配置、素材を正確に再現してください。

*<mark style="color:赤;">`髪は詳細に描写する必要があります。べたついた束ではなく、ふんわりとしたボリューム感のある質感にしてください。肌の質感は、なめらかで完璧な仕上がりではなく、リアルな毛穴や肌理があるようにしてください。女性のベストはメッシュ素材です。`</mark>*

プロンプトは、次の文で始めてください：「参考画像に基づき、完璧に修復してください。」

***

{% endstep %}

{% step %}

#### Beachsideでプロンプトを使用

次の手順に従ってください：

1. 新しいシーンを作成します。
2. 修復が必要な画像を新しいシーンに配置します。
3. AIチャットで生成したプロンプトテキストを貼り付けます。
4. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

各レイヤーを修復した後の結果は次のとおりです：

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvgKAcOQdP10kzd01B8LD%2FGroup%2093.png?alt=media&amp;token=94aef70f-2ce0-4b76-b700-327f3aeba518" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPTN4lHDkej2MENEHfbYE%2FGroup%2094.png?alt=media&amp;token=3eea9fcc-50f0-45df-812c-9861dca8f618" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

#### 修復した画像をブレンドして統合

修復した背景とモデルをComboでブレンド

次の手順に従ってください：

1. 新しいシーンを作成
2. 選択 <kbd><mark style="color:$primary;">**Combo**<mark style="color:$primary;"></kbd> タスク
3. 背景画像を配置
4. 画像ステッカー（画像参照ステッカー）を追加し、女性の画像をアップロードします。画像を自然に統合するためのヒントを必ず追加してください。シーンが何であるかを非常に具体的に示し、たとえば次のように明確にしてください： *<mark style="color:赤;background-color:red;">`画像内の人物を自然に統合します。女性がカーペットの上に座り、ソファにもたれながら髪を乾かしています。背景の残りは完全に変更しないでください`</mark>*
5. 制約プロンプトを追加します\
   変更範囲を限定し、特殊素材に関する指定を加えることで、AIが対象物の素材特性をできるだけ保持できるようにします。\
   Text Prompt欄に次のプロンプトを追加してください： *<mark style="color:赤;background-color:red;">`元の背景画像にある物体の質感と高解像度の効果を保持してください。ソファとカーペットの本来の質感を保持してください`</mark>*
6. 参考画像を追加します\
   必要な配置や配色をAIに伝えるために、元画像（修復前の画像）を追加してください。この画像の用途をBeachsideに伝えるため、説明文を添えることが重要です： *<mark style="color:赤;background-color:red;">`女性の位置とサイズを参照してください`</mark>*
7. Precise Modeを選択
8. 生成

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F1J1TNmYDa54K5grIVgbK%2FGroup%2090.png?alt=media&amp;token=280a98d6-eed9-4788-b8f0-1ef66099261e" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### よくある質問

<details>

<summary><strong>「ネガティブプロンプトの追加」は必須ですか？入れないとどうなりますか？</strong></summary>

その役割は、「Combo」ステップでの変更範囲を固定することです。たとえば「それ以外はすべて変更せず、元の質感と素材感を保持する」といったプロンプトを加えることで、モデルが背景の他要素の質感を意図せず再生成するのを防げます。この指示がないと、人物だけを差し替えるつもりでも、ソファやカーペットの質感まで変わってしまうことがあります。

</details>

<details>

<summary><strong>生成された素材プロンプトが非常に長くても、実際に反映されるのは一部だけ、ということはありますか？</strong></summary>

細かな指示を盛り込みすぎると、AIは最重要要素を優先し、プロンプトの後半や、メインビジュアルを大きく変えない説明を見落としがちです。Geminiの出力を受け取ったら、まず自分で整理してください。画像への影響が最も大きい素材ディテールを3〜5個だけ残します（たとえば髪のボリュームや肌の質感など）。

</details>

<details>

<summary><strong>同じポートレートを何度も修復しているうちに、顔立ちのディテールが少しずつ「ずれて」きているように見えます。続けるべきかどう判断すればよいですか？</strong></summary>

生成を重ねるたびに、顔のディテールは元のソース画像ではなく、前回の結果をもとに再生成されます。2回調整したら、現在の結果と元の顔を、顔の各パーツの比率と輪郭の観点で比較してください。すでに差異が目立つ場合は、この版の調整を続けないでください。現在の版にさらに修正を重ねるのではなく、元のソース画像に戻ってプロセスをやり直してください。

</details>

***

## 3Dタイポグラフィ

参考画像を使ってタイポグラフィ効果を複製します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FYhxTFH5tyXMXGLHljCom%2F%E5%AD%97%E4%BD%93%EF%BC%92.png?alt=media&amp;token=11dd41fd-6ef6-49ca-b5ff-2d6ec8046410" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FN6O3IKaG0EUHcxjahYQx%2F%E5%AD%97%E4%BD%93.png?alt=media&amp;token=a4dadf9f-6980-4d6d-9260-c49da211af0c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F4woZ0T166ghXw0gz9Z7I%2F%E5%AD%97%E4%BD%935.png?alt=media&amp;token=8750a6b0-fd24-4e11-89c2-bfafb936df2b" alt=""><figcaption></figcaption></figure>

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

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

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

### 使い方

{% stepper %}
{% step %}

#### 「Text」ツールでテキストを入力

次の手順に従ってください：

1. Beachsideで新しいシーンを作成
2. 単色の背景を追加
3. 次を選択 <kbd><mark style="color:$primary;">**テキスト**<mark style="color:$primary;"></kbd> ツール
4. テキストを入力
   {% endstep %}

{% step %}

#### Comboツールを使って3D効果を作成します。

次の手順に従ってください：

1. 次を選択 <kbd><mark style="color:$primary;">**Combo**<mark style="color:$primary;"></kbd> ツール
2. ビジュアル参考画像をアップロード
3. 注釈：*<mark style="color:赤;background-color:$danger;">**フォントと3D効果**</mark>*
4. 送信

#### テンプレートを編集

編集できます *<mark style="color:赤;background-color:$danger;">**赤**</mark>**&#x20;***  プロンプトは、たとえば「typeface design」「3D visuals」「Font replacement effect」などの具体的な参考内容に置き換えられます。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVy1DnbTTVOEn51MA3mRy%2FGroup%202.png?alt=media&amp;token=6c42cf59-1eb6-4587-bdde-f7b18c618269" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### よくある質問

<details>

<summary><strong>スタイルを適用する際、参考画像は元の平面テキストと最終レンダリングされた3D版のどちらを使うべきですか？</strong></summary>

参考画像には、完成した3Dレンダリングを使う必要があります。素材やライティングに関する情報はレンダリング結果にのみ含まれており、元の平面テキストレイヤーにはありません。そのため、後者を参考にすると、コンポジションツールがそれらの詳細を「複製」する根拠を持てません。

</details>

<details>

<summary><strong>書体デザインにも使えますか？</strong></summary>

はい。Comboステップの注釈テキストは完全に編集可能です。赤で示された部分には、次のような素材説明以上の内容を書けます： `フォント効果` または `3Dビジュアル`；次のように書けます： `書体デザイン` に置き換えることができます。そうすると、Comboは参考画像の素材やライトを複製するだけでなく、文字そのものの形状も複製します。つまり、ストロークの太さ、つながり、装飾的なディテールまで、そのままテキストに適用されます。

</details>

***

## パックショットのリアルなブレンド

AIチャットツールを使って、不自然に見える箇所を見つけてください。その後、その修正プロンプトを使って、商品がシーンの中で自然に見えるようにします。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F0zsVgCZrs6jTpNETWQnf%2FSplit%20vision.png?alt=media&amp;token=89e7595f-a64f-4752-b40c-14df59c4a989" alt=""><figcaption></figcaption></figure>

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

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

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

### 使い方

{% stepper %}
{% step %}

#### AIチャットプラットフォームを使ってプロンプトを作成

お使いのAIチャットプラットフォーム（Gemini、ChatGPT、Claudeなど）に画像を渡し、最適化が必要なディテールのプロンプトを生成してください。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FtZvraRX3mBi5HJLkZbBS%2FGroup%201.png?alt=media&amp;token=628c4694-1947-4ce4-ac46-d4728b7eb3b6" alt=""><figcaption></figcaption></figure>

次のプロンプトとあわせて、1回につき1枚の画像だけを使用してください：

***

この画像を分析してください。\
画像は生成しないでください。

商品が実際に撮影されたように見えない要素を見つけてください。商品の反射と屈折、角度とパース、環境内での素材の見え方、ライティングが実際の撮影に合っているかを確認し、それぞれについて詳しい修正案を示してください。

背景の角度は変えずに、商品の角度を背景の撮影角度に合わせてください。

シーン全体を自然にブレンドしてください。複数の商品を一緒に配置する場合は、ライティングをリアルで自然にしてください。背景と同じキーライトで全商品を照らしつつ、光源からの距離に応じて明るさを少し変えます。光源に近い商品はやや明るく、遠い商品はやや暗くしてください。

前景と背景にリアルなピントを合わせてください。

光沢のある商品の表面が、周囲の環境や物体をリアルに反射するようにしてください。

*<mark style="color:赤;background-color:$danger;">**その他の要望をここに追加**</mark>*

そのままコピーして使える修正プロンプトを1つだけ出力してください。必ず「提供した素材に基づいて修復してください」で始まり、「商品のラベル、テキスト、構造、その他のビジュアル要素は変更しないでください。」で終えてください。

***

{% prompt description="Copy your prompt here" icon="message-lines" openInAIProviders="false" %}

```markdown
この画像を分析してください。 
画像は生成しないでください。

商品が実際に撮影されたように見えない要素を見つけてください。商品の反射と屈折、角度とパース、環境内での素材の見え方、ライティングが実際の撮影に合っているかを確認し、それぞれについて詳しい修正案を示してください。
背景の角度は変えずに、商品の角度を背景の撮影角度に合わせてください。
シーン全体を自然にブレンドしてください。複数の商品を一緒に配置する場合は、ライティングをリアルで自然にしてください。背景と同じキーライトで全商品を照らしつつ、光源からの距離に応じて明るさを少し変えます。光源に近い商品はやや明るく、遠い商品はやや暗くしてください。
前景と背景にリアルなピントを合わせてください。

光沢のある商品の表面が、周囲の環境や物体をリアルに反射するようにしてください。

その他の要望をここに追加

そのままコピーして使える修正プロンプトを1つだけ出力してください。必ず「提供した素材に基づいて修復してください」で始まり、「商品のラベル、テキスト、構造、その他のビジュアル要素は変更しないでください。」で終えてください。

```

{% endprompt %}
{% endstep %}

{% step %}

### プロンプトを編集

「で示された箇所を編集してください *<mark style="color:赤;background-color:$danger;">**赤**</mark>*。追加の具体的な素材要件が不要な場合は、「その他の要望をここに追加」を削除するのを忘れないでください。AIチャットは素材を正しく理解できないことがあるため、プロンプトを確認して必要に応じて情報を追加してください。

{% hint style="danger" %}
**要望は適切に記載してください**\
出力をコントロールしたい場合は、明確に書くことが非常に重要です。たとえば、商品の光沢や透明感を制御したいなら、その内容をはっきり記載してください。抽象的ではなく具体的に書き、「no shine」ではなく「商品のエッジに光沢を加えない」と書いてください。
{% endhint %}

編集後のプロンプトは次のとおりです：

***

この画像を分析してください。\
画像は生成しないでください。

商品が実際に撮影されたように見えない要素を見つけてください。商品の反射と屈折、角度とパース、環境内での素材の見え方、ライティングが実際の撮影に合っているかを確認し、それぞれについて詳しい修正案を示してください。

背景の角度は変えずに、商品の角度を背景の撮影角度に合わせてください。

シーン全体を自然にブレンドしてください。複数の商品を一緒に配置する場合は、ライティングをリアルで自然にしてください。背景と同じキーライトで全商品を照らしつつ、光源からの距離に応じて明るさを少し変えます。光源に近い商品はやや明るく、遠い商品はやや暗くしてください。

前景と背景にリアルなピントを合わせてください。

光沢のある商品の表面が、周囲の環境や物体をリアルに反射するようにしてください。

<mark style="color:赤;">`香水の左右の角度は変えないでください。正面を向けたままにし、上下の視点角度のみ調整可能です。`</mark>

そのままコピーして使える修正プロンプトを1つだけ出力してください。必ず「提供した素材に基づいて修復してください」で始まり、「商品のラベル、テキスト、構造、その他のビジュアル要素は変更しないでください。」で終えてください。

***

{% endstep %}

{% step %}

### Beachsideでプロンプトを使用

次の手順に従ってください：

1. 新しいシーンを作成します。
2. 修復が必要な画像を新しいシーンに配置します。
3. AIチャットで生成したプロンプトテキストを貼り付けます。
4. Nano Banana pro が選択されていることを確認してください。
5. 確認してください [Precise Mode](https://docs.theseaai.com/tasks/model#generation-effort-for-nano-banana-pro) が選択されていることを。
6. すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F5GI8xe2zpj6qQ7ehoApd%2FGroup%2012.png?alt=media&amp;token=53d1b7cf-94b8-47ab-b2c6-6a91fb66ea3d" alt=""><figcaption></figcaption></figure>
{% 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/learn/tutorials.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.