アバターCM動画をYouTubeで公開したよ！

クラスター Advent Calendar 2022 (2枚目) の12日目の記事です!
昨日は11日目、[@kako_vail](https://qiita.com/kako_vail) さんの記事 
[岡山から東京に出社している話](https://kakovail.info/entry/advent-calendar/cluster/2022/11)　でした！
明日は13日目、 [@pocketberserker](https://qiita.com/pocketberserker) さんの記事です!


# この記事はどんな人におすすめ？

+ 自分でclusterやアバターを使った配信をしてみたい人
+ 自分でアバターの動画を作ってみたい人
+ 制作の裏話を聞いてみたい人


# 自己紹介

こんにちは、monac（もなしー）です。

クラスター株式会社で、マーケティングをやっています。
皆さんによりclusterを楽しんでいただけるよう、SNS等での施策を考える人です。

![スクリーンショット (877).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2959905/737a73be-057c-5f13-fe45-5d3710c5287d.png)


# 皆さんYouTube好きですか？

さて、突然ですが、皆さんYouTubeは好きですか？
私monacは、YouTube動画が大好き！
暇さえあればゲーム実況や雑談を見ています。

そんな動画好きが功を奏したのかｗ
先日22/11/25アバターの日イベントで、YouTube動画デビューを果たしました！

<iframe width="560" height="315" src="https://www.youtube.com/embed/Tb9860FKZ5k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/GRJYSIwNhw4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

※イベントのワールド移動中に放映されたCM動画です


# 撮影にはこだわりをつめました！

内容としては、YouTubeチャンネル登録を促す短い動画。
### 私のアバター、一番可愛く見せたい！！！
と意気込んでつくりました！ｗ
今日は個人的なこだわりポイントをご紹介しようと思います！


# まずは使ったものの紹介

ガジェットに超疎いmonac。
アバターで動画を撮るなど、ちんぷんかんぷんです。
社内のスタジオチームに相談して、下記を用意してもらいました。

+ 機材
	+ windowsのパソコン
	+ 録音マイク
	+ VR機器
+ ツール
	+ [OBS Studio](https://obsproject.com/ja/download)
		+ 配信、録画に使うソフトです
	+ [VirtualMotionCapture](https://vmc.info/)
		+ アバターを動かすソフトです
    + [Adobe Premiere Pro](https://www.adobe.com/jp/products/premiere.html)
        + 動画編集のソフトです
+ その他素材
	+ アバターのVRM
	+ 簡単な絵コンテ
	+ セリフカンペ

VirtualMotionCaptureでアバターを映して、
それをOBS Studioで録画する、というやり方をしました。


# monacが特に気を付けたポイント

撮影では、私本人が
### VR装着＋動く＋喋る
で撮影をしていきました。
特に気を付けたポイントは下記です。


### ポイント①：常にカメラ目線を意識すべし！
一番気を使ったのはカメラ目線です。
動画では、画面の向こうの人に話かけている感を出したかったからです。

これが意外と難しく、動いていると少しずつ位置がずれてきてしまうのです。

https://twitter.com/monac_12345/status/1602466775740067840?s=20&t=eoFo7OawTRXj_Wbxz_ZxVg

なので、実際の撮影では、カメラ目線になる位置に物理で印を付けましたｗ
どんなに動いても、絶対に印の位置に体ごと向けられるようにしました！


### ポイント②：オーバーリアクションすべし！
自分が思う２倍は大きいアクションをとるようにしました。
そうしないと、アバターの動きが小さく見えてしまい、何をしているか分かりにくいからです。

そのため、ダンスをしている動画は、実は結構ハードに動いていますｗ
運動不足には辛い・・！ｗ

https://twitter.com/monac_12345/status/1602466822540099585?s=20&t=eoFo7OawTRXj_Wbxz_ZxVg


### ポイント③：セリフと動きを体に叩き込むべし！
カメラ目線、リアクション、セリフ・・と一度に沢山の動きをします。
頭で考えている時間は、とてもありません！
（考え出すと、どこがが疎かになりますｗ）

同じシーンを3-40回以上練習して、撮影に挑みました！ｗ

https://twitter.com/monac_12345/status/1602466876642439169?s=20&t=eoFo7OawTRXj_Wbxz_ZxVg


# 撮影ができたらあとは編集！

撮影が終わったら、Adobe Premiere Proで編集です。
テロップとBGMを付けたら完成です。
BGMやSEは、フリー素材が沢山あるので、どれにしようか迷いました・・！

![スクリーンショット (879).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2959905/472777dd-46a3-e04e-6a24-75e521ff3047.png)
![スクリーンショット (876).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2959905/2957e2cf-3a80-6f4e-579f-3c4a34d50ccc.png)


# 最後に

初めてのCM撮影、とっても楽しかった！！
monacアバターをもっと可愛く映すには・・・！とだんだん欲が出てきて、クリエイティブな気持ちになれたのもとても良かったです！

皆さんもぜひ、アバターを使った動画撮影、配信にチャレンジしてもらえたら嬉しいです！

### そして一番大事なことを最後に！！ｗ
### まだの方はぜひ、cluster公式YouTubeのチャンネル登録とグットボタンを、ぽちっとよろしくお願いします！
### ↓↓↓　ここから　↓↓↓

https://t.co/h5hXrGVE8d

最後までお読みいただき、ありがとうございました～！ばいばーいヾ(*´∀｀*)ﾉ

monac
https://twitter.com/monac_12345