Pexo
Pexo/ブログ/AI動画の活用事例/アニメーション動画広告の作り方:商品情報を動きで伝える

アニメーション動画広告の作り方:商品情報を動きで伝える

ドラあひゅ avatarドラあひゅ
·最終更新日:2026年10月19日
要約する:ChatGPTChatGPTPerplexityPerplexityClaudeClaudeGeminiGeminiGrokGrok
アニメーション動画広告の作り方:商品情報を動きで伝える
Summary

商品情報を動きで伝えるアニメーション動画広告では、商品写真を変形させる前に、何を実物で示し、どこを図解するかを決めます。架空の折りたたみ式収納ボックス「Hako」を例に、通常時と折りたたみ後の写真、承認済みの手順図、矢印や輪郭図をどう分担させるかを整理。商品名や説明文を置く順番、視線を散らさない動きの選び方、Pexo Motionガイドで紹介される動く文字・数字・チャートと、商品形状を正確に保つことの違いも説明します。初稿では外観、折り線、矢印、文字を資料と照合。Web上で自動再生され5秒を超え、他の内容と並行する動きに関わるWCAGの条件、写真・イラスト・ロゴ・音声・BGMの利用範囲、価格や性能表示、掲載前の再生チェックもまとめました。実演を生成映像で代用せず、担当者が確認する順序が分かる実務ガイドです。

会話するだけでAI動画を作成。

部品の動く順序は、完成写真を2枚並べるだけでは伝わりにくいものです。広告制作全体の流れは動画広告制作の進め方で扱っています。本稿では、静止画から動きを図解する方法に絞ります。

架空の折りたたみ式収納ボックス「Hako」を例にします。実在商品ではありません。通常時と折りたたみ後の写真、担当者が承認した手順図があり、「側面を内側へ折りたためる」と確認済みの設定です。

商品ページにある素材動きで補う説明画面で区別すること
通常時と折りたたみ後の写真、承認済みの手順図手順図に沿って、矢印で側面が内側へ動く順を示す実写ではなく、仕組みの説明図と明記する
商品名と外観写真商品名を表示してから、全体写真を見せる色、形、ロゴは現行の商品資料と合わせる
承認済みの商品説明「折りたためる」など確認済みの文だけを動きに添える収納の速さ、強度、容量など、資料にない主張を足さない

動かすのは、承認済みの手順図で確かめられる順番や部品の位置関係です。図がなく途中の仕組みが不明なら、担当者に確認するか、前後の写真だけを並べます。

「丈夫」「たっぷり入る」といった性能も、根拠を確認できれば広告に使えます。映像の印象だけでは裏付けにならないため、消費者庁のインターネット広告表示の留意点に沿って、説明と根拠を対応させます。

写真と文字から場面を組み立てる

広告動画の作成では、まず各場面が答える疑問を一つにします。Hakoなら「どう折りたたむのか」です。収納量や耐久性まで重ねると、手順が見えにくくなります。

場面素材と画面上の文字確認する根拠
場面1:商品を示す通常時の写真と「Hako」。商品全体を静止させる現行品の色、形、ロゴと一致する
場面2:手順を説明する写真の上に簡単な輪郭図と矢印を重ね、「側面を内側へ」と表示折りたたむ向きと順番が仕様資料に合う
場面3:状態を比べる通常時と折りたたみ後の写真を並べ、「折りたたみ時」と添える写真が同じモデルで、実物の状態を示している
場面4:次の確認へつなぐ商品全体と「サイズ・使い方を見る」遷移先に案内した情報がある

商品写真は変形させず、矢印と輪郭図だけを動かします。写真は外観、図は手順の説明です。動画広告にイラストを使うときは、模式図だと分かる表示を添えます。

動きが理解を助ける場所を決める

Hakoの2場面目では、矢印の動きで折りたたむ方向を示します。商品写真のズームや回転を足しても、手順が伝わるとは限りません。動かす要素ごとに、見る人へ何を伝えるのかを決めます。

折りたたみ式収納ボックスの通常時、折りたたむ手順、収納後の状態を示す商品動画広告の構成例

背景、商品、文字、図を一度に動かすと視線が散ります。商品名を読む間は写真を止め、手順の場面だけ矢印を動かします。商品ページなどWeb上で自動再生する動きが5秒を超え、ほかの内容と並行表示される場合は、W3Cの基準を確認します。これはWebコンテンツ向けです。該当する場合は、プレーヤーで一時停止・停止・非表示にできるか、ループ設定も含めて確認します。

