バナーAI

動くバナーの作り方3通り|GIF・Canva・AI【不動産例】

不動産の広告バナーは、いま最も「見られていない」クリエイティブの1つです。ポータルサイトにもSNSにも似た構図の物件画像が並び、ユーザーの目は素通りしていきます。制作コストをかけて作った静

止画が、そもそも視界に入っていないという状態です。

打ち手として有効なのが、静止画のバナーを「動くバナー」に変えることです。以前は動画制作の予算と時間が必要でしたが、いまはAIで完結します。この記事では、ChatGPT Image 2.0でバナーを作り、Seedance 2.0で背景だけを動かして、10分で動く不動産バナーを作る手順を解説します。

結論:動くバナーの作り方は3通りです。テキストや画像を切り替えるGIFなら「Photoshopのフレームアニメーション」、デザインに慣れていない方がテンプレートから短時間で作るなら「Canvaのアニメート機能」、写真のような背景そのものを動かすなら「AI動画生成(ChatGPTで静止画を作り、Seedanceで動かす)」です。どれを選ぶかは、作りたい動きと入稿先の枠(GIFを受け付けるか、MP4の動画枠か)で決まります。この記事では、3通りそれぞれの手順と媒体ごとの入稿条件を解説し、そのうえでAI動画生成の方法を不動産バナーの実例で詳しく紹介します。

30秒で分かる結論

  • 工程は2つだけ。ChatGPTでバナー画像を作り、Seedanceでその画像の背景を動かす

  • 最大のコツは「動かさない要素を先に宣言する」こと。コピーとCTAを固定しないと、文字ごと動いて広告として使えなくなる

  • 尺は8秒前後で十分。SNS広告もディスプレイ広告もこの長さで足りる

  • 撮影も物件の実写素材も不要。架空物件のイメージ訴求やモデルルーム誘導なら、生成画像だけで完結する

  • 所要時間は慣れれば10分程度。1物件あたりのクリエイティブ制作コストが大きく下がる

なぜ静止画ではなく「動くバナー」なのか

広告のクリック率は、クリエイティブが目に留まるかどうかでほぼ決まります。不動産カテゴリは競合の出稿量が多く、静止画で差をつけるのが年々難しくなっています。

動くバナーが効くのは、単純に視線が止まるからです。タイムラインやポータル面のなかで、動いている要素は静止している要素より先に認知されます。さらに不動産の場合、「夕暮れから夜へ」「窓に灯りがともる」といった時間変化の演出が、物件の情緒的な価値と噛み合います。間取りやスペックではなく「そこで暮らす感じ」を伝えたいときに、動きは強い武器になります。

一方で、動画広告の制作は従来ハードルが高い領域でした。実写撮影、モデルルームの手配、編集。ここをAIで置き換えられるようになったのが、2026年の大きな変化です。

動くバナーの作り方は3通り:Photoshop・Canva・AI動画生成

動くバナーの作り方は、大きく分けて3通りあります。この記事の本題はAI動画生成を使う方法ですが、入稿先や作りたい動きによっては、ほかの方法のほうが早く済みます。先に違いを押さえておくと、ツール選びで迷いません。

  • Photoshopのフレームアニメーション:レイヤーの表示・非表示や不透明度をフレームごとに切り替えてGIFを作ります。「ウィンドウ」メニューから「タイムライン」を開き、フレームアニメーションを作成して、「ファイル」→「書き出し」→「Web用に保存(従来)」でGIFとして保存する流れです。1コマずつ管理できるため、コマ数と容量を細かく調整でき、Google広告のようにGIFの仕様が細かく決まっている枠に向きます。一方で、背景が自然に動くような映像表現は手間がかかります

  • Canvaのアニメーション機能:テキストや素材にアニメーションを付け、ダウンロード時にGIFまたはMP4を選んで書き出します(参考:Canva公式「GIFメーカー」)。テンプレートから作れるので、デザインツールに慣れていない担当者でも短時間で仕上がります。動きはあらかじめ用意された演出から選ぶ形になります

  • AI動画生成(この記事の方法):静止画を参照画像として読み込ませ、プロンプトで動きを指示してMP4の動画を作ります。夕暮れから夜に変わる空、揺れる木々、人物のしぐさなど、手作業では作りにくい映像的な動きを短時間で作れるのが強みです。反面、文字がわずかに揺れることがあり、出力は動画ファイルなので、GIFしか受け付けない枠には変換が必要です

