Amazonで商品を見るセール会場へ

【Live2D】土日でバーチャルYouTuber(Vtuber)を作成する方法 [FaceRig]

eyecatch-live2d-make-vtuber

こちらのCGメソッドの記事では、2018年8月18日・19日の土日を使ってバーチャルYouTuberを制作した記録を紹介します。

この土日でバ美肉する!!

— ねこ@VTuber (@cg_method) 2018年8月18日
目次

なぜ土日でバーチャルYouTuber(Vtuber)を作成したのか?

  • Live2DとFaceRigのノウハウを生かしたい
  • 限られた期間内で、バーチャルYouTuberのモデリングから動画投稿まで一人で完結させる挑戦

サブの目的としては以下の通りです。

  • クリスタ(CLIP STUDIO PAINT)の操作を体験する
  • イラスト制作の手順を確認する
  • Live2D Cubism 3の機能を検証する
  • 恋声によるボイスチェンジを検証する
  • Twitterのフォロワーを増やすきっかけを作る

上記の目的を兼ねています。

短期間で実際に動くバーチャルYouTuberの環境を構築することを目指しました。

バーチャルYouTuber(Vtuber)を作るための計画

土曜日:イラスト制作+Live2D用に素材分け 日曜日:Live2Dモデリング+FaceRigセットアップ+簡単な動画制作 まで行く予定。Live2Dも3.0をはじめて使います! ブログ投稿やYoutubeへの投稿は間にたぶん合わないけど、ここまではなんとかやり遂げたい!

— ねこ@VTuber (@cg_method) 2018年8月18日
  • 普段イラストを描き慣れていないため、作画に工数の大半を配分しました。
  • Live2D Cubism 3は未経験でしたが、Cubism 2の検証経験があり基本フローは共通しているため、モデリング作業は約6時間と見積もりました。
  • 音声変換と動画投稿の作業は約2時間と見積もりました。

バーチャルYouTuber(Vtuber)を作った実際の進行

  • 初日のイラスト制作自体は順調でしたが、クリスタからPhotoshopへデータを移した際に塗りの粗さが目立ち修正に2時間ほど超過しました。
  • 2日目は素材分けの調整です。Live2Dでの可動を見越して分けたものの、横髪・後頭部の髪・首まわりなどで加筆修正が必要になり1時間ほど超過しました。
  • 恋声の声質が決まらず、ピッチとフォルマントの微調整を繰り返したことで予定より1時間超過しました。
  • 動画編集時のレンダリングエラー対応にも追われ、さらに30分超過しました。

結果として2日間(土日)の想定時間内には収まらず、初日に2時間、2日目に2.5時間の超過となりました。

すべての工程を丁寧に仕上げるなら、最低でも3日は確保すべきでした。

バーチャルYouTuber(Vtuber)のキャラクターデザインについて

  • 事前の段階では名前の語感のみ決めていました。「すいみん」▶「睡眠」▶「睡井眠子(ねむいねこ)」という連想です。
  • ブログのトーンに合わせたデザイン方針▶ボーイッシュな雰囲気のイラストレーション
  • サイトカラーの反映▶ブラック・グレー・グリーンを採用
  • 名前に合わせた眠たげな二重まぶた
  • 衣装はブログ宣伝用のTシャツ
  • 猫をモチーフにした要素は構想にあったものの、追加パーツとして後から盛り込む方針に変更
  • 制限時間内に確実に描き切れるパーツ量に調整

バーチャルYouTuber(Vtuber)のイラストの仕様

まずはLive2D公式のサンプルPSDをダウンロードして、制作するキャンバス解像度を決定しました。

  • 構図はウエストショット(上半身)に収める
  • 解像度は2048×3072(72dpi)

テクスチャアトラスは2048×2048pxを複数枚使用する高精細な設定を想定していたため、原画も大きめのサイズで作成しました。

バーチャルYouTuber(Vtuber)のイラスト制作(1日目)

イラストのシルエット

全体のイメージを固めるために描かれたイラストのシルエット。
まずシルエットを決めました。Photoshopでざっくり描いてイメージを固める。 ボーイッシュだからショートヘア、ただ揺れものもいれたいので前髪は長めのイメージです

イラストの線画

シルエットをもとに描かれたイラストの線画。
クリップスタジオ(EXの体験版)をインストール
クリップスタジオのインストール画面。

クリスタをインストール!初めて使うけど Photoshopとだいたい一緒だと信じてる。

— ねこ@VTuber (@cg_method) 2018年8月18日

初めて使用しましたが、基本操作はPhotoshopとほぼ同様でした。

普段描き慣れていないため、ツールの性能に関わらずきれいな線を引くには苦戦しました。

また、描画中に移動ツールやブラシ切り替えのショートカットキーがPhotoshopと異なり、作業効率が落ちる要因になりました。

