ゲームの世界観を巧みなモーショングラフィックスで表現『ソードアート・オンラインフェイタル・バレット』オープニングムービー | 特集

Topic 2
Cinema 4Dを活用したモーショングラフィックス

MoGraphやXPressoを活用して素材の動きを制御

モーショングラフィックスはCinema 4DとAEで作成されている。モーショングラフィックスの作業にCinema 4Dを導入することで、これまでのテイストとは異なる映像にトライすることができたと鈴木氏は言う。「映像中に登場する六角形や通路のようなパーツはCinema 4Dでモデリングしています。こうした同じようなパーツを並べて構成するにはCinema 4DのMoGraphやXPressoがとても便利です。これらの機能のおかげで条件によるアニメーションの調整をとても簡単に行うことができ、短時間で多くのトライ＆エラーができてクオリティを追求することができました。また、Cinema 4Dはマテリアルのライブラリも充実していて、標準のレンダリングだけで素材の屈折や反射を表現することができるため、映像の最終形に近いかたちで作業できる点にも非常に助けられました」と鈴木氏。Cinema 4Dで設定したカメラワークもAEに読み込むことができるため、三次元的な動きのあるモーショングラフィックスのコンポジットも簡単にできるという。本作の制作期間は昨年の9～10月。制作期間は約2ヶ月だったというが、Cinema 4Dによるワークフローのおかげで制作はスムーズに進んだという。

マウンテンスタジオでは本格的にCinema 4Dを採用したのは本作が初で、鈴木氏もこの案件のオファーを機にCinema 4Dを触り始めたそうだ。「実際の作業に入る1ヶ月ぐらい前から習得のために使い始めましたが、チュートリアルなども充実していて、1週間ぐらいで扱えるようになりました。これまでに3ds MaxとAEを使用していたこともあってか、かなり使いやすいように感じます」と、鈴木氏はCinema 4Dの感触を話す。モーショングラフィックスに活用できる機能を多数搭載しているといわれるCinema 4Dだが、以下では特に見どころとなるカットを例に制作手順を紹介したい。

パーツ分けされたロゴのコントロール

分割されたロゴが基の状態に形成されていくアニメーション。分割の境目がわからない、綺麗に繋がるアニメーションになっている

まずはCinema 4Dでタイトルロゴを押し出して、厚みを作成する
次にボロノイ分割を使用して、ロゴのオブジェクトを分割。このときに螺旋パスを分割ソースに指定して、斜めにスライスされるようにしている

［簡易］［ランダム］［交差回避］エフェクタを使用して、破片が集まりロゴが形成される動きを作成。オブジェクト自体は移動やツイストを利用して、渦巻くような動きが付くように設定されている。ボロノイ分割で分割されたパーツの断面は選択範囲にすることができるので、別々のマテリアルを適用

ワイヤーフレームで見ると分割されているのがわかる。この状態で特別な設定をしなくても、レンダリング後の映像では元の位置に戻ったパーツに境目はなく、ひとつのオブジェクトとして綺麗に表示される

トンネルのフライスルー

ロゴの背景などに合成されているトンネルのフライスルー映像。Cinema 4Dのクローナーを使って効率良く作成されている

最初に基になるトンネルの構造のモデルを作成。ハニカム構造をベースとしたシンプルな形状だが、複雑さが出るように二重構造になっている
内側のひと回り小さいトンネルは半透明のマテリアルが設定され、外側のトンネルが見えるような構造になっている

作成したトンネルのモデルをクローナーを使って複製。長い通路を作成する
直線のままでは変化に乏しいので、作成した通路にスプラインラップを適用して、曲がりくねった形に変形。円形にすることでタイミングや尺を自由にコントロールすることができるようにした

フライスルーのカメラワークは、［スプラインに沿う］タグでライト、カメラ、ターゲットオブジェクトが同じパス上を動くように設定。カメラは［スプラインに沿う］タグの「接線方向を向く」にチェックを入れるだけでもパス上を動くことができるが、カメラの動きが激しくなってしまうため、少し先を動くオブジェクトをターゲットにしている。これによりカーブに対して少し早くカメラの向く方向が変化するため、急な視線の動きを緩和させることができる
レンダリングされた通路の状態。一見、単純な形の組み合わせだが、二重構造で、かつカーブしているため程よい複雑感が醸し出されている

ハニカム構造の制作とアニメーション

ムービー各所に登場するハニカム構造

まず、Cinema 4Dで基になる六角形のオブジェクトを作成。エッジに加工が入っているが、大量に複製するためあまり複雑にならないようにしている
ハニカム構造のタイリングはひとつだけでは難しいので、斜め方向にもうひとつ複製。この状態であれば、後はXY方向へ複製することで隙間なくタイリングできる

