モデルの表示
最終更新： 2023年12月5日
Adobe After Effects 上で直接Cubismのモデルを表示する方法を解説していきます。
モデルの表示
【STEP 1 】 インストール
「Cubism AEプラグイン」をインストールします。
- インストーラをダウンロードします。
- Cubism AEプラグインをインストールします。
TIPS
インストーラでインストールするAfter Effectsのバージョンを選択できます。
【STEP 2 】 Cubism モデリングビューでモデルデータを書き出す
対象のモデルデータ（.moc3）を書き出します。
詳しくは「組み込み用データ」をご覧ください。
【STEP 3 】 After Effects でCubismモデルを読み込む
After Effects に移ります。
Cubismモデルを読み込む方法は2通りあります。
①プロジェクトパネルから読み込む方法
新規コンポジションを作成します。
（プロジェクトパネル → 右クリック → 新規コンポジションを作成）
TIPS
新規コンポジションを作成せずに、次項の「Cubismモデル読み込み」を行うと
モデルのキャンバスサイズでコンポジションが作成される。
Cubismのモデルを読み込みます。
プロジェクトパネル ⇒ 右クリック ⇒ 読み込み ⇒ Import Live2D Cubism Model
先ほど書き出した [ .model3.json ] ファイルを選択しプロジェクトパネルに読込みます。
［.model3.json］ファイルを読み込むとプロジェクトパネルに［.cae］ファイルが生成されます。
TIPS
［.cae］ファイルとは、CubismのモデルファイルをAfter Effects上で扱えるようにするための管理ファイルです。
②ドラッグ＆ドロップで読み込む方法
先ほど書き出した［.model3.json］ファイルをプロジェクトパネルに直接ドラッグ＆ドロップします。
［.model3.json］ファイルを読み込むとプロジェクトパネルに［.cae］ファイルが生成されます。
TIPS
上記の状態の直後にアンドゥを行うと［.cae］ファイルの変換前の状態に戻りますので、右クリックからフッテージの置き換えで再度［cae］ファイルを読み込みましょう。
（［.model3.json］ファイルがあるフォルダに生成されています）
【STEP 4 】 コンポジションパネルにCubismモデルを表示する
［.cae］ファイルをタイムラインパネルにドラッグ＆ドロップします。
タイムラインに読み込まれたレイヤーを選択し、エフェクトから［ Live2D Cubism Renderer ］をクリックします。
メニューのエフェクト → Live2D → Live2D Cubism Renderer
下図のように After EffectsのコンポジションパネルにCubismモデルが表示されました。
.model3.jsonファイル読み込み時の注意点
［リップシンク］や［まばたき］といったエフェクトはAfter Effects上では再現できません。
モーションデータの書き出し時に［リップシンクとまばたきをモーションに焼き込む］にチェックを入れましょう。
注意事項
既存のプロジェクトで「.model3.json」ファイルをドラッグ＆ドロップして追加し、「.model3.json.cae」に変換後、新規プロジェクトや別のプロジェクトで「.model3.json」をドラッグ＆ドロップすると、正常に「.model3.json.cae」への変換が行われないことがあります。
その際は、一度プロジェクトを閉じてから新規プロジェクトを作成してください。
この問題はドラッグ＆ドロップの操作に限定され、メニューの［Import Live2D Cubism Model］からファイルを追加した場合には発生しません。
