ウェブサイトのヘッダー用の短いAI動画ループ:うまくいくことと避けるべきこと

見出しの背後でゆっくり動く背景は、写真にはできない形でランディングページに生気を与えます。同時に、もっとも失敗しやすいものの一つでもあります。動きが多すぎる、クリップが長すぎる、ループが戻るたびに数秒ごとに映像が跳ぶ。悪いアドバイスの多くは、ヘッダーを短編映画のように扱うことから生まれます。実際には動く写真に近いものです。ここでは、いちばん高くつく五つの思い込みと、代わりにすべきことを紹介します。

誤解1:「ヘッダーのループにはストーリーが必要」

必要なのは静かな動きひとつです。訪問者がヘッダーを見るのは見出しを読む数秒間なので、動きは一目でわかり、決して文字と張り合ってはいけません。カップから立つ湯気、流れる雲、さざ波、建物へのゆっくりしたズーム、壁を横切る光。人が出入りする、車が横切るなど、始まりと終わりがある動きは視線を文字から奪い、ループの戻りを目立たせます。

誤解2:「長いほど良い」

短いほど良いのです。動きひとつの5秒のクリップは、モデルが創作し続けなければならない長いクリップよりずっと破綻しにくく、費用も抑えられます。スタジオのクリップはモデルによって最長30秒ですが、ヘッダーで最大まで使うことはまずありません。短いクリップは軽くもあり、スマートフォンで速く読み込む必要があるページではそれが大切です。

誤解3:「テキストから動画が手っ取り早い」

ヘッダーなら静止画から始めましょう。最初のフレームは、動画が再生される前に訪問者が目にするもので、遅い回線で表示されるもので、ポスター画像として使うものです。まず見出しの余白を残してそのフレームを作り(構図は文字の余白ガイドで扱っています)、それからスタジオでAnimateを使います。手順は写真から動画へのガイドに、崩れにくい言葉と歪みやすい言葉はモーションプロンプトのガイドにあります。

誤解4:「モデルがループにしてくれる」

してくれません。そして多くの人が公開後にこれに気づきます。生成されたクリップには始まりと終わりがあり、最後のフレームを最初のフレームに合わせるものは何もありません。正直な選択肢は三つです。

1. 01継ぎ目を隠せる動きを選ぶ。 流れる雲、さざ波、靄、移ろう光はどのフレームでも似て見えるので、最初へ戻る跳びに気づかれにくくなります。
2. 02順再生のあとに逆再生する。 多くの動画エディタやウェブプレーヤーでできますし、ゆったりした環境の動きは逆再生でもたいてい自然に見えます。落ちる水や歩く人など、向きがはっきりした動きには向きません。
3. 03終わりを始まりにクロスフェードする。 エディタで一秒ほどディゾルブさせれば、小さな違いはほとんど隠れます。

誤解5:「音があればもっと豊かになる」

ブラウザが自動再生するのはミュートされた動画だけなので、ヘッダーのサウンドトラックは決して聞かれません。クリップは無音にし、プレーヤーをミュート、ループ、インライン再生に設定して、最初のフレームをポスターにします。システム設定で動きを減らすよう求めている訪問者には、静止画を見せて配慮しましょう。

背景に使うモデル

水や布や煙をそれらしく動かしたいときはMotion Realを選びます。Motion Liteはアイデアを安く試す手段で、クリップは最長15秒です。Motionは、デスクトップの画面でヘッダーが大きく表示されるとき、上位の解像度でいちばん細部が出ます。それぞれの価格はモデルページの金額から始まり、詳しくは動画モデルの比較で掘り下げています。

スタジオにできないこと

継ぎ目のないループ、GIF、ウェブ向けに最適化したファイルは作りません。クリップはレンダリングされたままダウンロードされ、ループ、逆再生、圧縮、HTMLはあなたの仕事です。カメラが動くと、シーン内の小さな文字やロゴをくっきり保つこともできないので、文字は動画に入れず、ページ上で動画の上に重ねましょう。また、同じ静止画からの二本のクリップが同じように動く保証もありません。気に入ったテイクは取っておきましょう。

静止画から始め、動きは小さく保ち、レンダリングの前にループの継ぎ目をどう隠すかを決めておきます。ヘッダーは落ち着いて見えるはずで、それこそが見出しの背後に欲しいものです。