使い分けの目安は、「テキストや図形を切り替えて見せたいならPhotoshopかCanva」「写真のような背景そのものを動かしたいならAI動画生成」です。不動産の外観や夜景のように、映像の情緒で目を止めたい商材は、AI動画生成と相性が良い領域です。

Photoshopで動くGIFバナーを作る手順(フレームアニメーション)

画像やテキストを切り替えて見せる、もっとも基本的な動くバナーの作り方です。Adobe公式のチュートリアル(Adobe「GIFアニメーションで動くバナーを作る」)ではビデオタイムラインとフェードを使う方法が紹介されています。ここでは、広告の入稿条件に合わせてコマ数と容量を管理しやすいフレームアニメーションの手順を整理します。

  • 手順1 レイヤーを分けて静止画を作る:背景、商品や物件の画像、キャッチコピー、CTAボタンなど、動かしたい要素ごとに別のレイヤーにしておきます。動かさない要素(ロゴや社名など)も1つのレイヤーにまとめておくと、あとで管理しやすくなります

  • 手順2 フレームアニメーションを作成する:「ウィンドウ」→「タイムライン」でタイムラインを表示し、中央のボタンから「フレームアニメーションを作成」を選びます

  • 手順3 フレームを複製して見え方を変える:タイムライン下部の「選択したフレームを複製」でコマを増やし、コマごとにレイヤーの表示・非表示、不透明度、位置を変えます。「1枚目は物件写真とキャッチ、2枚目は価格と条件、3枚目はCTA」のように、1コマに1つの情報を載せるのが基本です

  • 手順4 必要ならトゥイーンで中間のコマを作る:フェードやスライドのようななめらかな動きは、タイムラインの「トゥイーン」で中間のコマを自動で作れます。ただしコマ数が増えるほどGIFの容量は大きくなるため、入稿先の上限を見ながら最小限にします

  • 手順5 コマごとの表示時間とループ回数を決める:各フレームの下にある秒数で表示時間を、タイムライン左下でループ回数を設定します。Google広告のGIFは「毎秒5フレーム未満」という条件があるため、各コマの表示時間は0.2秒より長く設定しておくと条件に収まります(出典:Google 広告ヘルプ「アップロード型ディスプレイ広告の仕様」)。読ませたい文字のコマは長めにします

  • 手順6 GIFで書き出して容量を確認する:「ファイル」→「書き出し」→「Web用に保存(従来)」で形式をGIFにし、カラー数とループオプションを指定して保存します。画面左下に表示されるファイルサイズが入稿先の上限(Google広告のイメージ広告なら150KB)を超える場合は、カラー数を減らす、コマ数を減らす、画像の寸法を枠に合わせて小さくする、の順に調整します

Canvaで動くバナーを作る手順(初心者向け)

