Live2Dで作った作品をAdobe after effects上で動かす方法を説明します。
Adobe After Effectsという動画編集で有名なソフト上でlive2dモデルを動かして動画にできます。
この記事を読むと・Live2Dモデルをafter effectsで動かす方法がわかります。
・after effectsでしか表現できない映像を作りたい人
Live2dをAfter effectsで使うやり方
After effectsやphotoshopといった22種類のadobeソフトを使えるadobe ccはアドバンスクール
かデジハリから安く手に入ります。
After effectsでlive2dモデルを使う方法
最初にadobe ccからafter effectsをインストールしておきます。
live2d公式からプラグインをダウンロードする
画像引用：https://www.live2d.com/cubism/download/ae-plugin/
次にlive2d公式サイトからafter effectsプラグインをダウンロードします。
注意点としてafter effectsプラグインはlive2dpro版でしか使えません、使いたい場合live2dクーポン
等を使って入手してください。
ダウンロードしたら上の実行ファイルがあるのでこれを起動します。
次へを押します。
同意するを押します。
After Effectsがあるなら画面上にインストール先が表示されるのでインストールします。
After Effectsの使い方
after effectsを起動し新規プロジェクトをクリックします。
するとこのような画面になります。
- プロジェクトパネル：ここに動画や画像といった素材を配置します。
- コンポジションパネル：タイムライン上パネルでの結果がここに表示されます。
- タイムラインパネル：ここで動きを作ります。
- プレビューパネル：作った動きを確認できます。
- エフェクトパネル：エフェクトといったプリセットを使えます。
プロジェクトパネルに画像、音楽といった素材をドラッグアンドドロップし、それを使って動画を作る流れです。
live2dモデルをafter effectsに読み込む
live2dモデルのjsonファイルをプロジェクトパネルにドラッグアンドドロップします。
モデルの書き出し方法はこちらを参照してください。
するとcaeファイルが形成されるので、これが表示されればOKです。
caeが表示されない場合
ソフトのバージョンによって不具合が表示されるので書き出しのバージョンをSDK4.0にすると上手くいきます。
タイムライン上のcaeファイルをクリックし、エフェクト→Live2D→Live2D Cubism Rendererをクリックします。
するとLive2Dモデルが表示されます。
Live2D EffectControlを表示する
次にエフェクト→Live2D Cubism Renderer→EffectControlのOpenをクリックします。
するとLive2D上のパラメータが表示されるのでLive2Dと同じように動きを作ることができます。
After Effectsで動きをキーフレームに登録する
まったくadobe after effectsを使ったことがない人でもとりあえずこのやり方だけ覚えれば問題なく使えるとおもいます。
タイムライン上で0フレーム目にカーソルを置き、角度Z横に時計マークをクリックします。
これで0フレーム目にキーフレームが表示されますのでここに動きを記録します。
タイムラインを2sの位置に動かしコントローラーから角度Zを30の位置にしてみます。
するとlive2dモデルの動きを記録できます。
live2dで作ったモーションを読み込む方法
Live2D上で作ったモーションをインポートすることができます。
MotionからImportを選びモーションを選択します。
するとモーションが読み込まれるのですでにlive2d上で作った動きを簡単にafter effects上で再現できます。
データ保存のやり方
ファイルから保存を選べばOKです。
After effectsの基本的な作り方は以上になります、もっと本格的な動きを学びたい場合、書籍かアドバンスクールもしくはデジハリ等オンラインレッスンを利用するとよいです。
まとめ
- after effectsをインストールする
- live2dモデルをsdk4.0で書き出し、after effectsに読み込ませる
