近未来モーション映像デザイン

20秒の映像のペース配分

元のビートマップは、この20秒のモーション映像を120 BPMのグリッド上の短いシーンに分割しています。切り替えの多くは緩やかなディゾルブではなくハードカットで、長めの保持は最後のタイトルのために取ってあります。

キャプチャした3つのフレームは、トンネル、カウントダウン、フィナーレの付近にあたります。密度の高い動きから始まり、中盤でまばらなカウントの拍を挟み、最後に安定したヒーローワードで終わるという映像の形が分かります。

ワードトンネルとHUDレイヤー

最初のビューでは、トンネルにSIGNAL.OK、AWAKEN();、FUTURE IS HEREといった白、青、グレーの断片が混在しています。不透明度とサイズの違いによって、奥へ退く断片と先に読める断片が生まれます。

固定されたHUDは動きの周囲に静止したままです。左上にFIH/2026の行、右上に進行する時計、そしてシーンラベルと120 BPMのマーカーがあります。下部の表示にはENTERING PUPILと深度の値が出ます。

分割画面のカウントダウン

2つ目のビューは静かです。左側は彩度の高い青、右側はほぼ黒で、細い円が境界をまたぎ、中央にクロームの数字が置かれます。

ラベルT-MINUS 02、大きな文字SET、SEQ 02 · 2/3が、このステップを言葉で説明します。右側では3つの小さなボックスが進行を示し、2つが塗りつぶし、1つが枠線のみです。

01

言葉と数字の組み合わせ

数字が拍を刻み、SETがシーケンスに、ひと目見ても伝わる平易な手がかりを与えます。

02

バーを使わない進行表示

3つのボックスがHUDと同じ視覚言語で2/3を示し、一般的なプログレスバーを避けています。

03

区切りとしての色

青と黒の2つの領域が、テキストを枠で囲まなくても、数字とシーケンス情報を分けています。

クロージングフレームとしてのクロームFUTURE

3つ目のビューは、映像を一つの支配的な言葉に絞り込んでいます。面取りされたクロームの文字がハーフトーンのドットフィールドの上に置かれ、背後にはかすかな特大の背景文字があり、下を細い曲線が横切ります。

主役の言葉は立体、補助の行は平面の白い文字なので、2つの階層がすぐに読み取れます。トレードオフは長さで、長い単語は縮小が必要になり、クロームのディテールが減ります。

1. 短いヒーローワードを選ぶ

   ソースのメモによると、長い単語は収まるよう縮小されます。そのためFUTUREに近い長さの単語なら、面取りが読みやすく保たれます。

2. ラテン文字を使う

   同梱のディスプレイフォントが3D文字で対応するのはラテン文字、数字、一般的な句読点で、ほかの文字体系には対応していません。

3. カットグリッドを保つ

   コピーのタイミングは調整しても、ハードカットはビートに合わせたままにします。差し替えた言葉も音楽にきちんと乗ります。

出典と範囲

これは、クレジットされた第三者によるDouyinのモーション作品を、OpenDesignが公式にコードで作り直して翻案したものであり、完全にオリジナルの発想ではありません。元は62秒の中国語の投稿で、このバージョンはオリジナルのサウンドトラックを付けた20秒の英語ハイライト版です。クレジットは事実の記載であり、元の投稿者による承認を示すものではありません。

このテンプレートは、提案中のOpenDesignの動画ワークフローに由来し、利用可否はインストールされているバージョンによります。このページは完成したインタラクティブな製品ではなく、レンダリングされた映像とそのデザイン上の選択を紹介するものです。