デザインソフトを使ったことがない方には、Canvaが最も手早い方法です。Canvaでは、ページ、テキスト、素材に動きを付け、ダウンロード時にGIF形式を選んで保存できます(参考:Canva「GIFメーカー」)。

  • 手順1 枠の寸法でデザインを作る:「カスタムサイズ」で入稿先の寸法(例:300×250)を指定し、白紙またはテンプレートから静止画のバナーを仕上げます

  • 手順2 要素にアニメーションを付ける:動かしたいテキストや画像を選ぶと表示される「アニメート」から、動きの種類を選びます。動かすのはキャッチコピーかCTAなど1〜2か所に絞ると、情報が読みやすくなります

  • 手順3 ページを分けて場面を切り替える:「悩み」「解決策」「行動の呼びかけ」のようにページを2〜4枚に分けると、場面が切り替わる動くバナーになります。各ページの表示時間も調整できます

  • 手順4 GIFまたはMP4でダウンロードする:ダウンロードの画面でファイルの種類を選びます。画像枠に出すならGIF、SNS広告などの動画枠に出すならMP4です。メニューの表記は更新されることがあるため、画面に合わせて読み替えてください

  • 手順5 容量とコマ数を確認する:書き出したファイルの容量を確認し、入稿先の上限を超える場合は、動く要素やページ数を減らして書き出し直します。MP4で書き出した動画をGIFにする場合は、この記事のステップ3で紹介する変換コマンドが使えます

用意するもの

必要なのは2つのツールだけです。

  • ChatGPT(Image 2.0)… バナーの静止画を作る。コピーを含めたレイアウトごと生成できる

  • Seedance 2.0 … 静止画を参照画像として読み込み、動きをつける

デザインツールも動画編集ソフトも使いません。素材の買い付けも不要です。

ステップ1:ChatGPTでバナーの静止画を作る

まずChatGPTで、動かす前の完成形バナーを作ります。ここでクオリティを出し切っておくことが重要です。あとの工程は「動かす」だけなので、静止画の時点で広告として成立していないと、動かしても使えません。

生成モードとサイズを先に決める

ChatGPTの入力欄左側から「画像を生成する」を選び、サイズを指定します。ディスプレイ広告や動画広告に展開するなら16対9が扱いやすい比率です。SNSのフィード用に正方形が必要な場合は、同じプロンプトで比率だけ変えて追加生成すれば揃います。

プロンプトに入れる要素

不動産バナーの場合、次の要素を明示すると精度が上がります。

  • 物件のグレード感(超高層タワーレジデンス、低層レジデンス、戸建てなど)

  • 時間帯と光(夕暮れ、マジックアワー、夜景)

  • カメラアングル(見上げる構図、俯瞰、外観全景)

  • 入れたいコピーの文字列(キャッチ、サブコピー、CTA)

  • 交通アクセスなどの小さめのテキスト

  • 全体のトーン(ラグジュアリー、ミニマル、ファミリー向け)

実際の生成例では、「六本木の超高層タワーレジデンス」という設定で、キャッチコピー、サブコピー、「新規分譲開始」「モデルルーム公開中」といったCTA、駅からの徒歩分数までを含んだバナーが1回の生成で出てきます。ここまで入った状態で出力されるのが、Image 2.0以降の大きな進歩です。

生成できたら、画像右上のダウンロードボタンから保存します。この画像を次の工程で使います。

ステップ2:Seedanceで背景だけを動かす

保存した静止画をSeedance 2.0の参照画像としてアップロードします。ここからが本題です。

プロンプトは「動かすもの」と「固定するもの」を分けて書く

そのまま「動かして」と指示すると、コピーやCTAの文字ごとアニメーションしてしまい、広告として使えないものが出てきます。これを防ぐのが、固定要素の明示です。

動かす側の指示は、たとえば次のような書き方になります。

シネマティックに動く超高層不動産。
この静止画像の背景だけにダイナミックなアニメーションをつけて、
夕暮れから深い夜へ時間が深まっていく映像にしてください。

そのうえで、固定する要素を別立てで宣言します。

【固定する要素】
・キャッチコピー、サブコピー、CTAのテキストは絶対に固定し、動かさないこと
・ロゴおよび物件名の表記も固定すること

この「絶対に固定してください」という禁止側の指示を入れるかどうかで、出力の実用度がはっきり変わります。動かす指示より、動かさない指示のほうが重要だと考えてください。

尺は8秒前後で十分

生成する長さは8秒程度で足ります。ディスプレイ広告もSNS広告も、この尺で成立します。長くしても情報量は増えず、生成時間とコストだけが増えます。

