Live2Dも作れるイラストレーター、さらえみ(@saraemiii)です。
このLive2Dモデル紹介映像↑を作成するのに、カメラに連動した高画質なモデルのモーション映像を出力してAdobe After Effectsで編集しました。
![](https://saraemi.com/wp-content/uploads/2024/03/cropped-NEW_icon-300x300.png)
ひょっとしたらOBS使う等でもっと簡単にこんな映像作れる方法があるかもしれません。
この記事が何かの手がかりになれば幸いです~
普通に録画すると画質が荒い!かといって手付けは手間がかかる!
Live2Dで作ったVTuberモデルをトラッキングソフトで録画することはできるのですが、とても画質が荒くなります。
とはいえ、モーションを手作業でつけるのはめちゃくちゃ時間かかりますし、Live2D上ではカメラと連動させることは不可能です。
初心者にはややこしいかもしれませんが、Live2Dに慣れた人なら簡単に反映させられます。
1.VTubeStudioでモーションを録画
完成済みのVTuberモデルで、トラッキングソフトで使える状態にしています。
![](https://saraemi.com/wp-content/uploads/2022/07/2110_live2d_tutorial-500x281.png)
今回は他のトラッキングソフトでは方法が見つからなかったのでVTubeStudioを利用します。
VTubeStudioの基本的な使い方は↓こちらを参考にしてください。
![](https://saraemi.com/wp-content/uploads/2020/11/2109_vtubestudio-500x263.webp)
![](https://saraemi.com/wp-content/uploads/2022/07/motion_03.png)
VTubeStudioを開いてメニューから設定をクリック。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_00.png)
左上に出現する「カメラトラッキング設定」をクリックし一番下の項目を使います。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_01.png)
「アニメーションデータを記録する」項目にて録画したい秒数を指定(↑ソフト内では録音する長さとはありますが…)して「開始」を押すと、指定した秒数分の録画が開始されます。
2.「○○.motion3.json」ファイルを書き出す
録画が終わったら下のような画面になります。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_05.png)
この画面で色々調整もできますが、このまま上部でファイル名を入力してOKを押すと「入力したファイル名.motion3.json」が出力されます。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_06.png)
出力先はモデルフォルダなので……VTubeStudioからフォルダを開くには
![](https://saraemi.com/wp-content/uploads/2022/07/motion_04.png)
メニューから「アバターモデル選択」アイコンをクリックします。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_09.png)
モデル選択画面が出てくるので「自分のモデルをインポート」をクリック。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_07.png)
警告画面が出るので「フォルダを開く」を選択します。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_08.png)
するとVTubeStudioに入っているモデルのフォルダが並んでいるので、今回出力したモデルのフォルダに行くと「入力したファイル名.motion3.json」が見つかります。
3.Adobe After Effectsで「○○.motion3.json」を読み込ませる
ここからはAdobe After Effectsを使います。
取り込み方は↓こちらの記事にまとめていますので参考にしてください。
![](https://saraemi.com/wp-content/uploads/2021/09/2109_live2d_ae-1-500x281.png)
Adobe After EffectsにLive2Dモデルを読み込めたらエフェクトコントロールウィンドウにある「Live2D Cubism Renderer」を操作します。
「Live2D Cubism Renderer」が見つからない場合は、読み込んだモデルにLive2D処理がかかってない可能性があります。
タイムラインの「○○.model3.json.cae」を選択したまま、メニューの「エフェクト」→「Live2D」→「Live2D Cubism Renderer」でLive2D処理を適用させてください。
![](https://saraemi.com/wp-content/uploads/2022/07/motion_10.png)
エフェクトコントロールウィンドウの「Live2D Cubism Renderer」にて「Import」をクリック。
ファイル指定ができるので、先程VTubeStudioで出力した「○○.motion3.json」を選択します。
さらに読み込んだモーションからAdobe After Effects上の「Cubism Controller」を使って動きを編集することも可能です。
ちなみに…After Effectsで作った動きを「○○.motion3.json」に書き出す
逆にAdobe After Effectsで作ったLive2Dの動きを「○○.motion3.json」ファイルに書き出すこともできます。
Adobe After EffectsでLive2Dモデルを動かす方法も↓こちらの記事を参考にしてください。
Live2Dと同じパラメーターが表示され、動かすことができます。
![](https://saraemi.com/wp-content/uploads/2021/09/2109_live2d_ae-1-500x281.png)
![](https://saraemi.com/wp-content/uploads/2022/07/motion_12.png)
Adobe After Effectsで動きを付けたら、エフェクトコントロールウィンドウの「Live2D Cubism Renderer」にて「Export」をクリックします。
すると保存できるようになり「入力したファイル名.motion3.json」が出力できます。
参考になった公式マニュアルはこちら
やり方をいろいろ調べてここに辿り着き、とても助かりました!
![](https://saraemi.com/wp-content/uploads/2024/03/cropped-NEW_icon-300x300.png)
Live2Dどんどん便利になっていてうれしいです~!