20 Century FoxのOP動画をかんたんに作れるようにしてくれた人に感謝しつつ作っちゃう記事

アドベントカレンダー向けに記事を書くわけですが、明らかにプログラミング言語に関する話題じゃないのにQiitaを使っている事実をまずは謝罪します（他にいい媒体をもってねぇんだ・・・noteもあるけど、noteはゲーム実況者として書いてるので身バレが怖いからね　てかこの文言を入れたことで身バレするんじゃね？やばみ）

# まずは自己紹介
高知工科大学ロボット倶楽部に所属していました
現在は当時の技術を一切使わないAVのモザイク編集の仕事をしてるので人生って何がおこるかわからんですね


# 20 Century FoxのOPとは
20 Century Foxとか言われたら何そのキモい英語ってなるけど多分動画見たらコレかぁ！！ってなると思います。

[これかぁ！！！ってなる動画](https://youtu.be/rspzzsMRl-E)

↑の動画見たら色んなパターンあったんやなってなりますねこれ
これのパロディを結構かんたんに作れる方法があるんですよ（というより作ってくれてる人がいる）
なのでその方法をサクッと解説したいと思います

あと、とんでもなく余談なんですけど、youtubeの埋め込みがうまくいかなくて検索したら、Qiitaで埋め込みをする方法っていう記事見つけてなんでもあるんやなって思った

[Qiitaにyoutube動画を埋め込む方法](Qiitaにyoutube動画を埋め込む方法)

読むとわかりますけど、結局うめこめへんのかい！ってなります

# 作り方
3Dモデリングソフトを使うのである程度スペックのあるパソコンを用意してください（唐突な無理難題）
3Dのゲームが動いてるなら問題ないと思います

## blenderインストール
まずはblenderの公式サイトからblenderをインストールしましょう

[blender公式サイト](https://www.blender.org/)

以下の部分をクリックして
![blender01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/caaef30e-82fd-b643-61f3-b2237557e954.png)

こちらをクリックすれば多分おｋです
あとはinstallerに従ってください
![blender02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/b9cafd7f-b88b-c7b0-9f96-92a5c4fe2c15.png)

##次に元素材をお借りする

実は、[こちら](http://starwarsmake.web.fc2.com/tutorial/tutorial_text/blender/blender_fox/)のブログで20 Century foxのロゴアニメーションを作れるかんたんなファイルが配られていますのでそちらをお借りしましょう

まるで囲んだ場所をクリックして
![20CenturyFox.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/327df688-3b6e-6e35-0f2c-f785ee41c39d.png)

こちらのまるで囲んだ場所をクリックするとそのファイルをダウンロードできます
![20CenturyFox02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/dfdbd650-da11-9ef4-7448-4239ee4743d8.png)

##お借りしたファイルを開いてみる

では実際に開いてみましょう
開いてみるとこんな感じになってます
![blender_screen01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/7d3c2145-ec4c-fe82-75e4-f45dc637e879.png)
ここでblenderの操作を覚えようと思うとすぐに作れるわけじゃなくなってしまうのでそこは省くとして、まずは左画面に文字部分が見えないのが問題なのでそちらを直します
ちなみに、配っているサイトにどうすればいいか書かれているのですが、そちらはblenderのversionが古いのでこちらの記事で新しい方法を書いておきたいと思います

これは古いバージョンで作られたファイルを最新バージョンで開いていることで起きている謎不具合なのでうまいこと読み込みが行えてなかっただけみたいで、右側を適当にいじってたら左画面に出てきます
適当に左クリックでものを選択して右クリックして消したり戻したりを繰り返してると左画面は戻ります
以下の用な感じになれば多分おｋです

![blender_screen02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/35b3b171-20d7-71b5-9457-ec20155a0b9f.png)

##実際に作り出そう！

さて、左画面で文字を好みの文字に書き換えてみましょう
まずは作業しやすいように左画面の上にマウスカーソルをおいた状態でテンキーの1を押してカメラを正面にします
この時文字の部分が見えにくいようであれば、マウスホイールで拡大縮小や、Shift+マウスホイール押し込みでいい感じの位置に持ってきましょう

![blender_screen03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/d76de942-9bdf-6da9-edc5-6a96a8befa11.png)

次にテキストの編集方法ですが、1つだけ基本操作を覚えないといけないのは、オブジェクトモードと編集モードの存在です
今回は覚えておいてほしいのは、オブジェクトモードでものを移動することと、編集モードでテキスト内容自体を編集するということです
ちなみに、今どちらのモードなのかはこちらを見ればわかります（切り替えもこちらをクリックすればできます）

![blender_screen04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/c6888066-d948-ae4b-0546-f76aa3a3ce6e.png)

まず、左クリックで変更したい文字を選択し、そして先程のモード選択で編集モードにします。そうするとこのようなテキスト編集でよく見た形になるかと思います。

![blender_screen05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/c81e0895-44c1-c301-5906-6a0115b50f82.png)

これで編集していきます
文字の編集が終わったらオブジェクトモードに切り替えてまた別の文字を選択して編集モードに切り替えてというのを繰り返します（多分なんどかやればやり方が分かるかと思います）

あと基本操作をいくつか教えておきますのでいい感じに調整してみてください
1. ものの削除：xキー（地味に小さいthとか邪魔になる可能性があります）
2. 拡大縮小：オブジェクトモードでs→x(多分文字の長さが合わなくなるので、長さに合わせて拡大縮小します。拡大縮小自体はsだけなんですが、x軸に沿って拡大縮小する場合にxキーを押す必要があります。今回の場合、x軸にそろえて変更するのがベターだと思います)
3. オブジェクトの移動：g→x(こちらも上と同じでx軸に沿って移動したほうがわかりやすいと思うのでそちらでやってみましょう)

さてこのような操作を使って、以下のようないい感じの文字が出来上がったら、いくつか変更して動画として書き出してみましょう
![blender_screen06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/06c3868b-c075-ebba-0c97-18c34c4f4c9d.png)

いじるべきはレンダーエンジンと言う部分で、以下の部分を選択して、cyclesというやつを選んでください![blender_screen07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/3c8f1ad7-938e-9899-ed95-4b0f1ebd1150.png)

そしたら、以下の部分をクリックして書き出しの設定をいじります
![blender_screen08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/5ea3724d-a42e-08f6-07ae-87631c22be8a.png)

いくつかいじる場所がありますが、マウスホイールで真ん中あたりにある、出力という場所を参照します
![blender_screen09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/0f37f672-287b-cf4c-e1e2-56ddccd7586f.png)
ちょっと見づらいですけど、出力のすぐ下にある部分に書き出したい場所と書き出したいファイル名を入力します
そしてファイルフォーマットをFFmpeg動画を選び、エンコーディングのコンテナをMPEG-4にします
こちらは好みで変更してみてもいいと思いますが、何も考えたくない方は上記の設定で合わせちゃってください

このまま動画を書き出しても構わないんですが、ちょっと書き出してみるとノイズがエグかったので、デノイズ（ノイズ消去）処理を追加したいと思います。

##デノイズ処理について

まずは以下の部分を選択してください
![blender_screen10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/7b335433-1fca-18c9-677b-cb33eac3b2fa.png)

そしてデノイズデータというのをクリックしてチェックします
![blender_screen11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/a35dc640-f4fa-a19c-93bb-e1fd50b0d32f.png)

そしたら、上の+を選択肢、その中から「compositing」というものを選びます

![blender_screen12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/caa6d81a-e0f3-e0e8-cc62-0967a8beb03e.png)

すると、以下のような画面が出てくると思います

![blender_screen13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/1e9c2412-f61e-babd-ffe5-b50830a55369.png)

そしたら、一番でかい画面でShift+Aを押してから、フィルター>デノイズと選択してデノイズノードを追加します

![blender_screen14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/4a755f7c-8e17-1b7d-8daa-dd472a83115d.png)

そうしたら、追加されたデノイズノードを以下のような形でつないでください（もうこれは見ながら真似してください）

![blender_screen15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/a56e0c27-5e78-753e-a671-a4f70d208bc9.png)

そしたら、最後に書き出しすれば動画になります！
ちなみに、書き出しにはめちゃくちゃ時間がかかります（マシンスペックによりけり）ので、寝ている間などに書き出しするなどして完成を楽しみにしましょう
ちなみに書き出しは以下のアニメーションレンダリングをクリックすればできます
![blender_screen16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103256/3409b221-32d9-2068-429a-6aff61ff7b15.png)

##完成！！

これだけ親切に作り上げてくれてたファイルを用いても思ったより大変な作業でしたね
しかし完成した動画を見れば結構感動すると思います
動画編集でそれっぽい曲をつけたのがこちらです

[完成した動画](https://youtu.be/ynfwtnM5TOw)

ここまでやっといてあれだけど、blenderは2.8でめちゃくちゃ大きな変更があったので、背景の感じとかフォグライト（夜のホテルのライトみたいなの）とかが仕様変更でだいぶ見た目違いますね…
blender2.79とかDLして、[さっきのサイト](http://starwarsmake.web.fc2.com/tutorial/tutorial_text/blender/blender_fox/)に素直に従ったほうがいいものができる可能性がありますねコレ…
まあでもそのへんこだわるならマテリアルとかいじればいいんで（まだやらせるきかよ）
まあ本気でやるならblender本気で勉強したらええんちゃいますかね（適当）


ということでなんだかんだ長い記事になりましたがご覧下さりありがとうございました