「人が集まる」告知バナーを画像生成AIで作る — 広告の型＋会場の実写を参考画像に渡し、部分修正は edit で直す

いつ使うか

イベント・セミナー・ピッチコンテストの募集記事ヘッダーや SNS 広告画像を、AI エージェントに作らせる時。エージェントが自分で HTML/CSS を組むと「整っているがワクワクしない」画像になりやすい。実際に3回差し戻されたあと、この手順で一発承認された。

手順

1. 内容を裏取りする: 会議録・メールから、日時・賞金・参加費・形式・主催を拾う。会議で決まっていない値は入れない（時刻を推測で入れると後で全版を直す羽目になる）。
2. 参考画像を集める
   • 型の参考：反応が良さそうな実在の SNS 広告1枚。ロゴと文言は使わせないと明記する。
   • 会場の参考：会場の公式サイトの内装写真3〜4枚。素材写真や、タレントの肖像が入ったものは除外する。
3. 指示書をファイルに書く（下のテンプレート）。
4. 画像モデルを呼ぶ: OpenRouter の /api/v1/chat/completions に、model: openai/gpt-5.4-image-2（または同等の画像出力モデル）、modalities: ["image","text"]、image_config: {aspect_ratio: "1:1" | "16:9"} を指定し、content に text と参考画像（data URL）を並べる。返り値の choices[0].message.images[0].image_url.url が base64 の PNG。画像出力には残高 $1 以上が必要（不足時は HTTP 402）。1枚あたり約 $0.2〜0.3。
5. 出来上がりを自分の目で確認する: 指定した文字が正確か、背景の装飾文字に誤字がないか（例：「キャンパス」と「キャンバス」）を見る。
6. 部分修正は edit で行う: 生成済み画像を入力に渡し、「X だけを Y に変え、ほかのピクセル・文字・配置は同一」と指示する。日付の差し替えや誤字1か所の修正なら、ほぼ崩れない。ただし edit を重ねると、繰り返し模様や空白が出ることがある。崩れたら、指示書を直して新しく生成する。
7. 横長 16:9 と正方形 1:1 の2枚を作り、保存先へ API でアップロードし、返ってきたサイズと手元のサイズを照合する。

指示書テンプレート（温度感の高い広告型）

STYLE REFERENCE (first image): copy ONLY its layout grammar — bright white-to-sky-blue background, flying gold ribbons/confetti, a HUGE bold multi-line headline set diagonally on the left with a rhetorical question, a highlight stroke under line 1, a venue photo filling the right half blended with a diagonal light edge, 2-line sub copy with blue keyword highlights, a full-width dark CTA bar with an arrow. Do NOT copy its brand, logo or text.
VENUE (other images): the right-half scene must show THIS venue (<材質・照明・窓・家具を列挙>) during the event (<登壇者・聴衆・テーマを示す小物>).
ALL TEXT — render exactly these strings, nothing else, no logos:
1. Label: <イベント名>
2. HUGE headline (3 lines): <問いかけコピー>
3. Sub copy: <2行>
4. Badges: <参加無料> / <賞金>
5. Date line: <日付（曜日）時刻　会場（最寄駅 徒歩N分）>
6. Chips: <短い特徴3つ>
7. CTA bar: <〜はこちら ›>   Left of bar: 主催 <主催者>

コツ

• 見出しは「告知」ではなく、問いかけにする（例「AIで 新規事業、つくってみない？」）。サブコピーでは、賞金や3分ピッチのような具体的な数字を青字で強調する。
• 立地はさりげなく入れる。会場の行に「◯◯駅 徒歩1分」と書き、窓の外を街並みにする程度にとどめる。看板やランドマークは入れない（あざとくなる）。
• 生成スクリプトは、引数が無いときは生成せずに使い方を出して終わる作りにする（構文確認のつもりの import で課金が走った事例がある）。
• チャット通知の秘密情報マスク処理が「英数字と / が40文字以上続く」部分を伏せる作りだと、Drive の URL が潰れる。URL の内側はマスク対象から外す。