配信用のアニメーション背景ループ: ライブを邪魔しない落ち着いた背景

ライブ配信の背景には、ちょっと変わった役目があります。2、3時間ずっと後ろで流れ続け、カメラ枠やチャット欄、いくつかの通知の下に置かれ、いちばんの褒め言葉は「誰も話題にしないこと」です。たいていのアニメーション背景は、最初の10分でこのテストに落ちます。何かが点滅し、何かが横切り、視聴者は人ではなく壁紙を見てしまうのです。

このガイドでは、Twitch or YouTube live での落ち着いた夜の配信向けに、背景をひとつ作ります。空のキャンバスから、配信ソフトが一晩中くり返すクリップまでです。順番が大事です。レイアウトを決め、静止画を作り、少しだけ動きを加え、最後につなぎ目を処理します。

アートより先にオーバーレイの配置図から

プロンプトを書く前に、オーバーレイをすべてオンにした今のシーンのスクリーンショットを撮り、枠をなぞってみましょう。カメラはどこにありますか? チャットはどこに流れますか? フォロー通知はどこに出ますか? そこは配信中ずっと隠れているので、その裏の絵に細部は要りません。必要なのは落ち着きです。

• 隠れるゾーン。 カメラとチャット欄の下には、やわらかく細部の少ない部分を頼みましょう。薄暗い壁、ピントの外れた光、淡いもやなどです。そこに細部を入れても無駄になり、縁からはみ出して見えます。
• 見えるゾーン。 見えたまま残る場所、たいていは中央と上の角のひとつに、絵のいちばん面白い部分を置きます。
• 文字のゾーン。 チャットや通知は、暗いパネルに明るい文字か、その逆です。その裏の背景は明るさの幅をひとつにそろえ、パネルが明るい点と張り合わずに済むようにします。

静止画は配信と同じ形でレンダーする

キャンバスが横長なら、横長でレンダーします。P-Image は 16:9 に対応していて、いくつかのレイアウトを試せるほど安価です。静かな部分の位置は、普通の言葉で書きましょう。モデルはパーセントより、左、右、上、下のほうをよく理解します。

隠れるゾーンに四角形を重ねても、見えるゾーンがきれいに見える一枚を選びます。手早い確認方法は、オーバーレイをすべてオンにした配信シーンに静止画を入れて、目を細めてみることです。自分の顔より先に背景に目が行くなら、その静止画はうるさすぎます。コントラストを下げるか、ぼかしを強めるよう頼んでもう一度レンダーしましょう。アニメーションの後で直すより安く済みます。

何時間も流せる動きを選ぶ

ヘッダーが見られるのは数秒です。配信の背景は一晩中見られるので、鳥が横切る、明かりがつくといったはっきりした出来事のある動きは、くり返すたびに毎回気づかれます。よい背景の動きには出来事がなく、ただ漂うだけです。

• 粒子。 光の筋の中のほこり、ゆっくり降る雪、火の粉、泡。たくさんの小さなものが同じ向きに動くと、動作ではなく質感として見えます。
• ゆっくりした光。 少しだけ呼吸するランプの光、窓を暗くする雲、壁をなでるように横切る光。
• 控えめな視差。 カメラをほんの少し横に流し、手前と奥のものがすれ違うようにします。ほとんど気づかない程度にしましょう。カメラワークとして名前が言えるなら、それは動きすぎです。

静止画を P-Video-2 で開きます。画像を最初のフレームとして使い、その形を保つので、横長の静止画からは横長のクリップができます。合う動きを探している間は、詳細設定でドラフトモードをオンにしましょう。より速いプレビューで、1秒あたりの料金も低くなります。

クリップが最初に戻るところの飛びを隠す

クリップには始まりと終わりがあり、配信ソフトは一晩に何十回もその間を飛びます。その飛びを消す方法を、手間の少ない順に3つ紹介します。

1. 1両端に同じ絵。 P-Video-2 Pro では、最後のフレームの画像を任意で指定できます。最初と最後のフレームの両方に同じ静止画を渡し、プロンプトで、動きが始まった位置に落ち着いて戻ると書きましょう。
2. 2フレームをじっくり見比べる。 最初と最後のフレームを画像として書き出し、交互に切り替えて見ます。粒子の位置が違うのは問題ありません。でもランプの明るさが違うのはだめです。ループの位置でフレーム全体が脈打って見えるからです。
3. 3編集ソフトで短くつなぐ。 クリップの最後の1秒を最初の1秒に重ね、ディゾルブでつなぎます。漂う粒子とやわらかな光なら、これでほとんどのつなぎ目が隠れます。

ここでは粒子が味方です。動いているのが小さく、数が多く、似たものだけなら、視聴者はどのほこりがどこへ行ったのか見分けられず、ずれがあってもほこりが少し増えたようにしか見えません。

配信を意識して書き出す

配信はリアルタイムで圧縮されます。エンコーダーは、画面のあちこちで同時に起きる細かい動きが大の苦手です。ちらつくノイズ、雨、速いきらめきは、ゲームが忙しくなった瞬間にブロック状に崩れます。小さな粒子の吹雪より、数が少なく、大きく、ゆっくりした粒子のほうが、圧縮にずっとよく耐えます。

• 解像度。 ドラフトで動きが固まったら、最終版はモデルのいちばん高い解像度でレンダーします。キャンバスがクリップより大きいなら、動画アップスケーラーで仕上がったファイルのサイズを上げられます。背景のやわらかさは目立ちにくいので、アップスケールでもたいてい問題なく見えます。
• 音はオフ。 詳細設定では、音声の保存が初期状態でオンになっています。これをオフにするか、配信ソフトでソースをミュートして、数秒ごとに声の下でノイズが鳴り直さないようにしましょう。
• 静止画も残しておく。 最初のフレームは、開始前の待機画面や休憩画面にぴったりの静止版になり、動く背景と完全に一致します。

よくある失敗とその直し方

• 部屋全体がゆらゆらする。 モデルが建物を動かしています。壁、机、窓を動かないものの一覧に加え、クリップを短くしてみましょう。
• 何かがフレームに入ってくる。 猫、車、窓の中の人。「新しいものは現れない」を加え、外の生き物や人の気配を思わせる言葉を消しましょう。
• ループの位置で光る。 両端で明るさが違います。同じ静止画を最後のフレームに使うか、編集ソフトで両端をつなぎましょう。
• カメラの角に細部が入り込む。 P-Image Edit のような編集モデルに、静止画のその角をシンプルにするよう頼み、整えた版をアニメーションにしましょう。
• 見た目は最高なのにチャットが読めない。 静止画のコントラストを下げるか、チャット側を暗くするか、チャットパネルに塗りつぶしの背景をつけましょう。

スタジオに任せられないこと

スタジオがレンダーするのは短いクリップで、一晩分の映像ではありません。くり返しの処理はいつもあなたの仕事で、スタジオの中にクリップを自動でシームレスにする機能はありません。オーバーレイの配置も知りませんし、別の静止画に重ねるための透明レイヤー上の粒子もレンダーできず、配信ソフトでのループ再生の設定もしません。最後のフレームの画像で両端は似ますが、同一にはならないので、編集ソフトでのつなぎは予備として取っておきましょう。

SNS向けに短いループをもう作っているなら、金曜日のループシリーズで縦長クリップのピンポンの技を紹介しています。配信背景は、同じ考え方を一晩分に引き伸ばしたものです。横長のフレームとその仲間については、SNS向けの7つの画像フォーマットをご覧ください。すべての動画モデルとその設定はモデルのページにあり、最初の静止画はスタジオで作れます。