Model display (4_R1)

(Updated 2020/06/03)

The contents described here are "Live2D Cubism 4 AE Plugin R1'' It will be a commentary on.

Directly on Adobe After Effects Cubism We will explain how to display the model of.


Display model


" Cubism Install AE plug-in.

  1. Download the installer.
  2. Cubism Install the AE plug-in.


[STEP 2] Cubism Export model data in modeling view

Export target model data (.moc3).
For more information" Built-in data "please look at.


[STEP 3] After Effects Cubism Load model

Move to After Effects.
Cubism There are two ways to load a model.

① How to import from the Project panel
Create a new composition.
(Project panel-> right click-> create new composition)

Without creating a new composition, Cubism When you load model
A composition is created with the canvas size of the model.


Cubism Load the model.
Project panel ⇒ right click ⇒ import ⇒ Import Live2D Cubism Model


I just wrote [model3.json] file Select to load it into the Project panel.


When the [model3.json] file is read, the [cae] file is generated in the Project panel.

What is a [cae] file? Cubism This is a management file that allows you to handle your model file on After Effects.


② How to load by drag & drop
Drag and drop the [model3.json] file you just exported to the Project panel.


When the [model3.json] file is read, the [cae] file is generated in the Project panel.

If you undo immediately after the above state, the [cae] file will be restored to its pre-conversion state, so let's load the [cae] file again by replacing the footage from the right click.
(It is generated in the folder with [model3.json] file)


[STEP 4] On the composition panel Cubism Display the model

Drag and drop the [cae] file to the timeline panel.

Select the imported layer in the timeline and select [Live2D Cubism Click Renderer.
Menu effects ⇒ Live2D ⇒ Live2D Cubism Renderer


In the After Effects composition panel as shown below Cubism The model is displayed.



Notes on reading model3.json file

Effects such as [Lip Sync] and [Blink] cannot be reproduced in After Effects.
Check [Burn Lip Sync and Blink into Motion] when exporting motion data.



Use environment configuration script

The current plug-in has the following problems.

  • Model not drawn outside of layer after applying effects

In order to avoid the above problems, we recommend using scripts for environment configuration.

The script for environment construction executes multiple effects in the following procedure.

  1. Execute the "Extend Range" effect to compensate for the drawing range.
  2. Execution of AE plug-in effects.


How to apply environment configuration script

[cae] Drag and drop the file to the timeline panel.


Apply the environment construction script with the target layer selected as shown above.
File menu ス ク リ プ ト Script app apply_Live2D_fx.jsx


When the script is applied, the [Expand Range] effect is automatically created.


Basically, it is recommended that you apply this environment setup script before starting work.


© 2010 --2022 Live2D Inc.