# Eコマースポスター

> SeaArt Canvasは、リアルタイムキャンバスと生成キャンバスに分かれています。
>
> **リアルタイムモード：**&#x30EA;アルタイムで画像結果を表示し、AI画像生成の制御不能な問題に対応するための調整を行うことができます。
>
> **創作モード：** キャンバス上で直接画像生成機能を使用し、画像の部分的な再塗装や消去などのAI機能を便利に使用できます。

SeaArt Canvasは、デザインプロセスに深く関与し、想像力を現実に変える高い制御可能性を持つAI描画機能を提供します。次に、実際のeコマースポスターの例を通じてSeaArt Canvasの機能を体験しましょう。

## 製品背景

<figure><img src="https://content.gitbook.com/content/BZCjgc8P9tA3CJw4NnIH/blobs/Wu0Kn1oRnpHiCsUr6HDr/%E4%BA%A7%E5%93%81.png" alt="Product Background" width="188"><figcaption></figcaption></figure>

【ブランド新アップグレード・究極の体験】XS4は、最新の技術とプレミアム素材を利用して精密に作られたゲームコントローラーで、前例のないゲーム体験を提供します。その人間工学に基づいたデザインは、長時間のゲームプレイでも快適なグリップを保証し、反応の良いボタンと正確なジョイスティックが、あらゆる入力で正確な操作を保証します。

【広範囲な互換性】PC、PS4、Xbox、Switchなど、このマルチプラットフォームゲームコントローラーは完璧に互換性があります。複雑なセットアップは必要なく、プラグアンドプレイで、いつでもどこでもゲームの楽しみを楽しむことができます。

【長持ちする耐久性】高品質の内蔵バッテリーを搭載し、最大30時間の連続ゲームプレイをサポートし、中断のないゲームセッションを保証します。高い耐摩耗性の表面処理と頑丈な構造により、日常の摩耗に耐えることができます。

【プロフェッショナルグレードのパフォーマンス】カジュアルエンターテインメントや競技ゲームにかかわらず、このコントローラーはトップレベルのパフォーマンスを提供します。強化された振動フィードバックとプログラム可能なボタンが、ゲーム体験にさらなる楽しみと戦略的な深さを加えます。

## 事前検討

1. コントローラーがゲームと技術製品カテゴリーに属するため、科学技術、ハイテクノロジー、異世界といったコンセプトを導く可能性があります。これらの方向性を考慮して、AIを使用して画像を生成し、インスピレーション素材を追加することができます。SeaArt Canvasを開き、<mark style="background-color:yellow;">**創作モード**</mark>選択し、画像生成ボックスにプロンプトを入力し、画像の数を<mark style="background-color:yellow;">**4**</mark>に設定し、他のオプションをデフォルトのパラメータに設定します。画像生成をクリックして、生成された画像を取得します。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FK98R1bb9CbvEcVRh4Dqs%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240730113607.png?alt=media&#x26;token=c2a6ad93-28fa-4cc4-ba7a-37f6a77edf14" alt=""><figcaption></figcaption></figure>

2. このモードでは、生成された画像がキャンバス上に残り、画像生成ボックスを横に動かして続けて画像を生成することができます。不要な画像を削除し、参考になる画像を保持して、画像パラメータを直感的に調整できます。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FCpxJy5wOr2FAL5dFclu2%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240730113547.png?alt=media&#x26;token=79b9c220-2475-457a-a55f-0b352d453505" alt=""><figcaption></figcaption></figure>

3. 参照画像を選択したら、次のステップに進みます。<mark style="background-color:yellow;">**リアルタイムモード**</mark>使用して製品に背景を追加することです。

<figure><img src="https://content.gitbook.com/content/BZCjgc8P9tA3CJw4NnIH/blobs/Nquw27LLTmZL79QjoMgh/%E7%94%9F%E6%88%903.png" alt="SeaArt AI Realtime Canvas" width="563"><figcaption></figcaption></figure>

## リアルタイムモード

### ステップ1： 製品のアップロード

左側&#x306E;**「product」**&#x30AA;プションをクリックし、**「商品画像をアップロード」**&#x6A5F;能を選択します。製品画像をアップロードすると、システムは自動的にクリッピング操作を行い、描画プロセス中に製品画像がクリアで正確であることを保証します。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FVlZPid7nSrsZSA2hw0VR%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240725185606.png?alt=media&#x26;token=5a081f32-9375-4e7a-81b5-23a1f1e17ee7" alt=""><figcaption></figcaption></figure>

