【初心者向け】UE5キーフレームアニメーションの作成・レンダリング方法

こんにちは！

今回は、 ゲームエンジン「 Unreal Engine 5 (UE5)」初心者向けに、3DCGでの基本的なアニメーション作成方法である「キーフレームアニメーション」の作り方・レンダリング方法を紹介します。

あわせて読みたい

【初心者向け】Unreal Engine 5 (UE5)の基本操作まとめ こんにちは！ 今回は、ゲームエンジン「Unreal Engine 5 (UE5)」初心者向けに基本操作方法を紹介します。 また、UI（ユーザーインターフェース）の各要素の機能など、UE...

キーフレームアニメーションとは？

まずは、3DCGでの基本的なアニメーション作成方法である「キーフレームアニメーション」について、簡単に説明します。

キーフレームとは、「アニメーション作成時に、位置・回転・スケールなどを指定するフレーム」のことです。

こちらは3DCGソフト「Blender」での例ですが、0フレーム目で「X位置=0m」、30フレーム目で「X位置=5m」の2つのキーフレームを設定することで、立方体がX方向に移動する動きを表現しています。

キーフレームを打つことで作られたアニメーションを「キーフレームアニメーション」と呼びます。

あわせて読みたい

【Blender2.9】キーフレームの基礎知識を理解する！ こんにちは！ Blenderでの3DCG制作を勉強中のUEDAです。 Blenderを勉強して、アウトプットの場としてそれぞれの機能をまとめられればと思っています。参考にもなれば嬉...

UE5での基本的なキーフレームアニメーションの作り方

ここからは、UE5上で実際にキーフレームアニメーションを作成する方法を紹介していきます！

こちらのような、立方体（キューブ）が移動するアニメーションの作成方法を紹介します。

レベルシーケンスを追加しよう

UE5でアニメーションを再生するには、「レベルシーケンス」というアクター（オブジェクト）をレベル（ゲームをプレイする領域）に追加する必要があります。

ヘッダーのアイコン🎬を選択し、「レベルシーケンスを追加」をクリック、階層と名前を設定し「保存」をクリックします。

すると、「レベルシーケンス」の編集画面「シーケンサーエディタ」がレベルビューポートの下に追加されます。

シーケンサーエディタは以下の4つの部分に分かれています。

出典：Unreal Engine公式ドキュメント「シーケンサー エディタ」　URL　https://dev.epicgames.com/documentation/ja-jp/unreal-engine/sequencer-cinematic-editor-unreal-engine

シーケンサーエディタの基本的な操作方法を説明します。

タイムラインの上部のオレンジ色の印は「再生ヘッド」といって、現在のフレームを表します。

マウスドラッグで移動、または再生コントロールで位置を調整できます。（キーボードの←→でも再生ヘッドを移動できます）

タイムライン上の緑色の”[“と赤色の”]”はそれぞれ開始 (緑色) マーカーと 終了 (赤色) マーカーといって、再生範囲（再生されるフレーム/時間)を示します。

タイムラインの上端のフレーム数の目盛りを右クリックで「開始時間を設定」「終了時間を設定」、または再生コントロールの「[」「]」で開始/終了マーカーの位置を設定できます。

（ショートカットキー「[」「]」でも同様の操作が可能です。）

シーケンサーエディタの操作方法についての詳細は、Unreal Engineの公式ドキュメント「シーケンサーの概要」を参照してください。

シーケンサーエディタ上にキーフレームを追加しよう

実際にレベルシーケンスにキーフレームを追加し、アニメーションを再生する方法を説明します。

キーフレームアニメーションの作成手順は以下の通りです。

再生コントロールの「プレイ」（右向きの三角形アイコン）をクリック（またはショートカットキー「Space」）すると、アクターが移動するアニメーションが再生されます。

ちなみに、以下のショートカットキーを使ってキーフレームを追加することも可能です。

アニメーションレンダリング

作成したアニメーションを、動画ファイル(avi)としてレンダリングする方法を紹介します。

アニメーションレンダリングを行う一連の流れは以下です。

動画は、プロジェクトフォルダ階層の「Saved¥VideoCaptures」に保存されます。

最終的に、以下の動画ファイルをレンダリング出力できました。

以上が、キーフレームアニメーションを作成しアニメーションレンダリングする一連の流れです。

キャラクターのアニメーション作成方法

スケルトン（骨格、アーマチュア）を組み込んだキャラクターのアニメーション作成方法を紹介します。

本記事では、以下2つの方法を紹介します。

②のコントロールリグを使う方法の方が、①の方法と比べて簡単にアニメーションを作成できます。

ただし、①の方法は作成したアニメーションアセットをブループリントに組み込んだり、複数のモデルで同じアニメーションを使い回すことができるなど、応用が利くメリットがあります。

UE5のデフォルトキャラクターである「Manny」(または「Quinn」)を使ってそれぞれのやり方でのアニメーション作成方法を紹介します。

アニメーション作成方法の説明の前に、まずは以下手順でMannyをコンテンツブラウザに追加してください。

コンテンツブラウザの「Characters>Mannequins」のフォルダに、MannyとQuinnのアセットが追加されています。

あわせて読みたい

BlenderからUnreal Engine 5にモデルをエクスポートする方法 こんにちは！ 今回は、3DCGソフト「Blender」で作成した3Dモデルを、ゲームエンジン「Unreal Engine 5 (UE5)」にエクスポートする方法を紹介します。 リグ付きのモデル...

スケルトンエディタでアニメーションを作成する

コンテンツブラウザの「Characters>Mannequins>Meshes」のフォルダに、「SK_Mannequin」という「スケルトン」アクターがあるので、こちらをダブルクリックします。

すると、スケルトンを編集する「スケルトンエディター」が開きます。

「スケルトン」とは、キャラクターモデルに入れる「骨格」のことで、Blenderの「アーマチュア」に相当するものです。

また、スケルトンを組み込んだモデルのことを「スケルタルメッシュ」と呼びます。

スケルトンエディタの左側に、スケルトンを構成するボーン（骨）の階層構造が表示されます。

スケルトンエディター上で「キャラクター」→「ボーン」→「全ての階層」を選択すると、すべてのボーンを表示することができます。

スケルトンエディター上で新規アニメーションを作成する手順は以下の通りです。

アニメーションを再生する手順は以下の通りです。

コントロールリグを使ってアニメーションを作成する

レベルビューポート上で、スケルタルメッシュのボーンの位置を調節できる「コントロールリグ」というアセットを使って、キーフレームアニメーションを作成する方法を紹介します。

コンテンツドロワーの「Characters>Mannequins>Rig」にコントロールリグが入っているので、レベルビューポートに追加します。

黄・赤・橙・青色の輪や矢印の一つ一つが、スケルトンのボーンと関連付けられています。

こちらのように、レベルビューポート上でコントロールリグを動かすことで、キャラクターのポーズを作成することができます。

最初に紹介した「キューブをアニメーションさせる方法」と同様に、レベルシーケンサーを追加し、シーケンスエディター上でキーフレームを追加することで、アニメーションを再生することができます。

まとめ

今回は、UE5初心者向けに、キーフレームの概念と基本的なキーフレームアニメーションの作成・レンダリング方法を解説してみました。

UE5のアニメーション制作の最初のとっかかりとして、ぜひこちらの記事を参考にしていただければと思います。