初期段階でショートカット設定を揃えておくべきでした。

(ファイル>ショートカット設定から割り当てを変更できます)

クリスタ、ブラシはいいけど Photoshopと一部ショートカット違うので、操作に苦戦

— ねこ@VTuber (@cg_method) 2018年8月18日

イラストの塗り

クリップスタジオで線画から塗り分けまで作業を進めたイラスト。
線画でできて、塗り分けまでクリスタで作業 ただもっとバランス調整したくなったことと、予定以上に時間がかかったのでここでPhotoshopに切り替えました

線をクリーンナップ。ちょっと問題発生。クリスタのデータをフォトショで開くと線の見え方違う気がするしベタ塗りも残しが多い。ソフトの検証はここまでにして、時間無いから慣れているフォトショで仕上げる。

— ねこ@VTuber (@cg_method) 2018年8月18日
ここでコンバートからの差異が発生!クリスタで綺麗に塗りまでやりたかったのですが、時間が押していたので断念。 Live2Dの素材分けの修正はどうしてもPhotoshopで行いたかった(PSDとスクリプトの関係)という理由もありました。
クリスタから移行後にクリーンナップ作業を行ったイラスト。
クリーンナップでだいぶ時間を使いました

イラストの仕上げ

アニメ風の影やグラデーションを入れて仕上げたイラスト。
仕上げもシンプルな構成です 1号影をアニメ風にいれて、瞳と髪と胸はぼかし気味のブラシでグラデーションを入れただけです。 全体的にモノトーン過ぎたので、髪に緑のグラデも追加しています。

イラストのLive2D用に素材分け

Live2D用にパーツを切り分けて配置した素材分けの画像。
本当はあまり見せたくないのですが、いろいろ汚いです。時間内で終わるように最小限で調整しています。 耳とか髪の毛とか…もっと時間かけて綺麗に分けたかったです。 腕なども分けたかったのですが、初日の予定時間をオーバーしていたので断念。 ただ腕は今後は追加したいのでそのときに。 https://twitter.com/MIN0124_/status/1031080046004330496 まとめのツイート

バーチャルYouTuber(Vtuber)のためのLive2D制作(2日目)

今日はLive2D Cubism3でモデリングしていきます。早速ライセンス購入。単月で使いたい人は「自動更新」なので要注意! 購入履歴から更新停止ボタンを押さない限り支払いが続きます。

— ねこ@VTuber (@cg_method) 2018年8月19日
一新されたLive2D Cubism3の操作画面。
2からUIが一新されています。

Live2D Cubism3、軽い!ちょっと直感的にわかりにくいアイコンもある。 やることは根本的に変わらないから、テンプレートでざっくりあわせて、あとはひたすら微調整するだけ。新機能試したいけど、今回は時間無いなぁ。

— ねこ@VTuber (@cg_method) 2018年8月19日

UIだけでなく描画エンジンも刷新されており、軽快に動作しました。

グルー機能などの新機能までは検証しきれなかったものの、全体的な作業性が向上しています。

Live2D Cubism3の良いところ① メッシュ編集モードで頂点を動かしてもテクスチャが歪まない!ちゃんとUVの頂点動かせてる!これ2だと動かすと歪むからちまちま打ち直していた。これがストレスでそれに関する記事を昔書いたことがあります。

— ねこ@VTuber (@cg_method) 2018年8月19日

Live2D Cubism3の良いところ② デフォルトの絵やパラメーターが最初からロックされているところ。これで原画に忠実なはずなので安心できる。ただそれでもズレている部分を見つけたので調査が必要。解除してないのになぁ。

— ねこ@VTuber (@cg_method) 2018年8月19日

Live2D Cubism3の良いところ③ 物理演算触ってみたけど、すごい簡単になってる!(ウインドウ開いた時面食らったけど)プリセットも優秀。

— ねこ@VTuber (@cg_method) 2018年8月19日

Live2Dの作業の流れ

無心で目と口の開閉パラメーターつけた。次は顔。四隅の形状を使った後の顔がブサイクすぎてやんなるけど、PCのFaceRigでは見た目30度まで上下左右傾けないから、そこまで頑張らない。

— ねこ@VTuber (@cg_method) 2018年8月19日
  • 作業時間を短縮するため、用意されたテンプレートの位置合わせを慎重に行います。
作業時間短縮のためにテンプレートの位置合わせを行っている画面。
  • 輪郭・口・目などのメッシュを手動で再編集し、細かく割り直します。
輪郭や目、口などのメッシュを手動で細かく割り直した編集画面。
  • クリッピング機能を使用してまばたき(目パチ)を作成します。

  • 手作業で形状を整えて口の開閉を作成します(母音の発音に合わせて口の形状が変化するようパラメータを設定)。

  • 顔の向き(角度X・Y)を設定します(オブジェクトを選択した状態でないと「4隅の形状を自動生成」が実行できない点に注意が必要です)。

