[ue4] allstarについての御託を並べる


#【前提】
__・自作した映像の解説的な記事です。__
__・この動画は２日で作成されています。__
__・この動画はVMDから動画に起こすまでのワークフロー自分で確認するために作成した動画です。__
__・この動画はすべてue4でレンダリングされています、動画の繋ぎにAEを使用していますが加工には使用していません。__
__・うそを書くつもりはありませんが。経験に基づいて記述しているため、アニメーション、映像の専門用語等々、間違いが多分にある可能性があります。__
__・映像理論を書くつもりはありません。その辺りはそういう書籍をご参考にどうぞ。__

__※注意：全てのURLリンクを開くときは、マウスの右クリックで「新しいタブで開く」で開いてください。__
__また、画像が小さくて見づらい場合は画像をクリックしてください。__

#【目的】

この映像で私が何をしたかったのかの解説をするだけです。
理屈ばかり書いているので、アレルギーのある方は読まない方が精神衛生上よろしいかと思います。
本当に、、、

https://www.youtube.com/watch?v=QL2nFTG_BI4


#【VMDコンバート】

最近、MMDBridgeの進化によって
今まで鬼門だったMMDのIKや物理演算部分の挙動が
MMDの動きのままにFKにベイクできるようになりました。

これにより、MMDの大量に作成されているアニメーションデータがue4で活用可能になりました。
※当然ですが、VMDモーションの作者さんの意向は尊重しましょう。駄目だと言っているものは使わない方がよろしいかと

その辺の手順は alweiさんがまとめてくださっています。
http://unrealengine.hatenablog.com/entry/2016/01/11/224331

このワークフローの自分的に確立するために今回この動画を作成したわけです。

そして、この記事はその動画で何をやったかについて記述します。

#【何を作るか】

できるとなったら何か作りたくなるのが人情です。
何を作るか色々考えたところ最終的に

MMDのオールスター動画のようなものを作ろうという考えに至りました。

ご存じない方のために簡単に説明しますと
MMDオールスター動画とは、MMDの各ジャンル（ボカロ、東方、アイマス、艦コレ、戦国BASARA、 刀剣乱舞、ヘタリアその他もろもろ）の枠を超えて
あらゆるジャンルのキャラを混ぜて作る動画系を言います。
（最近は違うかもですが。少なくとも私のMMD全盛期の4年前はそうでした）

ということで
Unreal Engine4で作るんだから、Unreal Engine4のオールスター動画を作ろうということで
それに合いそうなモーションとして10人のキャラクタがダンスする
モーニング娘。さんのOne・Two・Threeのモーションを使うことに。
http://www.nicovideo.jp/watch/sm19669706
↑配布動画はこちらです

次に、キャラクタを選択です。
10人必要なので、Unreal Engine4で代表的なこれらを選択しました。

ブルーマン先生
グレーマン先生
Tappy Chicken
Matinee sampleの兵士
Infiltratorデモの主人公
Kite Demoの男の子
Kite Demoの鹿
炎のエレメンタル
氷のエレメンタル
INFINITY BLADE の箱

色々なキャラクタがいるので、キャラクタのコントラストという部分ではクリア。
ただし、色合い的に地味なキャラが多いので色のコントラストに工夫が必要かなと思いました。

この2キャラはネタ的な意味で参加いただく

Tappy Chickenさんには強引にボーンを入れて

![111.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/0f55eaac-b89f-c369-cfdc-bce57a1f6952.jpeg)

Kite Demoの鹿さんには二足で踊って頂く

![2222.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/d02aef49-b89a-4cf2-9fd2-ce953a5102dc.jpeg)

最終的にUnreal Engine4のあるあるネタ動画的なものを考えておりました。


#【私的カット鉄則】

動画のカットの作成は私的な理想を言いますと
PVっぽいミュージッククリップっぽいものの場合以下のことに気を付けます。

__イ）__カメラは5秒以内に必ず切り替える
__ロ）__同じシーンばかり（ダンスばかり）ではなく関係のなさそうなショットを必ず入れる
__ハ）__背景はできうるのであれば同じものではなく幾つか用意する
__ニ）__音楽系の映像なので曲や歌詞にショットの切り替えを出来る限り合わせる
__ホ）__歌詞に関連したイメージの映像を作る

__イ）__に関してはこの曲は4分20秒ほどで単純計算で52回のカメラショットの切り替えが必要になります。

ただし、これは綺麗なダンスの動きとか、キャラクタをひたすら魅せる動画などでは必要ない概念です。

ちなみに、他のプロの方々が作成されている、PVやミュージッククリップを見ていただくと分かると思いますが。
だいたい数秒で必ずカメラが切り替わっています。
まあ、物にもよりますが。

で
今回私は作るにあたって

二日間でつくるということでここは妥協しました。
時間的に構図や、ショットの種類（ミッディアム、ロング、クローズアップ等々）を吟味している時間が無かったです。