キャンバスの左上にはスケール調整ツールがあり、最大出力解像度は1024x1024ピクセルです。その下にはプロンプトボックスがあり、以前の参照画像からプロンプトを入力できます。

<figure><img src="https://content.gitbook.com/content/BZCjgc8P9tA3CJw4NnIH/blobs/EdpvDKgDojPwr1ZXtFdI/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17155924262247.png" alt="Adjust Output Resolution" width="563"><figcaption></figcaption></figure>

### ステップ2：背景の生成

次に、製品の背景を生成しましょう。ツールバーからシンプルペンシルツールを選択し、ドロップダウンオプションを使用してブラシのサイズと色を調整します。左下のレイヤーボタンを使って、各レイヤーの順序を調整し、レイヤー間の重なりを柔軟に管理できます。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FWjE2YqQXT2L8UQUWqcke%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240725185839.png?alt=media&#x26;token=3783fc12-1c76-40db-9eb3-323a98e5486d" alt=""><figcaption></figcaption></figure>

生成プロセスを開始する前に、<mark style="background-color:yellow;">ノイズ除去強度（0.7に設定することを推奨）</mark>、<mark style="background-color:yellow;">シード（-1）</mark>などの関連パラメータを調整して、生成効果を最適化します。その後、「開始/停止」ボタンをクリックして生成を開始します。

ストロークやプロンプトを増減させて、画像の最終効果を調整します。希望の画像を得たら、右上のダウンロードボタンをクリックして画像を保存します。

<figure><img src="https://content.gitbook.com/content/BZCjgc8P9tA3CJw4NnIH/blobs/vv51QtKq0Qtm47xrd8iw/Rainbow%20%C3%97%20SeaArt%20AI%20(4).png" alt="Adjust the Final Effect of the Image"><figcaption></figcaption></figure>

**背景のマージ**

背景を手描きするだけでなく、以前の参照画像を直接背景として使用することもできます。SeaArt Canvasは製品を背景にシームレスに統合できます。

「創作モード」で、選択した画像を右クリックし「マイページに保存」を選択します。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2F4qVwdaIEMDtTWZJtvsSN%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240726161736.png?alt=media&#x26;token=7fdf1349-6e3f-4c89-b1b5-792cbb13f6d6" alt=""><figcaption></figcaption></figure>

「リアルタイムモード」に切り替え、「マイページ」をクリックし、保存した画像を選択してキャンバスに追加します。

この時点で、<mark style="background-color:yellow;">ノイズ除去強度を下</mark>げて元の背景画像の詳細をより多く保持できます。見ての通り、キャンバスを通じて製品を背景にシームレスに統合でき、自然で調和の取れた視覚効果を作り出すことができます。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FF7XdkmNC8xFkbBiQcdpO%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240726162001.png?alt=media&#x26;token=a470a3c6-7cbe-4028-9257-93d7ef6edf4f" alt=""><figcaption></figcaption></figure>

### ステップ3： 画質の向上

キャンバスのサイズ制限のため、最終画像の画質も向上させる必要があります。

<mark style="background-color:yellow;">クイックAI</mark>を開き、<mark style="background-color:yellow;">「AI画像アップスケーラー」</mark>を選択します。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FSfVoNASoX5fIBX1qUa0Y%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240726162411.png?alt=media&#x26;token=9b77a789-42b7-4439-bb46-0e4eb61cd13f" alt=""><figcaption></figcaption></figure>

向上が必要な画像をインポートし、要件に応じて具体的なパラメータを調整します。

<figure><img src="https://1032308035-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZCjgc8P9tA3CJw4NnIH%2Fuploads%2FNJlFOYKY6Y3YZBiaTJzY%2F%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240726163416.png?alt=media&#x26;token=ec020dd5-ecf2-42e1-8742-7f024dd7546e" alt=""><figcaption></figcaption></figure>

### ステップ4：最終結果

最後に、強化された画像を編集し、必要なテキスト説明を追加します。これで、eコマースポスターが完成しました。

<figure><img src="https://content.gitbook.com/content/BZCjgc8P9tA3CJw4NnIH/blobs/cz5edguh4qJdR1vGtfsB/278304b1-04a7-4a7a-86b6-b16a2e653ea0.png" alt="E-commerce Poster by SeaArt AI "><figcaption></figcaption></figure>

AI技術の継続的な進歩と革新により、将来のSeaArt Canvasのバージョンでは、より深い画像解析と生成アルゴリズムなど、よりインテリジェントな機能が導入されます。これにより、デザインプロセスがさらに効率化され、創造的な効率が向上します。