クローナーを使ってタイリングさせ、ハニカム構造を作成
今回はハニカムがところどころ虫食いのように欠けている状態にしたかったため、最初に作成したタイルを1枚のシンプルなポリゴンに置き換え、タイルの構造を一度単純化する。さらに、このポリゴンを発生点にするため、ポリゴンをタイリングしているクローナーを選択して、これに対して［現在の状態をオブジェクト化］を実行。するとNullが生成されて、その中でクローナーで増やしたポリゴンが個別に並んでいく。全てのポリゴンを選択して［オブジェクトを一体化］させる

最初に作成した単体のハニカムにクローナーを使用して、モードをオブジェクトに切り替え。この状態から【4】で作成した発生点を指定して、［分配］を［ポリゴンの中心］に設定する。これで【3】と同じルックのハニカム構造が完成
これにより、発生点のポリゴンを動かしたり削除したりすることでハニカムの位置を個別に動かしたり、虫食い状態にすることができるようになる

ハニカム構造ができたらクローナーをNullに入れて、円形のパスに［スプラインラップ］してハニカム構造を円筒状に変形させる。この外周をカメラが動くように設定していく
［簡易］［ランダム］エフェクタを使用してバラバラになったハニカムが再び元の位置に戻るように設定。オブジェクトが交差しないように［交差回避］エフェクタも使用している

後はライトやエフェクタをひとつのNullにまとめて、外周に作成した螺旋のパスに沿わせ、そのNullをターゲットとしたカメラを設置
さらにカメラが近づいた部分にハニカムが整列していくしくみを作成

ライティングを施して完成だ

ガラスの破壊表現

ガラスの破壊表現はボロノイ分割と［破砕］を使って作成している

まずはガラスのモデルを作成。［ボロノイ分割］を適用して［ソース］を［分配］にする。中心から割れていく様子を表現するため、中心が細かく割れるように調整している
そのオブジェクトにさらに細かく分割するために再度［ボロノイ分割］を追加。断面が整い過ぎないようにツイストをかけて少し斜めに歪める

［破砕］を使用してオブジェクトをバラバラに扱えるように設定。加えてテクスチャをマッピングする
続いて、シミュレーションを使用して制作したオブジェクトを割っていく。まずはレンダリングされないトリガーとなるオブジェクト（画面上のオブジェクト）を作成。ここでは割れる起点となる小さな球と、割れた破片を外側に追い出すためのピラミッド状のオブジェクトを作成して配置した

ガラスとトリガーとなるオブジェクトそれぞれに［リジットボディ］タグを追加。［ダイナミクス］タブの［トリガー］をガラスは［衝突時］に設定し、トリガーについては［即座に］を設定する。この状態でアニメーションを再生すると、ガラスは静止した状態で、トリガーは重力方向へ落下。トリガーがガラスに接触するとシミュレーションが開始されて割れ始める

ガラスの直下にカメラを上向きに設置することで、奥から手前に向かってガラスが割れる表現が完成

カメラデータのインポート

Cinema 4Dでモーショングラフィックスを作成する利点に、カメラデータをAEに取り込むことができる点がある

Cinema 4Dでのカメラワーク

AEのカメラレイヤーとして読み込まれたカメラワーク。カメラデータをAEに読み込むには様々な方法があるが、今回は3ds Maxを使ったワークフローで慣れているRPFを経由して読み込んでいる。Cinema 4Dは慣れたツールへのデータ移行が効率良くできるので、制作途中での手詰まりがなく制作を進めていくことができるという

After Effectsによるエフェクト作業

最終的なコンポジットや画づくりはAEで行われている

Cinema 4Dで作成された素材。AE上で加工がしやすいように、Cinema 4Dではブラーなどはあえて設定せず、なるべく細かな要素が残るようにレンダリングされている。上記のようにグローするような表現では、AEで素材のレイヤーを複製し、［CC Image Wipe］を使用して明るい部分だけを抽出。グローを適用して加算で重ね、オレンジのラインが発光しているようなイメージに仕上げている。全体の色味をコントロールする際には、調整レイヤーを作成し、［色相/彩度］や［レベル］などを適用して調整している
前方に進んでいくカットなので［CC Radial Blur］を適用してスピード感を出している。また、Cinema 4Dのカメラデータを読み込んで3D的なカメラワークを可能にし、Particularを使って空間を漂う粒子を作成することでシーンに奥行き感と空気感を強調している

カットの基本的な構造ができたところで、新たに作成したコンポジションに読み込み、コンポジションを3つに複製して［チャンネルコンバイナー］でRGBに分離。一度加算で重ねた後にレンズ補正を使用し、色ごとに色ズレが発生するように調整して擬似的な色収差を表現した。また、グラデーションを重ねたりしながら明暗を調整。プラグインのShineを使用し、部分的に強発光するような要素を加えて画面全体のメリハリを調整した
最後にテロップの文字や飾りを合成して完成