生成が終わったら動画をダウンロードして完成です。広告入稿のほか、提案資料やモデルルームのサイネージにもそのまま使えます。

静止画を読み込ませてから動くバナーが完成するまでの流れは、縦型の短い動画でも確認できます。

ステップ3:入稿先に合わせてファイル形式と容量を整える

AI動画生成で書き出されるのはMP4などの動画ファイルです。SNS広告の動画枠にはそのまま使えることが多い一方、ディスプレイ広告の画像枠には、そのままでは入稿できない場合があります。動くバナーは「どの形式で、どの枠に出すか」を最後に確認する工程まで含めて完成です。

GIF・MP4・HTML5・APNGの違い

  • GIF:画像として扱われるアニメーション形式です。色数が最大256色に限られるため、グラデーションの多い写真や夜景は色の段差が出やすく、コマ数を増やすほど容量が大きくなります

  • MP4:動画形式です。写真のような映像でも色が崩れにくく、同じ長さならGIFより軽く収まることが一般的です。SNS広告や動画広告の枠で使います

  • HTML5:HTMLやCSS、画像をZIPにまとめた形式です。文字をテキストのまま表示できるため、拡大してもぼやけません。制作にはコーディングや専用ツールが必要です

  • APNG:PNGをアニメーションさせる形式です。GIFより色の表現が豊かですが、広告枠では受け付けられないことがあります

主要な広告枠の入稿条件(2026年10月時点で公式ヘルプを確認)

  • Googleディスプレイ広告(アップロード型):イメージ広告はGIF・JPG・PNGに対応し、最大ファイルサイズは150KBです。GIFのアニメーションは「長さは30秒以下」「ループさせる場合でも30秒経ったら停止」「毎秒5フレーム未満」という条件があります。HTML5広告はZIPファイルで600KB以下です(出典:Google 広告ヘルプ「アップロード型ディスプレイ広告の仕様」)。また、アニメーションが30秒を超えてループを繰り返すと広告は不承認になります(出典:Google 広告ポリシー ヘルプ「イメージ広告の要件」)

  • LINEヤフー広告のディスプレイ広告:広告入稿規定で、アニメーションを設定した画像クリエイティブは利用できません。2026年7月29日からはAPNG形式の画像も入稿できなくなり、すでに入稿済みのAPNGは静止画として配信が継続されると案内されています(出典:LINEヤフー for Business「入稿仕様の適正化を目的としたAPNG形式画像の入稿制限を追加」(2026年7月30日))。動きのある訴求をしたい場合は、動画広告のメニューを検討します

  • Meta(Facebook・Instagram)、X、TikTokなどのSNS広告:動くクリエイティブは動画として入稿するのが基本の考え方です。対応形式、長さ、容量の上限は広告の種類と配置ごとに異なり、改定もあるため、入稿前に各社の広告ヘルプで最新の仕様を確認してください

サイズ(縦横の寸法)の選び方は広告バナーサイズ一覧で媒体別に整理しています。

AIで作った動画をGoogle広告用のGIFに変換する

Google広告のGIF枠に出す場合は、「毎秒5フレーム未満」「150KB以下」「30秒で停止」の3条件を満たすように変換します。無料の動画変換ソフトFFmpegを使う場合のコマンド例は次のとおりです(300×250の枠に出す想定。ファイル名とサイズは自社の環境に合わせて変えてください)。

ffmpeg -i banner.mp4 -vf "fps=4,scale=300:250:flags=lanczos,split[a][b];[a]palettegen=max_colors=64[p];[b][p]paletteuse" -loop 2 banner.gif
  • fps=4:1秒あたりのコマ数を4にして、5フレーム未満の条件に収めます

  • scale:入稿する枠の寸法に合わせます。元の動画と縦横比が違う場合は、先に切り抜いてから変換します

  • max_colors=64:色数を減らして容量を下げます。150KBを超える場合は、この値を下げるか、動画の長さを短くします

  • -loop 2:再生を繰り返す回数を指定します。ループ回数の扱いは表示環境によって差があるため、書き出したGIFをブラウザで開き、30秒以内に止まることを必ず確認してください

