はじめに
今回は、Unreal Engine 5で静止画・動画を書き出す方法を紹介します。
UE5の基本操作ができることを前提に進めます。
基本操作や、今回書き出すプロジェクトの作り方はこちらをご覧ください。
![](https://signyamo.blog/wp-content/uploads/2023/06/dc3ee87ef36f8aef46a0fe859f673171-7-320x180.jpg)
このような素材がある状態からスタートします。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-01-8.jpg)
シーケンサーとカメラの用意
コンテンツドロワーを開きます。
何も無いところを右クリック → シネマティックス → レベルシーケンスを選択。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-02-8.jpg)
生成された「NewLevelSequence」をダブルクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-03-8.jpg)
すると、シーケンサーのUIが出てきます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-04-8.jpg)
立方体+ボタン → シネマティクス → 「Cine カメラ アクタ」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-05-8.jpg)
すると、カメラが生成されます。
明後日の方法を向いてますが…いったんこのままで進めます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-06-10.jpg)
アウトライナーから「CineCameraActor」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-07-8.jpg)
アウトライナーの「CineCameraActor」をシーケンサーにドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-08-8.jpg)
自動で、カメラビューの中に入ります。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-09-8.jpg)
左上の「CineCameraActor」右にある上矢印を選択。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-10-8.jpg)
3Dビューで視点を動かし、カメラビューを出ます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-11-7.jpg)
これで、シーケンサーとカメラの用意が完了です。
カメラの配置調整
まず3Dビューで、撮影したい視点位置に移動し物体を”見”ます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-12-7.jpg)
アウトライナーでカメラを右クリック。
「オブジェクトをビューにスナップ」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-13-7.jpg)
3Dビューで視点移動。
すると、カメラがビューの位置に移動します。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-14-8.jpg)
画面右上の座標系ボタンをクリック。
ローカル座標系にし、回転などで微調整。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-15-12.jpg)
トランスフォームの詳細で「回転のXを0」に設定。
これで水平が合った絵になります。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-16-7.jpg)
以上がカメラの配置調整です。
撮影範囲を設定する
静止画を書き出す上でも、最低でも5フレームは必要なようです。
何故か最初の2~3フレームは画面が真っ暗になります。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-26-4.jpg)
また、シュミレーション関係。
パーティクル関係は撮影をスタートしたフレームから計算が始まります。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-27-3.jpg)
なので、時間経過で形が変わるものの場合はその時間になるまでの画像書き出しが必要です。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-28-2.jpg)
まず、シーケンサー右下2番目の数字を直接入力で見える範囲を増やします。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-29-2.jpg)
次に、カメラカットを欲しいフレームまで伸ばします。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-30-2.jpg)
最後に、赤色の終了地点を必要なフレームまで移動させます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-31-2.jpg)
以上で、撮影範囲の設定が完了です。
カメラの範囲を固定する
シーケンサー左側でカメラアクターを開きます。
Transform右側の丸+ボタンを押します。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-19-5.jpg)
これで、トランスフォームにキーフレームが打たれます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-20-5.jpg)
トランスフォームには「位置、回転、スケーリング」の3つの情報が入ってます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-21-5.jpg)
この状態で画面左下の「シーケンサーに記録」ボタンをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-22-7.jpg)
すると、プレビューの絵が切り替わります。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-23-5.jpg)
そして、カメラの範囲も自動で設定されます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-32-2.jpg)
カメラカットで撮影範囲。
Cine Camera Actorでカメラの挙動と有効範囲を指定。
この2つがあれば大丈夫です。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-33-2.jpg)
以上で、カメラの範囲固定が完了です。
静止画を書き出す
シーケンサー左上の、レンダリングボタンをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-34-2.jpg)
すると、このような画面が出てきます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-35-1.jpg)
Image Output FormatでPNGなどの任意のフォーマットを選択。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-36.jpg)
解像度を「カスタム」などに設定。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-37.jpg)
解像度で画像の大きさを決めれます。
最初の書き出しの大きさは小さめに取ります。
大抵、何かやらかすので大きい画像を作るのは一番最後のデバッグ後にしてください。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-38.jpg)
出力ディレクトリで、画像の出力先を指定。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-39-1.jpg)
シーケンスとシネマティックにある設定をオフにします。
ムービーキャプチャをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-40.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
分からないものは、制御しきれないのでオフにします。
(オンだと画面が真っ黒になりました)
「選択内容を保存」をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-41.jpg)
「読み取り専用の出力ディレクトリ」が出た場合は、保存先を変えます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-42-1.jpg)
Windows + Eキーで表示されるフォルダ系は使えないようです。(?)
大量の画像が書き出させるので、出力先は重要度か低めのHDDがおすすめ。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-43.jpg)
画面右下に「キャプチャ完了」が出るまで待ちます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-44-1.jpg)
これで、静止画の書き出しが完了です。
書き出した画像のエラーを治す
書き出した画像を確認。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-45-1.jpg)
すると、下記の2つ問題があります。
・画面上下にフチができている
・原点に謎の球が存在している
こちらを修正します。
原点の球を隠す為に、全体の高さを上げました。
フチを消すために、カメラセンサーの大きさを調整しました。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-47-1.jpg)
これらの対処法について、詳細はこちらで解説。
![](https://signyamo.blog/wp-content/uploads/2023/06/dc3ee87ef36f8aef46a0fe859f673171-11-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/06/dc3ee87ef36f8aef46a0fe859f673171-10-320x180.jpg)
カメラ位置を変えた場合、キーフレームを打ち直してください。
![](https://signyamo.blog/wp-content/uploads/2023/06/add-01-4.jpg)
最初に作ったキーフレームが残った場合。
クリックで選択 → Deleteキーで削除。
![](https://signyamo.blog/wp-content/uploads/2023/06/add-02-4.jpg)
ちなみに、残した場合カメラが動きます。
![](https://signyamo.blog/wp-content/uploads/2023/06/gif_2-2.gif)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
これを応用すれば、カメラアニメーションができます。
画像を書き出して確認。
プレビューより広い範囲が映り、画面上部に渦潮の切れ目が見えました。
カメラ位置を調整して対処。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-48-1.jpg)
もう一度書き出して確認。
問題が無さそうであれば、書き出した画像のエラー修正が完了です。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-49-1.jpg)
本番画像の書き出し
エラーが無くなれば、本番サイズの画像を書出します。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-50-1.jpg)
同じ名前を書き出した場合は(2)などで表示されます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-51-1.jpg)
これで、本番サイズの静止画書き出しが完了です。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-52-1.jpg)
動画の書き出し
Image Output Formatを「.avi」に設定。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-53-1.jpg)
解像度で画面の大きさを設定。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-54-1.jpg)
静止画と同じ手順で書出し。
これで.avi形式の映像が出力されます。
![](https://signyamo.blog/wp-content/uploads/2023/06/image-55-1.jpg)
再生して確認。
これで、映像の出力が完了です。
![](https://signyamo.blog/wp-content/uploads/2023/06/gif_1-3.gif)
まとめ
今回はUE5で静止画や映像を書出す方法を紹介しました。
・シーケンサーとカメラを用意する
・シーケンサーでカメラとカットの影響範囲を指定
・レンダリングで静止画や映像を書き出す
・エラーが起こるので初めは小さなサイズで書き出すのがコツ
・映像は.avi形式のみ対応
また他にもUE5について解説してます。
![](https://signyamo.blog/wp-content/uploads/2023/06/dc3ee87ef36f8aef46a0fe859f673171-15-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/06/dc3ee87ef36f8aef46a0fe859f673171-13-320x180.jpg)
ぜひ、こちらもご覧ください。
コメント