MENU
CLOSE
AIデザイン Edit : 2025.07.07 Update : 2025.08.13
【ChatGPT×ImageFX】秒速でバナーを生成する方法

【ChatGPT×ImageFX】秒速でバナーを生成する方法

最近、画像生成AI の進化によって、バナーデザインの初期案やビジュアルのラフ出しが圧倒的にスピードアップしています。その中でも、Google のImageFXは直感的に使いやすく高クオリティなアウトプットができるため、イメージボードの叩き台作成やバナー作成に役立つツールとして注目を集めています。
そこで本記事では、ChatGPTを使って、思い描いたビジュアルにならないためにプロンプトの精度を高めらがら、「意図が正確に伝わるプロンプト」を生成し、ImageFXで狙い通りのバナーを作る方法を紹介します。実際のやりとりや生成例も交えながらご紹介します。


バナー制作にImageFXを活用するメリット


  • ノンデザイナーでも簡単
  • バリエーションの出しやすさ
  • アイデア出し・叩き台づくりに最適

バナー作成ステップ

1. ChatGPTでプロンプトを作る

制作したいバナーの情報(配色やトーン・構図・強調したい要素・雰囲気やテイスト)を整理したうえで、ChatGPTに伝えます。

出力プロンプト

Design a clean and elegant banner with soft natural lighting. Use a two-tone background: light pink at the top and white at the bottom. Place a white sunscreen tube and its packaging box in the center. Add **delicate, finedetailed leaf shadows** in the background — keep them very subtle and ensure they do not overlap with any text or product. The shadows should feel gentle and refined, adding a natural yet unobtrusive accent. [Title (placeholder)] Beautiful, Gentle, and Reliable [Subtitle (placeholder)] Tone up while protecting your skin Display four key product features at the bottom using clean icons and clear text: – SPF 50+ – PA++++ – Waterproof – Allergy tested Ensure that all text and icons are easy to read, with enough contrast against the background. The overall tone should be light, soft, and sophisticated.

2. 実際にImageFXで生成

ChatGPTで作ったプロンプトをImageFXに貼り付けして生成し、気になる部分や調整した箇所は再びChatGPTでプロンプトの調整を聞く。 【ChatGPT×ImageFX】秒速でバナーを生成する方法

3. 生成した画像をバナーとして仕上げる

ImageFXは英語の方が、生成の精度が高いため、Photoshopで微調整を行います。

こちらの記事の参考のバナーの場合は取り急ぎ以下を行いました。

  • 仮タイトルをPhotoshopの自動生成で消して日本語でタイトルを入れ直す
  • トーンの変更
【ChatGPT×ImageFX】秒速でバナーを生成する方法 【ChatGPT×ImageFX】秒速でバナーを生成する方法

3業種別にバナーを作ってみた

農業系

【ChatGPT×ImageFX】秒速でバナーを生成する方法

出力プロンプト

Top half of the image shows a person wearing a checkered shirt and denim apron, holding a wooden box full of fresh organic vegetables — including carrots, sweet potatoes, daikon radish, leafy greens, and more.
The background is a softly blurred, lush green outdoor farm scene. Place a red circular badge in the top right corner with white text that says “Free Shipping”. The bottom half has a background in light beige (off-white) cloth texture, and contains clear text embedded in the image with the following layout: 1. Top left: a small light blue label with white text that says: “Refrigerated” 2. Centered, large headline: * “Organic Vegetable Trial Set” * The word “Organic” in dark green, elegant serif font * “Trial Set” in black or dark gray, clear and friendly font 3. Below that: * In red: “8 items included” * Next to it: an orange rectangular label with white text: “Trial Price” * Then large, bold text: “1,000 yen (tax included)” — especially make the “1,000 yen” part bright orange and large The overall tone should feel natural, warm, and family-friendly, with a clean and earthy design aesthetic that appeals to people looking for healthy, organic food.

シーズンSALE系

【ChatGPT×ImageFX】秒速でバナーを生成する方法

出力プロンプト

Create a vibrant summer sale banner with the following exact layout and design: Background: * A clear tropical seascape with a deep blue ocean and white clouds in a bright blue sky. * Splashes of water are scattered mid-air, evoking a fun, energetic mood. * Palm leaves hang from the top left and right corners. * High saturation and clarity, dominated by cool blue tones for a refreshing feel. Text placement (embedded in image): Upper Center: * Small Japanese text:
 “スーパーサマーセーーール!” in white, lightweight font. * Below it, in large white block letters with subtle blue shadows:
 “SUPER SUMMER SALE!”
 Use a bold sans-serif font. * Add a small red watermelon slice icon above or next to “SALE!” with the year “2025” in white text on a dot pattern. Below the main title: * Add the sale period:
 “5.9 Fri ~ 6.19 Thu”
 with a wavy underline (white line) and a small sailboat icon in the middle.
 Use italic white font for dates. Bottom text: * Two lines in bold white text:
 “Once-a-year big sale.”
 “Thank you for 45 years of support.” Overall, the design should be fun, bold, summery, and clear — with energetic beach vibes and a tropical vacation feeling.

女性ビジネス系

【ChatGPT×ImageFX】秒速でバナーを生成する方法

出力プロンプト

A square-format promotional banner for a women’s entrepreneurship seminar. Soft pastel pink and light blue color scheme, with a bright and friendly feel. Background consists only of curved color blocks and diagonal stripe patterns—no photo background. On the right, place a cut-out image of a woman in a navy blazer holding a red notebook. On the left, add a large handwritten-style Japanese title “起業を希望する女性向けセミナー” in turquoise blue and pink. Bottom left shows date and venue details inside circular and rounded rectangle shapes, including “2023 2.11(土)” and the seminar time in white and light blue text. Top right has the organizer logo, and mid-right has a pink circular badge reading “参加無料 定員20名”. Keep all elements within a single, unified square design, exactly matching the reference image’s layout, colors, and composition.

まとめ

ImageFXは、バナーの叩き台やビジュアルイメージを素早く形にできる、非常に実用的な生成AI ツールです。
そこで狙い通りのビジュアルを出すためにはプロンプト設計がすべてと言っても過言ではありません。
ChatGPTを併用することで、構図・雰囲気・目的を整理しながら言語化できるため、ImageFXのポテンシャルを最大限に引き出すことができます。

デザインの初期フェーズで「スピード感ある仮案提示」や「複数案のビジュアル比較」が求められる場面において、ImageFX × ChatGPTの連携は、今後の制作現場における新しいスタンダードになるかもしれません。
AIを日々の制作に取り入れる参考になりますと幸いです✨





KOHIMOTOでは、AIを活用したサイト制作や運用支援を行っています。ご相談は「お問い合わせ」からお気軽にどうぞ👇

編集者:Chiho Ishigaki

文化女子大学で服飾を学び企業デザイナーとして経験を積む中で、ツールを使った細かいをデザインする楽しみを知りWebデザイン業界に転身。2児の母。日々学びを忘れず、人としても良いアップデートをしていく事が目標です🌷

監修者:Yuka Fujimoto

Webディレクター / デザイナー。美大在学中に、画面ひとつで世界中の人と繋がれるWebの可能性やデザインへ興味を持つ。インターンを経て就職したIT企業で実務経験を積む。肉より魚派🐟