コマ数を毎秒4に落とすと、AI動画のなめらかな動きはコマ送りのような見え方になります。なめらかさを生かしたいならSNSや動画広告の枠にMP4のまま出し、GIFしか使えない枠向けには、PhotoshopやCanvaで「数枚の静止画を切り替える」型の動くバナーを別に用意する、という分け方が現実的です。

うまくいかないときのチェックポイント

実際に作ってみると、つまずくのはだいたい次のどれかです。

  • 文字が動いてしまう … 固定要素の指示が弱い。「絶対に」「一切」といった強い語で、対象を具体的に列挙し直す

  • 文字が微妙に崩れる … 生成動画では文字のエッジがわずかに揺れることがある。小さい文字ほど崩れやすいので、重要なコピーは大きめに配置しておく

  • 背景が動きすぎる … 「ダイナミックに」を「ゆっくりと」「わずかに」に置き換える。不動産の高級訴求では、動きは控えめなほうが品よく見える

  • 静止画の時点で微妙 … 動かしても良くならない。ステップ1に戻ってプロンプトを詰め直す

とくに文字崩れは、生成AIで動画を作る以上ゼロにはできません。どうしても正確な文字が必要な場合は、文字を含まない背景動画として生成し、テキストは後から重ねる運用に切り替えるのが確実です。

不動産以外への応用

この「静止画を作る、背景だけ動かす」という型は、不動産に限りません。

  • 求人広告(オフィスの窓の外だけ時間が流れる)

  • 飲食(湯気や照明だけが動く)

  • 小売のセール告知(背景の光だけが流れ、価格表記は固定)

  • 採用イベントやセミナーの告知バナー

共通するのは、「訴求の文字情報は絶対に変えたくないが、目は引きたい」という状況です。そこにこの型がはまります。

三森の実務メモ:この作り方を試したとき、いちばん驚いたのは制作時間ではなく、失敗のコストが下がったことでした。従来の動画広告は、撮影を伴う以上「1本作ったらそれで勝負」でした。いまはプロンプトを1行変えて8秒を作り直すだけなので、時間帯違い・トーン違いを何本も並べてから選べます。私はまず動きの強さだけを変えた3本を作り、社内で見比べてから入稿するようにしています。動画広告の勝敗は企画より検証回数で決まる、という当たり前のことが、ようやく現実的になった感覚です。

動きの付け方の型:何を、どの順番で動かすか

動くバナーは、動きを足せば見られるというものではありません。何を動かし、どの順番で情報を見せるかを決めてから作ると、作り直しが減ります。よく使われる動きの型は次の5つです。

  • 背景だけを動かす:この記事の方法です。空の色、光、水面、木々など背景だけに動きを付け、コピーとCTAは止めたままにします。文字情報を確実に読ませたい広告に向きます

  • 場面を切り替える:2〜4枚の画面を順番に見せます。「悩み」→「解決策」→「行動の呼びかけ」の順に並べると、1枚に詰め込まずに情報を伝えられます

  • 光らせる・強調する:ボタンや価格表記に光が走る、枠が一瞬強調されるといった小さな動きで視線を誘導します。多用すると安っぽく見えるため、1か所に絞ります

  • 要素を出し入れする:テキストや商品画像を横から入れる、ふわっと表示させるなど、見せる順番を動きで作ります

  • 人物を動かす:画像の中の人物がしぐさをする、振り向くなど、AI動画生成で作りやすい動きです。人物の表情は生成のたびに変わるため、意図と違う印象にならないか必ず確認します

最初と最後のコマを先に決める

