19-22. Live2Dでゆるキャラにまばたきと口パクをつける

やること

Live2Dを使って、海津市のマスコットキャラクター「かいづっち」を動かします。今回初めてLie2Dを使うので細かいことはよく分かりませんが、とにかく口パクとまばたきだけ頑張ります。

まずは、かいづっちのPhotoshopデータを用意します。かいづっちの画像をPhotoshopで開き、動かしたい部分を切り取ってレイヤー分けしていきます。足りないものは新規作成します。今回は、眉、目、口を動かすために次のようにレイヤー分けしました。

PhotoshopデータをLive2D Cubism Editorに読み込み、眉、目、口にメッシュとパラメータを設定します。公式のチュートリアルがとても分かりやすいので、言われるままに真似して設定していきます。

「モデリング」＞「パラメータ」＞「まばたき・リップシンク設定」を開きます。「左目_開閉」と「右目_開閉」は「まばたき」にチェック、「口_変形」と「口_開閉」は「リップシンク」にチェックを入れます。

設定が終わったら保存して、モデル作りは完了です。

Live2D Cubism Editorで新しいファイルを作成し、「アニメーション」モードに切り替え、「タイムライン」ウィンドウにLive2Dのモデルデータをドロップします。Live2Dのファイルには、モデルファイル（.cmo3）とアニメーションファイル（.can3）があるようです。

「アニメーションのターゲットバージョン選択」ウィンドウでは、今回は「Video」を選択しました。

予め音声のwavファイルを作っておきます。今回はこちらのサイトを使用して、ずんだもんの声（あまあま）でかいづっちの自己紹介音声を作成しました。

まず、wavファイルを「タイムライン」ウィンドウにドロップします。
次に、「アニメーション」＞「シーン」＞「音声ファイルから自動的にシーンを生成」を選択し、現れたウィンドウのOKボタンを押します。
以上で、音声に合わせた口パクのアニメーションが自動で作成されます。

「タイムライン」ウィンドウの「まばたき」にキーフレームを挿入し、1ループ分のまばたきアニメーションを作成します。これをタイムライン上にコピペしてもOKですが、テンプレートとして登録すると便利です。

まばたきさせたい位置にカーソルを合わせ、テンプレートの「まばたき」を選択、を繰り返して適当な間隔でまばたきを配置したら完成です。

かいづっちに口パクとまばたきを付けることができました。音声から自動で口パクアニメーションを作ってくれる機能は素晴らしいです！公式のチュートリアル動画とマニュアルが充実しているので動かすこと自体は割と簡単でしたが、”かわいく”動かすというのはなかなか難しいですね。