でも、流石にひたすら同じカットが続くと言うのも退屈過ぎるので
15秒に1回くらいカメラの切り替えができれば良いかなぁ程度で考えました。

__ロ）__これもイ）と同じですけれども視聴者を飽きさせないためです。

今回私は、6か所で入れています。
関係ないというか、UnrealEngine4に関連したショットですが。

__ハ）__これも同じですね、飽きさせない手段です。

ただ、逆手にとって全く同じ背景を使うというのもありだとは私も思っています。
背景を１色にして人を際立たせるとか。
DOFを上手く利用してコントラストを付けるとか。

今回私は
6つのunreal engineのサンプルデモのレベルをお借りしています。

流石にそのままではステージとして使えないのでレベルエディタで手を加えていますが。
Epicさん、ありがとうございます。

__ニ）__に関しては
PVにはありがちですよね？
歌詞や曲に合わせてカメラやシーンを切り替えると言うやつです。

私も時間の関係はありましたが。
出来るうる限り、合わせたつもりです。

__ホ）__に関しては
今回、時間的な問題で無理と判断しました。

#【動画シーケンス解説】


__(1)__00:00～00:15
森のシーンです
なぜ最初にこれを持ってきてたかと言いますと。

幾つかの背景で試してみて、これが一番見栄えが良かったと言うのが理由です。

![1.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/e87ec5da-f164-f1b4-81a3-08eece7dc1f9.jpeg)


ミディアムショット
ロングショット
多用


__(2)__00:16～00:49

エレメンタルさんのデモのシーン

ここはUnrealEngine4をご存じない方にはシーンの内容の理解は不能なシーンかとは思います。
シェーダコンパイルが入って、最終的に絵が出来上がるまでを表現しています。
画面にグレーのおかしなポリゴンが入るのはエフェクトのシェーダコンパイルが終わっていないからです。

![2.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/2b779530-ed36-dcdd-7001-e5c129448746.jpeg)

シューダコンパイルが大体終わって見え始めるとこうなります。
![28.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/421c884d-cb37-a5f6-cb27-2614a2c2bfdf.jpeg)

ただ、まだここでは布の物理関係を動かしていません。
数秒経つと動きだします。
![29.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/dc7f8cb9-04dd-5e1c-5032-cc2bb91077d7.jpeg)

そして、この流れで下の今回のダンス動画と関係ないショットにつなげます。

最初の関係ないシーン
![3.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/5ce03cbb-2969-17c3-99b2-97601b4568f9.jpeg)

ここのシーンは本当にUnealEngine4をご存じない方には意味不明のシーンですし、そもそもおかしいので
この辺りでブラウザバックされた方も多いのではないかと思ってます（笑

一部クローズアップが入っていますが。
ほぼ、ミディアムショット


__(3)__00:50～00:59

サードパーソンテンプレートのシーン
特にこだわりはないですけれども。

私が良く使うテンプレートなので動画に入れたかったです。
__UnrealEngine4__っぽいという意味で。

![4.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/0855f09d-9c50-2497-c469-7133864be835.jpeg)

俯瞰っぽいロングショット

__(4)__01:00～01:06

2DのTappy Chickenの背景です。
UnrealEngineといえば「Tappy Chicken」、「Tappy Chicken」といえばUnrealEngineです。

ここでは2Dの背景に合わせて3Dモデルも2D化しています。
モデルの奥行きを小さくして薄くしています。

![5.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/5669482a-c530-fb72-b4fc-e282a57574b4.jpeg)

ロングショット

__(6)__01:07～01:13

１回最初の背景に戻ります。
もう一度見たい方もいるでしょうから。

![6.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/15acbcdc-f65a-c666-1905-65b173f47e3c.jpeg)

ミディアムショット

__(7)__01:14～01:32

そして、また「Tappy Chicken」に戻ってきます。
ここでは、3Dモデルが薄くなって2Dになっているところを見せたかったです。

![7.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/aa4d9641-1a68-601d-6077-b6861aa4f63d.jpeg)

ロングショット

__(8)__01:33～01:51

歌詞的な切り替わり部分でもう一度もどります。

![8.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/4ca7ac69-5f22-ec25-f81a-e0a4216a55f3.jpeg)


ミディアムショットと
ロングショット

__(9)__01:52～02:20

「Tappy Chicken」帰ってきます。
ここで見せたかったのはライフルを持っているキャラのこのシーンです。

ライフルを持ったキャラですが。
マチネのキャラとキャラ的に似ているし被るのでわざとライフルをどけていません。
例えば氷のエレメンタルさんなどは氷のハンマーを持っていますが。
離れた位置に持っていってキーを打って（アニメーションエディタの加算キーを打つ機能）見えない位置にハンマーを持っていっています。

![9.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/1e57fb74-d414-1f18-716a-35a772b13265.jpeg)

ロングショット

__(10)__02:21～02:22