型を選んだら、最初のコマと最後のコマを先に決めます。最初のコマは、動きが始まる前に流し見されても「何の広告か」が分かる状態にしておきます。最後のコマは、アニメーションが止まったあとも表示され続ける画面です。Google広告のGIFのように30秒で止まる枠では、最後のコマが実質的な静止画バナーになるため、商品名とCTAが必ず入った状態で終わるように作ります。

次のシートを埋めてから制作に入ると、PhotoshopでもCanvaでもAI動画生成でも、作る内容がぶれません。

【動くバナー設計シート】
入稿先と枠:(例:Googleディスプレイ広告 300×250 GIF)
形式と上限:(例:GIF/150KB以下/毎秒5フレーム未満/30秒で停止)
訴求は1つだけ:
動きの型:背景だけ動かす/場面を切り替える/光らせる/出し入れ/人物
最初のコマで伝えること:
途中で見せる情報(順番に):
  1.
  2.
最後に止まるコマ(商品名とCTAを必ず入れる):
動かさない要素(コピー・CTA・ロゴ・価格表記など):
長さ:(例:8秒、ループ回数)

「動かさない要素」の欄は、AI動画生成で使う場合、そのままステップ2の【固定する要素】のプロンプトに転記できます。

見づらい動くバナーにしないための注意点

動きは目を止めるための手段ですが、付け方を誤ると読まれない、あるいは不快に感じられるバナーになります。どの作り方でも共通する注意点は次の4つです。

  • 文字を読み終わる前に切り替えない:コピーが表示されているコマは、声に出して読み終えられる程度の時間を確保します。社内の何人かに初見で見てもらい、読み切れるかを確認するのが確実です

  • 強い点滅を使わない:画面全体や大きな面積を短い間隔で点滅させる表現は避けます。ウェブアクセシビリティの国際基準WCAG 2.1では、達成基準2.3.1として「どの1秒間においても3回を超える閃光を放つものがない、又は閃光が一般閃光閾値及び赤色閃光閾値を下回っている」ことを求めています(出典:WAIC「Web Content Accessibility Guidelines (WCAG) 2.1」日本語訳)。光らせる演出はボタンなど小さな範囲に限ります

  • ループのつなぎ目を不自然にしない:最後のコマから最初のコマに戻るときに画面が急に飛ぶと、動きが壊れて見えます。ループさせる場合は、最後のコマと最初のコマの構図を近づけておきます

  • 動く場所を同時に増やさない:背景、文字、ボタンが一度に動くと、どこを見ればいいのか分からなくなります。同時に動かすのは1か所を基本にし、ほかの要素は順番に見せます

入稿前に確認するチェックリスト

動くバナーは静止画より確認する項目が増えます。入稿の前に、次の項目を上から順に確認してください。

  • 入稿先の枠が、アニメーション画像または動画を受け付けているか

  • ファイル形式と容量が上限以内か(GIFはコマ数と色数で容量が大きく変わる)

  • アニメーションの長さ、ループ回数、停止のタイミングが枠の条件を満たしているか

  • 最初のコマと最後のコマだけを見ても、何の広告か分かるか

  • すべてのコマで、コピー・価格・CTAの文字が崩れていないか(AI動画生成では途中のコマだけ文字が揺れることがあるため、コマ送りで確認する)

  • スマートフォンの実機で、文字が読める大きさになっているか

  • 使用した画像や生成物の権利、ツールの利用規約、表示内容の根拠を確認したか

最後の権利の確認は、AIを使う制作ほど抜けやすい項目です。株式会社スリスタの調査では、業務でAIを使い事故・ヒヤリハットを経験した51名のうち、「3位:著作権・引用ルールに抵触する可能性のある出力をしてしまった 21.6%(11名)」という結果でした(出典:株式会社スリスタ『企業の生成AI活用実態調査2026』(n=400)、業務AI事故・ヒヤリハット実態2026)。生成画像を広告に使う前の確認点はAI生成バナーの著作権チェックにまとめています。

動画で学ぶ

