AIでセールバナーを作成

商品の写真が、サイト用のセールバナーとSNS用の正方形ビジュアルになります。テキストは正確に、商品もそのまま再現されます。ワークフローはこちらでご覧いただけます。アカウント登録は不要です。

木の床にフラットに置かれたマスタードイエローのカーディガンインタラクティブデモ

本物のワークフロー、本物の結果。自由に移動・ズームできます。

このワークフローを使う

実際のワークフローです。黄色いカーディガンをフラットに撮影した写真から、セール見出しと「-30%」の割引バッジ、ボタンが入った16:9のバナー、そしてセール告知用の正方形の画像が生成されます。テキストはすべて正確で、カーディガンも同じものです。

概要

ご用意いただくもの
写真1枚 · テキストまたはブリーフ
ワークフローの成果物
画像2枚(16:9, 1:1)
キャンバスの構成
6個のノードを4本の接続でつないだ構成
使用モデル
GPT Image 2.5 Sunburst
1回のフル実行のコスト
約18クレジット($0.22)
アカウント
デモはアカウントなしでご覧いただけます。生成には無料アカウントが必要です(試用クレジット付き)

セールは年に4回訪れ、そのたびにサイト用のバナー、Instagram用のビジュアル、ニュースレター用のバリエーションが必要になります。このワークフローは商品の写真からスタートし、タイトル、割引、ボタンがすべて画像に書き込まれた2つのフォーマットを一度に出力します。

最初の難所はテキストです。「-30%」の表記を間違えると、キャンペーン全体が台無しになります。GPT Image 2.5 Sunburstは、各単語を引用符で囲んで指定し、それ以外の単語をすべて禁止すれば、明るい背景の上に誤字なく文字を書き込みます。2つ目の難所は商品です。Sunburstは商品をそのまま配置し、別のものを作り出すことはありません。

ポスターやもっと自由なビジュアルにはポスター生成ツールを、連続した投稿にはカルーセルをご覧ください。2つのビジュアルの生成には18クレジットかかります。

デモの実際のレンダリング結果

これらは上記ワークフローの生成ファイルであり、モデルが出力したものをそのまま、加工なしで掲載しています。出発点がある場合はそれも表示しています。

出発点

商品の写真

レンダリング結果

セール見出しと「-30%」の割引バッジ、ボタンが入った16:9のバナー、テキストは正確GPT Image 2.5 Sunburstで生成
SNS向けの「-30%」バッジ入り正方形セール画像、カーディガンは同じGPT Image 2.5 Sunburstで生成

対象となる方

各セール期間のビジュアルを準備するオンラインショップ、店舗、ブランド、コミュニティマネージャーの方々。

ご用意いただくファイル

商品の鮮明な写真、タイトル、割引、ボタンのテキストです。

手順

  1. 1

    商品の鮮明な写真から始める

    フラットレイまたは切り抜き、しっかりと照明を当てて撮影します。商品はそのまま再現されるため、最も良い状態の写真を用意することが大切です。

  2. 2

    文言は引用符で囲んで指定する

    タイトル、割引、ボタン。それぞれの正確な文言を引用符で囲み、「それ以外は何も書かない」と指示します。これが余計な単語の生成を防ぎます。

  3. 3

    背景は明るい色にする

    クリーム、白、パステルカラーなど。Sunburstは明るい背景では誤字なく文字を書きますが、暗い単色の背景では文字がにじんでしまいます。

  4. 4

    一字一句確認する

    パーセンテージの表記、アクセント記号、アポストロフィまで確認しましょう。バナーの誤字はどこよりも目立ちます。

バリエーションと活用例

同じキャンバスを、別の用途に合わせて調整。各バリエーションは、プロンプトを2〜3行変えるだけです。

季節のセール

冬のセール、夏のセール、Black Friday。同じ商品写真から、タイトルと割引だけを変えるだけで、サイト用のバナーとSNS用のビジュアルを作成できます。

フラッシュセール

その日の朝に発表される24時間限定の割引でも、デザイナーを待つことなく、数分でバナーと正方形の画像を用意できます。

ニュースレター

16:9のバナーをセールメールのヘッダーとして使えば、サイトと同じ商品、同じボタンで一貫性のあるキャンペーンになります。

実店舗

正方形の画像は店舗のショーウィンドウに印刷したり、レジ横のディスプレイに表示したりできます。割引は道行く人にも遠くから読み取れます。

マーケットプレイス

EtsyやShopifyの店舗のプロモーションビジュアルを、コレクションの主力商品ごとに展開し、同じ割引と同じトーンで統一できます。

メッセージのテスト

2つのタイトル、2つの割引、2色のバッジ。バリエーションを並べて出力し、クリックされやすいものをテストできます。

よくある失敗

モデルに自由に文字を書かせてしまう

引用符と「それ以外は何も書かない」という指示がないと、モデルは架空のサイト名やスローガンなど余計な単語を追加してしまいます。すべての単語を明示的に指定しましょう。

暗い背景に文字を入れる

Sunburstは暗い単色の背景だと文字がにじんでしまいます。黒いバナーを作る場合は、まず小さいフォーマットでテストしてください。

タイトルの代わりに文章を書いてしまう

バナーは一瞬で読まれるものです。文章ではなく、3語程度と数字にとどめましょう。

パーセンテージの確認を忘れる

「-30%」が、数字の0の代わりにアルファベットのOが入った「-3O%」になってしまうことがあります。公開前に一字ずつ確認してください。

おすすめモデル

よくある質問

他のフォーマットも作成できますか?

はい。Imageノードを複製してフォーマットを変更するだけです。ストーリー用には9:16、投稿用には1:1、サイト用には16:9をお使いください。

バナーに複数の商品を入れることはできますか?

はい。2枚か3枚の写真を同じノードに接続し、それぞれをプロンプトの中で名前で指定します。4枚以上になると、バナーが混み合ってしまいます。

ブランドカラーを保つことはできますか?

はい。背景、タイトル、バッジの色をプロンプトの中で指定してください。文字がきれいに読めるように、背景は明るい色を保ちましょう。

2つのビジュアルの料金はいくらですか?

18クレジットです。GPT Image 2.5 Sunburstの高品質設定で、1枚あたり9クレジットです。

なぜSunburstを使うのですか?

商品をそのまま忠実に配置し、明るい背景に誤字なく文字を書き込めるうえ、インフォグラフィックとレシピカードで比較した結果、Nano Banana Proより低コストです。

テキストは正確ですか?

デモでは、その通りです。両方のビジュアルに含まれるすべての文言が、一字一句正確に再現されています。

他の言語で文字を書くことはできますか?

はい。使いたい単語をその言語で引用符に入れて指定してください。Sunburstはラテンアルファベットなら誤字なく再現しますが、それ以外の文字は必ず確認してください。

商品は同じままですか?

デモでは、その通りです。同じカーディガン、同じ襟、同じ5つのボタンと2つのポケットです。

AIでセールバナーを作成

このワークフローを使う

無料アカウント、クレジットカード不要。ワークフローは入力済みの状態でキャンバスに開きます。