はい、ここでダンスと関係ないシーンを入れています。
これはシーンの予備動作（予告）的なシーンでこれからあのステージに行くよという暗示的な使い方です。

![10.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/725a1d7b-d427-09bf-82cb-59d9eca80574.jpeg)

ミディアムショットからのクローズアップ

__(11)__02:22～02:29
また、もどります。

![11.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/08639617-7160-a79f-baa8-eb8cf379d35a.jpeg)

ロングショット

__(12)__02:30～02:32
そして、ダンスと関係ないシーンを入れて導入的な意味で、次の背景に繋ぎます。
シンメメトリーな像もあるので象徴ショット的な意味も含みます。

![12.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/291b6aa2-f2ef-9793-e050-23d6a98c8122.jpeg)

ミディアムショット

__(12)__02:32～03:09

Infiltratorデモのシーンです。
ここではカメラを裏側にまわってみたりして
モデルとダンスの全体を見せています。


![13.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/093ff3f2-cb00-77a7-2a69-2d0886604034.jpeg)

鹿のクローズアップ
![14.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/7d9b60b0-6092-1ec6-ba45-3df67a11d805.jpeg)

裏にまわってダンスの後ろを魅せるシーン
![15.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/ae7762b0-9c1f-a4b7-b7be-cac119fe4ed7.jpeg)

![16.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/b277be92-4b94-1f96-bd34-b8e5c2c9f290.jpeg)


ロングショット
ミディアムショット
クローズアップ
多用

__(13)__03:10～03:45

ここから動画シーケンス的（三幕構成的に）にクライマックスに入っていきます。
まず、高い視点からの超ロングショットです。

![17.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/4e82760d-415c-3251-d06d-50411f85fa9f.jpeg)

これは、突然ぱっと広がる感じを魅せるため、これの前の背景で使用した動画の予備動作（シーンの予告）をわざと行っていません。
突然、「うわー」ってなってくれることを期待しています。
（なったかどうかは別）

俯瞰的な位置から撮っているのは予備動作が無かった分シーン（背景）の全体を見せることでの説明的な意味もあります。

そして、このダンスモーション的にもクライマックスのダンス連携シーン

![18.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/3987982a-85ca-82e8-df27-b80b594afabb.jpeg)

カメラは三分割法で構図を作っていますが、わざと傾けて違和感を出しています。

![19.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/c09196e7-c4db-4e11-dc79-e697b9e3574d.jpeg)

一度、カメラを前方でかつ水平にもどし、全体を魅せます。
説明的なシーンですね。
![20.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/094f2ce8-03fa-153f-a895-6bee7baceb0f.jpeg)

ミディアムショット
ロングショット

ここから歌詞の「One・Two・Three」に合わせてUnreal Engine4のデフォルトで入っているレベル（マップ）の３つをダンスと関係ないシーンとして入れ込んでいます。
__(14)__03:45～03:46

__One__
![21.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/ecb27b51-4558-5a60-6d1c-e285e44423cd.jpeg)


__(15)__03:47～03:49

__Two__
![22.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/e2e0d5f2-d0be-925c-0de0-4b349c054de7.jpeg)

__(16)__03:50～03:52

__Three__
![23.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/20ec2296-9999-5ff6-f45c-716fbab00a52.jpeg)

__(17)__03:53～03:52

シーンは切り替わってINFINITY BLADEのレベルのシーンです。

ここはよく見ていただくと分かりますが色彩的に青が際立っています。
そこで、映像を視聴していらっしゃるかたの視線を青で誘導しています。

![24.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/a4703a09-8f2c-ea19-522f-922c09470424.jpeg)

![25.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/84e2bea8-7a0d-9c6e-0466-7233f45fb629.jpeg)

視点誘導はブルーマン先生の青です。
カメラが切り替わりますが
ブルーマン先生で固定されるはずです（視線がブルーマン先生を探します）。

![26.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/3def5e46-3275-8eea-eca3-b85e1f9eef8b.jpeg)

![27.jpg](https://qiita-image-store.s3.amazonaws.com/0/59114/15c30647-5bde-b0dd-fb2e-da8dcd87893d.jpeg)

ミディアムショット

ということで
時系列にやってきたことを簡単に説明してみました。

#【最後に】

今回は土日の二日間でどこまでできるかを目指して動画を作りましたが。
完成できて良かったと思っています。

特に
海外の方々には、予想以上に褒めていただいたりして、ちょっと照れくさい部分もありますが、、、

映像の作り方は人それぞれセオリーがあると思います。
一般的なセオリーもありますが
そこはそこです。

人によっては、理屈より感性を大事にされる方もいらっしゃるので、こういう理屈は苦手な方もいらっしゃるとは思います。
「まあ、人それぞれ、こんな考え方で作ってるやつもいるのね」
くらいに考えていただけれるとうれしいです。

最後まで読んで頂いて本当にありがとうございました。