After Effectsでビデオゲーム機のアニメーションを作る方法

Cinema 4D Liteの スプラインオブジェクト 押出しオブジェクト MoGraphのアニメーションツールを使用して 携帯ビデオゲーム機を作成し アニメーション化する 方法を説明します Cinema 4D Liteは After Effects CCから起動します ファイル／ 新規／ 「MAXON CINEMA 4Dファイル」を選択します Cinema 4Dファイルの 保存先を指定します 「game_device.C4D」と名付け 「保存」をクリックします Cinema 4D Liteが起動します Cinema 4Dのパスはスプラインと呼び 作成も編集も簡単にできます After Effects CCのシェイプレイヤーと同じです スプラインメニューも シェイプレイヤーと同様 数多くのシェイプが並んでいます デバイス本体となるメインの スプラインシェイプを作成するには 「長方形」と「円形」の スプラインを使用します どちらのオブジェクトにも After Effectsのシェイプレイヤーと 同様の機能とオプションがあります 長方形では、幅 高さのスライダー フィレットを有効にして 角丸の半径を指定できます 2つのスプラインオブジェクトを結合する スプラインマスクも After Effectsと同様 Illustrator CCのパスファインダーと似ています After Effectsシェイプレイヤーの「パスの結合」のように 複数のスプラインオブジェクト合成できます 角丸のスプラインを2つ作成し 結合して ゲーム機の方向パッドを作成します 2つの角丸長方形をドラッグして スプラインマスクの子にします デフォルトのスプラインマスクは 「AとBを合体」です 最初のスプラインに次が追加され 2つの角丸長方形から 1つのスプラインが作成されます これが長方形と円形による 基本的なスプラインの設定です After Effectsのパス自体は塗りも線もないため レンダリングしても表示されません Cinema 4D Liteのスプラインも同じで 3Dジオメトリを作成しないと表示されません スプラインからジオメトリを作成する方法の1つが スプラインオブジェクトを ジェネレータオブジェクトの子にすることです ここでは「押し出し」を使用します 押し出しオブジェクトは After Effects、Illustrator、Photoshopで 2Dスプラインから3Dオブジェクトを作成する操作と同じです 押し出しオブジェクトを スプラインオブジェクトに適用するには スプラインオブジェクトを 押し出しオブジェクトの子にします 「押し出し」の 「オブジェクト」タブには 押し出し量を決める 「押し出し量」オプションがあり X、Y、Z方向に設定します デフォルトのZ方向は「20 cm」です これを「100」にすると 奥行きが深くなります 特定の角度に 押し出すには XとYを調整します シアー押し出しを作成できますが 今回は、XとYの値を「0」にします 「キャップ」タブでは キャップとフィレットを設定できます 「キャップとフィレット」を選択して ベベルを追加すれば エッジにシャープな彫り込みを 付けることもできます 「分割数」で分割数を増やすと スムーズになります これが前面です 背面の分割数も増やして スムーズにします 押し出しオブジェクトの 前面と背面を キャップと呼びます 「キャップとフィレット」がベベル つまり、角丸の意味です このゲーム機では丸みのない キャップのみを選択します 複数のスプラインを 押し出しオブジェクトの子にして 1つですべての子スプラインを 押し出すこともできます その場合は、「オブジェクト」で 「階層を含める」をオンにします すべてのスプラインのZ座標が 「0 cm」で等しいため 個々のスプラインは表示されていませんが 方向パッドを前に移動すれば Z座標が変わり 方向パッドの要素が表示されます 押し出しオブジェクトを選択して Cキーを押せば 押し出しオブジェクトを スプライン別に簡単に分割できます スプライン別にZ方向の位置を 変更したい場合に便利です 3Dオブジェクトをフラットなイラスト風にするには シンプルな単色を マテリアルとして適用します 「表示」から 「グーローシェーディング（線）」を選択して ジオメトリのすべての線を表示します 下部のマテリアルマネージャーを ダブルクリックして 新規マテリアルを作成します これを本体の押し出しに適用します このボタンをクリックして レンダリングします 現在のつや消し陰影を フラットな2Dイラスト風に 変更するには マテリアルをダブルクリックして マテリアル編集を開き 「カラー」と「反射」をオフにして 「発光」チャネルのみをオンにします レンダリングボタンをクリックすれば フラットな白いマテリアルになり 押し出しオブジェクトに適用されていた 反射も影もなくなります カラーチップをクリックして 明るいブルーグレーを選択します 次に、このマテリアルを分離して オブジェクトの前面のみに適用します 「マテリアル」タグの「選択範囲に限定」オプションで 「C1」と入力します 前面のショートカットです 前面のみにマテリアルが適用されます 背面を指定するには 「C2」と入力すれば 背面のみにマテリアルが適用されます 「C1」と「C2」は 押し出しオブジェクトの前面または 背面のみに適用できる 便利なショートカットです 別の色を作成しましょう ダークグレーにします オブジェクトの最初のマテリアルの上に ダークグレーのマテリアルを 追加すると このままでは、最初のライトグレーが 上書きされてしまいます レイヤーは左から右の順に重ねられるので 一番左のマテリアルの ライトグレーが最初に適用され その上に右のレイヤーが重なります Photoshop CCのレイヤーと同じです ライトグレーを表示するには そのマテリアルを右にドラッグして 一番上のレイヤーにします これでレンダリングすれば グレーの濃淡が 美しく表示されます この装置をアニメーション化するには Cinema 4DのMoGraphモジュールを 使用します エフェクタを使い シーン内のすべての要素を アニメーション化します まず、破砕オブジェクトを使用して アニメーション化するすべてのオブジェクトを 破砕オブジェクトの子にします 破砕オブジェクトを使用すると 子オブジェクトに エフェクタが適用されます エフェクタのアニメーション属性を 子オブジェクトに渡します エフェクタフィールドがあります 簡易エフェクタを選択すれば 破砕オブジェクトの子に 位置 スケール、角度が 適用されます すべてのオブジェクトが 上に移動したのは 位置がオンで Y値が「100」だからです 簡易エフェクタにより 破砕オブジェクトの子オブジェクトが 100 cm上に移動しました オブジェクトのスケールを変更します 「均等スケール」をオンにします X、Y、Z値を すべて「-1」にして 全体を小さくします 次に、「減衰」で アニメーション化する オブジェクトの減衰を制御します これを上下に 動かすと オブジェクトの通過点でスケールアップします このエフェクタをアニメーション化するには ランダムエフェクタを追加して ウェイトと簡易エフェクタの 適用量をランダムにします オブジェクトを大きくするタイミングの エフェクタをランダムにすることで 自然なアニメーションになります シーンを完全にアニメーション化し保存し After Effects CCを開きます コンポジションに Cinema 4Dファイルを配置します レンダラーを「Software」から「Standard（Final）」に変更して プレビューを実行します Cinema 4DファイルをCINAWAREレイヤーとして読み込むことで After Effects CCのコンポジションでCinema 4Dの3D要素の トゥーンレンダリングを簡単に作成できます Cinema 4D Liteでのレンダリングは不要です Cinema 4D Liteは3Dの制作に最適なツールです 直感的なワークフローで 特別な学習は不要、After Effects CCとの緊密な 3D連携をぜひご活用ください