PolicyContactうごイラを作ろう、Live2D超入門(後編)前編と後編で書ききるつもりだったのに結局三分割になってしまいました、昔から文書を短くするのが苦手な子猫2000です。前編はこちらで、前回の中編はこちらです。さぁ、前回までで設定したパーツの変形情報を使ってアニメーション化していきましょう。準備がOKならさっそく始めていきましょう。編集モードを切り替えます。前編でチラ見した箇所ですが、覚えているでしょうか?赤枠の箇所でモードを切り替える「Animation」モードを選択してください。Animation」モードではないので注意です。作成したモデルデータを読み込ませるここまでの手順で作成したモデルデータをアニメーション用の「シーン」に読み込ませます。「プロジェクト」タブに存在するモデルデータを「タイムライン」タブまで、ドラッグドロップしてください。Sキー)してください。アニメーション部分のファイル拡張子は「.can3」です。今回使用したイラストは縦長ですが、現在の表示だとイラストの比率と合っていないようです。元絵と同じ比率にする必要はありませんが、今回は同じ比率にしてみましょう。4000px」となっており比率は「3:4」です。それに合わせた比率にキャンバスサイズを変更します。シーンを左クリックすると、「インスペクタ」タブに詳細情報が表示されますので、そこからキャンバスサイズを変更してください。800」に変更したので、モデルサイズも同様の大きさに変更します。共に20%を入力します。Sキー)しておきましょう。パラメータ」を展開してください。開閉」などの前回までの手順で設定したパラメータが表示されていると思います。この数値のバーをマウスで動かしてみると、右側のグラフに小さな点が打たれたことに気づくと思います。これが「キーフレーム」です。パラメータの数値を弄ると右側のグラフにキーフレーム(小さな点)が打たれるひとまず、左右両方の目について、「0:00」時点で開いた状態となるよう「1.0」でキーフレームを打ってみてください。その後、「0:10」時点で閉じた状態となるよう「0.0」でキーフレームを打ってみてください。「0:00」で目を開いた状態、「0:10」で目を閉じた状態になるようキーフレームを打つ準備ができたら再生ボタンを押してみましょう。なりましたか?..................設定したのは「完全に目を開いた状態」と「完全に目を閉じた状態」だけでしたが、目を閉じる途中のアニメーションも補完されたかと思います。これがLive2Dの強みです。この自動補完機能があるおかげで、手書きで全てのコマを描くよりも遥かに楽にアニメーションを作成できます。瞬きさせてみるそれでは実際に瞬きさせてみましょう。先ほどの間隔で目を閉じると瞬きとしてはちょっと遅過ぎる気がするので、より間隔を狭めてみましょう。目を閉じた後に、目を開ける動作が欲しいので、そちらのキーフレームも追加しましょう。不要になったキーフレームは左クリックで選択後、「Deleteキー」を押すことで削除できます。先ほどの目を閉じるキーフレームは削除しましょう。下図のようにキーフレームを打ったら、再度動かしてみましょう。「全開⇒全閉じ⇒全開」を3分の1秒で行います。先ほどより短い間隔で、瞬きさせるさて、再生ボタンを押して眺めていると自動で繰り返し再生されていますが、途中でイラストが非表示になっていることに気づいたと思います。このアニメーションファイルとしての再生時間はオレンジ色のバーの長さなのですが、モデルファイルの表示時間である薄紫色のバーの長さがそれよりも短い事が原因です。今回は3秒に1回瞬きさせてみましょう。いうことで、オレンジ色のバーの右端をドラッグドロップして、長さを「3:0」までに縮めてください。同様に薄紫色のバーをドラッグドロップして、長さを「3:0」まで伸ばしてください。オレンジ色のバーの右にある灰色のエリアも「3:0」から開始するよう変更してください。グラフ上のバーを動かして再生時間を変更するまた再生してみて思った通りの動きになっていれば、これで完成です。ファイル保存後に、gif動画として出力してみましょう。gif動画として出力する画面上部のメニューから「ファイル」⇒「画像/動画書き出し」⇒「GIFアニメ」の手順でgif動画として出力します。こんな感じのウィンドウが開くはずなので、特にこだわりが無ければそのまま「OK」ボタンを押して出力します。再生時間が長かったり、サイズが大きかったり、fps(1秒間に何枚の絵を表示するかの値)が大きかったりすると、ファイルサイズが大きくなります。投稿先のSNSなどによって許容されるファイルサイズに違いがあるので、大きすぎたら上記のどれかを小さくして再出力してください。そんなこんなで完成したgifがこちらになります。今回は再生時間3秒、サイズ600*800、16fpsだったためファイルサイズは166KBで収まりました。完成したgif画像というわけで、これにて終了です。無事にユウリちゃんが瞬きしてくれました。可愛い//ちょっと最初の想定よりも長い記事になってしまいましたが、「Live2Dってそんなに難しくないな、私も動かしてみようかな」ってお絵描き民が増えれば幸いです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。子猫2000趣味に生きるIT系社畜猫。エルフに転生することを夢見ているが、目処はたっていない模様。