漫画動画広告のように会話で課題を見せる方法もあります。操作の順序を伝えるHakoでは、人物より図と短い説明が合います。動画広告のクリエイティブは、動きの多さではなく、伝える内容から選びます。

PexoのMotionガイドは、タイトル、字幕、動く文字、図表の例と、文字・位置・表示タイミングの指示方法を紹介しています。ただし、Hakoの写真を保ち、輪郭図や矢印を正確に生成できる保証ではありません。絵コンテは仕様図をもとに人が確認する案です。素材の保持、文字、出力形式、修正条件は利用時の画面とプレビューで確かめます。

Pexo Motionガイドで動く文字やチャートの表現を確認する画面

初稿で商品表現を確認する

初稿では、演出より先に商品表現を確認します。Hakoなら、前後の写真、矢印の向き、折り線、表示文を承認済み資料と照合します。

次に、商品名や注意書きが通常の再生速度で読めるかを見ます。文字と字幕を同時に出しすぎず、止めた画面だけでなく、通して再生して確認します。

修正指示には場面、変更点、残す要素、合格条件を入れます。例:「2場面目の矢印を承認済み手順どおり内側へ動かす。写真と図解表示は変えない」。Pexoの修正方法ガイドは会話で修正箇所を指定する方法を紹介しています。周辺の映像も変わることがあるため、修正版は全体を再生します。

公開前に権利と表示を確かめる

写真、イラスト、ロゴ、音声は、広告利用、加工、掲載先、期間、地域を素材ごとに確認します。文化庁の著作権契約マニュアルは、許諾範囲を超えて使えないと説明しています。詳細はマニュアル全体のPDFも参照し、実際の条件は契約と権利者に照合します。

BGMも、楽曲と録音音源を分けて確認します。JASRACの広告での音楽利用案内では、広告目的での複製と広告展開で必要になる手続きが説明されています。曲を動画に入れられることだけで、あらゆる配信先や用途への許諾を判断しないでください。

広告用音楽の権利関係と利用手続きを案内するJASRACのページ

最後に商品名、価格、性能、注意書き、リンク先、掲載先の最新仕様を確認し、承認した版を記録します。実写版も併用するなら、両方の訴求を照合します。

Type your thoughts here...

Pexo

PexoでAI動画を作成

どんなアイデアも公開できる動画に。 一文から始められます。

よくある質問(FAQ)

実写素材がなくても広告を作れますか?

承認済みの説明図や部品図で、実物の動作ではなく構造を示せます。描き直す場合は最新版かを確認し、実演と誤解されない表示を添えます。使用感を伝えるなら、図だけで代用しないでください。

商品の外観をアニメーションで変えてよいですか?

実物と違う形、色、部品には変えません。色違いや旧モデルも素材に混ざる場合は、どの型を示す画面か一カットずつ確認します。中間の動きが未確認なら、商品を変形させず矢印や模式図だけで説明します。

イラスト素材の商用利用はどう確認しますか?

契約やライセンスで、広告、加工・アニメーション化、配信先、期間、地域が対象か確認します。外注や素材サービスを使った場合は、イラスト本体に加え、フォント、既存キャラクター、ロゴなど個別に扱われる素材の条件も確認し、確認記録を制作データと一緒に保管します。

動く文字が読みにくい場合はどう直しますか?

掲載サイズに近いスマートフォンでプレビューし、文字量を絞ります。Motionには表示タイミングの指示例がありますが、実際のプレビューで読む時間を確かめ、足りなければ表示を延ばすか文を短くします。字幕と訴求文は重ねず、細かな条件は商品ページへ分けます。

アニメーション版を実写版と同じ広告面で使えますか?

掲載先の現行仕様を確認して判断します。縦型と横型では商品や文字の切れ方、広告面のUIとの重なり方が異なることがあります。各面の仕様と入稿プレビューを確認し、比較配信するなら版名、承認記録、商品情報、価格、注意書き、CTAをそろえて管理します。

ドラあひゅ avatar
ドラあひゅ

Doraは、商品・ブランド素材から完成動画までの判断を整理するPexoの日本語編集者です。brief、修正、credits、公開前チェックを実務目線で扱い、Noteでも画像・動画AIの実践メモを発信しています。

Pexoのおすすめ