この記事の内容は、実際の操作画面つきで動画でも解説しています。ChatGPTのプロンプト入力からSeedanceでの生成、完成した動くバナーの見え方まで、通しで確認できます。

【初心者向け】静止画だと思ったら動き出す!AI不動産バナーを作ってみた

背景ではなく、画像の中の人物を動かすタイプの動くバナーは、次の動画で作り方を解説しています。ChatGPT Image 2.0で作ったバナーをSeedanceで動かし、人物のしぐさで目を止める例です。

あわせて読みたい関連記事

動くバナーを作る際は、動画化の全体ワークフロー、静止画バナーの作り方、日本語文字の崩れ対策、効果検証の方法をあわせて確認できます。

おすすめの無料ドヤAIサービス!

ドヤ広告画像AI

ドヤ広告画像AIの機能と画面を紹介するサービス画像

サービスURLからブランド情報を読み取り、媒体別サイズの広告画像生成、文字検査、採点、改善までを効率化します。

▶ ドヤ広告画像AIを無料ではじめる

ドヤバナーAI

ドヤバナーAIの機能と画面を紹介するサービス画像

業界・サイズ・ブランドカラーを指定し、A/Bテストに使える広告バナーを複数案まとめて生成します。

▶ ドヤバナーAIを無料で試す

よくある質問(FAQ)

Q. 実在の物件の写真を使って動かせますか?

技術的には可能ですが、権利面の確認が先です。撮影者の著作権、建物の意匠、入居者のプライバシーなど、実写素材をAIで加工する場合は通常の広告制作と同じ配慮が必要になります。生成画像で完結させるほうが、確認事項は少なくなります。

Q. 生成した画像や動画は広告に使っていいのですか?

各サービスの利用規約に従ってください。商用利用の可否と、生成物の権利の扱いはツールごとに異なり、プランによっても変わります。出稿前に、使用するツールの最新の規約を確認する運用にしておくと安全です。

Q. 架空の物件名やコピーを入れても問題ありませんか?

イメージ訴求の作例としては問題ありませんが、実際の広告として出す場合は景品表示法や不動産の表示規約の対象になります。実在しない条件、確認できない優良性の表示は避け、実際の物件情報に差し替えてから入稿してください。

Q. Seedance以外の動画生成ツールでも同じことができますか?

参照画像を読み込めて、プロンプトで固定要素を指定できるツールであれば考え方は同じです。ポイントはツールの選定ではなく、「動かさない要素を宣言する」という指示の書き方にあります。

Q. バナーの静止画そのものを量産したい場合は?

同じコピーで色違い・構図違いを並べたい場合は、バナー生成に特化したツールを使うほうが早くなります。ドヤAIのドヤバナーAIは、URLを入れるだけでブランドのトーンに沿ったバナー案を複数生成できます。

Q. 動くバナーはGIFとMP4のどちらで作ればいいですか?

入稿先の枠で決めます。SNS広告や動画広告の枠ならMP4、Googleディスプレイ広告の画像枠のようにGIFを受け付ける枠ならGIFです。AI動画生成で作った映像は色数の多い動画なので、MP4のまま使えるSNSや動画広告の枠のほうが品質を保てます。

Q. Google広告で動くバナー(GIF)を出すときの条件は?

Googleのヘルプでは、イメージ広告の最大ファイルサイズは150KB、GIFのアニメーションは長さ30秒以下で、ループさせる場合も30秒で停止し、毎秒5フレーム未満とされています(出典:Google 広告ヘルプ「アップロード型ディスプレイ広告の仕様」)。条件は改定されることがあるため、入稿前に最新の内容を確認してください。

Q. LINEヤフー広告のディスプレイ広告で動くバナーは使えますか?