目パチや口の開閉、顔の向きなどを設定しているLive2Dの画面。
  • FaceRigの仕様に合わせたパラメータを作成します。

眉毛の上下や髪の揺れパラメータも合わせて設定します。

表情差分としては照れ顔のみ作成しました。

FaceRigの仕様に合わせて作成されたLive2Dのパラメータ一覧。

作成したパラメータ一覧です。

  • すべての設定完了後、テクスチャアトラスを生成(2048×2048pxを2枚)してmoc3ファイルを書き出します。

Live2D+FaceRigの設定

FaceRig側の設定手順は以下の記事にまとめていますので参考にしてください。

FaceRig関連の導入手順は別記事にまとめてあります。

過去に動作検証を行っていたため、モデルの組み込み作業自体は10分程度で完了しました。

一旦書き出してFaceRigへ。超特急だけど、ひどい破綻はなさそう。 いろいろ直したいけど、もう時間がないので動画準備へ#Vtuber準備中 #睡井眠子 pic.twitter.com/iWFR76SuXX — ねこ@VTuber (@cg_method) 2018年8月19日

恋声の設定

マイクを用意し、恋声での音声設定を行いました。

恋声試してみた….うん….あとは撮るだけ。

— ねこ@VTuber (@cg_method) 2018年8月19日

設定の詳細は以下の記事にまとめています。

Premiere Proでの動画制作

FaceRigレンダリング中。。。あとはプレミアでざく切りしてUPします。二日間の一人VTuberジャムなのかな、疲れた><… これからは無理の無い程度に「ねこ」さんにもTwitterを更新していただこうと思ってます!

— ねこ@VTuber (@cg_method) 2018年8月19日

FaceRigからモーション素材を録画・出力します。

背景をグリーンバックで書き出したため、キャラクターの緑髪のグラデーション部分まで透過されてしまうミスが発生しました。

最終調整はPremiere Proで行います。

カット編集と▶テロップ追加を中心に行いました。

レンダリングエラーのトラブルも重なり、動画編集だけで2時間以上を要しました。

はじめまして、バーチャルユーチューバーの睡井 眠子(ねむいねこ)です。 せっかく毛先にに緑のグラデいれたんだけど、グリーンバックのせいで抜けちゃったみたい!残念。#睡井眠子 #Vtuberはじめました#新人Vtuber #バーチャルYouTuber #Vtuber #Vtuber準備中 pic.twitter.com/0kGqx5ZFXc

— ねこ@VTuber (@cg_method) 2018年8月19日

土日でバーチャルYouTuber(Vtuber)を作成する方法 [FaceRig]まとめ

2日間で完成させるという目標を立て、動画投稿まで完走できたことには大きな達成感がありました。

ただし、事前にLive2DやFaceRigの前提知識があった上での結果であり、完全な初心者がゼロから始める場合は数倍の工数を見込む必要があります。

※なお、業務案件として請け負う場合は最低でも2週間の作業期間が必要と感じました。

イラストの品質向上やキャラクターに合わせた多彩な表情付けが必要です。

追加衣装やパーツ差分を想定した丁寧なメッシュ割り、複数回におよぶ動作チェックを考慮すると、それだけの期間が現実的です。

自作してみて、Vtuber制作のハードルの高さを再認識しました。

そのハードルがありながらも、毎日多くの配信者がデビューしている状況には驚かされます。

今後はLive2Dの表現力向上に加え、3Dモデル化の検証も進める予定です。

YouTubeに動画投稿!

翌週の土日(8月25日・26日)にYouTubeアカウントを開設し、動画を公開してデビューしました。

ついにYouTubeアカウント公開&0回の動画も投稿! まだ動画に慣れないので、今回は眼鏡かけてます…(〃●_●〃) よろしければ、是非チャンネル登録してくださいね。https://t.co/PjVfQWyUi3#睡井眠子 #Vtuberはじめました#新人Vtuber #バーチャルYouTuber #Vtuber #Vtuber準備中 #バ美肉

— ねこ@VTuber (@cg_method) 2018年8月25日

FaceRigとLive2Dのより詳細な連携手順については別記事で解説しています。

FaceRig向けLive2Dモデルで設定すべき必須パラメータをまとめました。

モデルのクオリティを高める実践テクニックをまとめました。

FaceRigのアニメーションデータ(.rpl)をLive2Dへ移行する手順を解説しました。

Live2Dのモデル制作に関するノウハウ記事は、他にも多数公開しています。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

VTuberのおすすめ書籍

配信PCの選び方

配信機材の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次