ディスプレイ広告では、広告入稿規定でアニメーションを設定した画像クリエイティブは利用できないと案内されています。2026年7月29日からはAPNG形式の画像も入稿できなくなりました(出典:LINEヤフー for Business「入稿仕様の適正化を目的としたAPNG形式画像の入稿制限を追加」(2026年7月30日))。動きで訴求したい場合は、動画広告のメニューを検討してください。

Q. 初心者が動くバナーを作るなら、どの方法から始めればいいですか?

デザインソフトを使ったことがなければ、Canvaのアニメート機能から始めるのが手早い方法です。テンプレートに文字を入れ、動かす要素を選んでGIFかMP4でダウンロードするだけで形になります。コマ数や容量を細かく調整したい場合はPhotoshop、写真のような背景を動かしたい場合はAI動画生成、と目的に合わせて広げていくと迷いません。

Q. 動くバナーの長さ(秒数)はどれくらいにすればいいですか?

まず入稿先の上限を確認します。たとえばGoogle広告のGIFは長さ30秒以下で、ループさせる場合も30秒で停止する必要があります(出典:Google 広告ヘルプ「アップロード型ディスプレイ広告の仕様」)。上限の範囲内であれば、伝える情報を1つに絞り、最初のコマで何の広告かが分かり、最後のコマが商品名とCTAで止まる長さにします。この記事のAI動画生成の例では、8秒前後で作っています。

まとめ:動かさない指示が、動くバナーの品質を決める

動く不動産バナーの作り方は、突き詰めると2工程です。ChatGPTでコピー入りの静止画バナーを作り、Seedanceに参照画像として渡して背景だけを動かす。所要は10分程度です。

品質を分けるのは、動かす指示ではなく固定する指示のほうです。コピーとCTAを「絶対に動かさない」と明示できているかどうかで、広告として使えるかどうかが決まります。まずは1物件、8秒で試してみてください。静止画のまま出稿していた枠が、どれだけ見られていなかったかが分かります。

バナー制作そのものを効率化したい方は、ドヤバナーAIもあわせてご検討ください。URLを入力するだけで、自社のトーンに沿った広告バナーを複数パターン生成できます。

記事をシェア

Writer /

この記事の著者

Katsuki.Mitsumori

三森 捷暉(みつもり かつき)

著者プロフィールはこちらから↓
 /author/mitsumori
ドヤマーケ運営・ドヤAI開発者|株式会社スリスタ 代表

ドヤマーケの運営者であり、AIツール群「ドヤAI」の開発者です。専門はBtoBマーケティング、SEO、コンテンツマーケティング、生成AI活用。
2021年、新卒第1号として株式会社Piece to Peace(CarryMe)に入社し、広報・マーケティング・デザイン・コンテンツ制作を横断的に担当。SEO記事、比較記事、ホワイトペーパー、ウェビナー、広告施策を組み合わせた商談創出の仕組み化を推進してきました。

その後、株式会社スリスタ(設立:2025年3月14日/代表:三森 捷暉)を設立。
現在はスリスタにて、オウンドメディア「ドヤマーケ」を運営しながら、記事作成・バナー・スライド・営業リストなどのマーケティング業務をAIで進める「ドヤAI」を開発しています。

スリスタでは、SEO記事制作、比較記事、一次情報設計、バナー制作、構成案作成といったマーケティング業務を、ユーザーが「選ぶだけ」「スワイプするだけ」で進められる設計思想をもとに、AIツールとして実務レベルで実装。
マーケティングを「1人でも回せる状態」にするための仕組みづくりを行っています。

YouTubeでは、AI活用の実務を発信する「【ドヤAI】ミツモリ」と、世の中のSaaSをAIで実際に作ってみる「SaaSは死にましぇん【AI開発】」を運営しています。
ウェビナー・登壇実績
CarryMe主催ウェビナー
URL:https://carryme.jp/webinar58_20251126_ntt_webinar
絶対に失敗しないためのタクシー広告しくじり発表会
PR TIMES掲載イベント
URL:https://carryme.jp/agent/seminar-event/webinar23_20240417_taxi_ads_webinar/