17
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

オリジナルアバターを作ってオンラインミーティングに参加しよう!

Last updated at Posted at 2020-04-21

はじめに

コロナウイルスの影響もありオンライン授業やオンライン会議が急速に普及しています。
今回はこの時期大活躍のZoomに自分が作ったオリジナルアバターで参加してみよう!というものです。

追記

この記事を書いたときはZoomで出来たのですが、Zoomセキュリティ上の関係?でアップデートするとCamTwistが使えず、出来なくなってしまいました。Google meetsなどでは使えます。
再アップデートで使えるようになりました (2020/05/10追記)

参考サイト

最終的にできるもの

自分のアバターでZoomに参加する
こんな感じ↓

Screen Shot 2020-04-07 at 17.57.11.png

実際に作ってみよう

※筆者のPC(macOS Catalina)はデフォルト言語が英語なので諸々英語表示になっています。

完成までの流れ

アバター作り → アバターと自分の動きを連動 → Zoomに表示
アバター作りの部分が一番大変です。

環境構築

インストールするもの

  • VRoid Studio: アバターを作る
  • 3tene: バーチャルYouTuber(VTuber)向けPCアプリ
  • CamTwist

それぞれ以下の公式サイトからインストール。

Step1: VRoidでアバター作り

自分でアバターに髪の毛を生やしたり服の柄を描いて着せることもできますが、今回は素材をダウンロードしてくる方法を紹介します。

  • Void Stdioを起動し、Your Avatars(あなたのモデル) > New Avatar(新規作成)を選択
    • VRoidの表示がおかしい人は全画面表示にしたり、ピンチイン・ピンチアウトしたりしてみてください。下の画像のようになっていれば問題ないです。
  • モデルタイプは作りたいアバターの性別を選択すると、下のようにとりあえずアバターが表示されます。
    Screen Shot 2020-04-07 at 15.33.55.png

素材のダウンロード

  • boothというサイトからダウンロードします。
  • この他にも上の検索欄から「VRoid 衣装」や「VRoid ヘアプリセット」と検索すればたくさん出てくるので好みの服をダウンロードしてください。このとき、下に書いてある説明が後で必要になるのでこのページは閉じないでおいた方が良いです。
  • 私はこれにしました↓Screen Shot 2020-04-07 at 15.46.56.pngScreen Shot 2020-04-07 at 16.13.46.png

髪の毛の色は後で変えられるので、好きな髪型を選びましょう。

服を着せる

  • VRoid Studoに戻り、上のClothing Editorタブを選択

  • 左側のDesignタブでPresetを選びます。これは各自選んだ服の説明に従ってください。私の場合は「プリセットの衣装「ワンピース」にインポートしてご使用ください。」と書いてあるので、ワンピースを選択します。ex1.png
    Screen Shot 2020-04-07 at 15.50.32.png

  • Desgnタブの隣のTextureタブを選択

  • LayersのLayerを右クリック > Importを選択し、先ほどダウンロードした素材を選択します。Screen Shot 2020-04-07 at 16.03.23.png
    Screen Shot 2020-04-07 at 16.06.13.png
    着れました!
    ただこれだと元々着ていたワンピースが下から見えてしまっているのでそれを消します。

  • LayersのDefault Imageを右クリック > Removeを選択

Screen Shot 2020-04-07 at 16.09.40.png
これでよし!

髪の毛をセットする

服の時とは違い、ヘアプリセットはダウンロードしたフォルダを解凍・移動しないといけません。
先ほどダウンロードしたページに使い方が書いてあります。
Screen Shot 2020-04-07 at 16.19.14.png

ここの操作は素材によって違う場合もあるので、自分がダウンロードしたページの説明をよく読んでください。以下は上の素材を使った場合の操作です。

基本的に書いてある通りですが、

  • まずダウンロードしたフォルダを解凍
  • 解凍したファイルを移動。ディレクトリが隠しファイルになっていたりするのでドラッグ&ドロップではなくてターミナルでコマンド打つ必要があります。
    • コマンドは
      mv (現在のディレクトリ) (移動後のディレクトリ)
    • 私の場合はDownloadsディレクトリにダウンロードしたので
      mv ~/Downloads/preset4 /Users/<ユーザ名>/Library/Application Support/com.Company.ProductName/hair_presetsになります。
  • VRoid Studioを開く
  • Hair Editor > プリセット4を選択し、プリセットから読み込みで使えるようになります。

この時もしプリセットが表示されなかったらVRoid Studioを再起動してください。このとき、再起動前にアバターを保存するのを忘れないようにしてください!!!

Screen Shot 2020-04-07 at 16.56.58.png

無事に髪が生えました!

でも、このままの髪色だととてもこの服に似合わないので、髪色を変えます。

  • Design > Hair Groups > Add Freehand Groupを色々いじって好みの髪色にしてください。2本指で動かすと視点の角度を変えられます。
    Screen Shot 2020-04-07 at 17.03.13.png
    Screen Shot 2020-04-07 at 17.04.34.png
    いい感じの髪色になりました!

完成・保存

せっかく作ったのだからアバターちゃんが動いている姿を見たいですよね。

  • Camera / ExpoterタブでPose & Animationを選択
  • 右側のAnimationで適当に動きを選択してみてください。なんか走ったりジャンプしたりポーズしたりしてくれます!

Screen Shot 2020-04-07 at 17.09.10.png

  • 左側のタブでFace Exxpressionを選択すると表情を変更できたり、Windを選択すると風を吹かせたりできます。
    他にも色々あるので遊んでみてください。
  • Trackpadでの基本的な操作は
    • 2本指スクロールでピンチイン/ピンチアウト
    • 2本指で押しながら動かして視点変更
    • Shiftキーを押しながら1本指スクロールで高さ調整 などです

その他の調整

他にも色々調整できます。

  • アバターのスタイルが気に入らない場合はBody EditorタブのDesignで身長・脚の長さなど変更
  • 肌の色を変えたいときは同タブのTextureを変更
  • 顔を変えたい場合はFace Editorタブで諸々変更

などなど。満足いくまで遊んで理想のアバターを作ってください!

保存

この後このアバターを3teneというアプリで動かすことになるのですが、そこにアバターを表示させるために .vrm 形式で保存する必要があります。
普通にFileタブから保存しただけだと .vroid の拡張子でしか保存されないので注意してください。

  • Camera / Expporterタブ > Export から右側のExportを選択
  • 保存場所はDesktopにしておくと分かりやすいです。Screen Shot 2020-04-07 at 17.24.25.png

これでようやくアバターが完成しました!VRoid STudioは閉じてしまって大丈夫です。

Step2: アバターと自分の動きを連動させる

3teneというVTuberを目指す人のためのアプリを使います。

  • 環境構築でインストールしておいた3teneのアプリを開く
  • 左の上から4つ目のメニュー"新規アバターの登録"から+をクリックし、先ほど保存した.vrm ファイルを選択します。
  • すると下のように現れました!

Screen Shot 2020-04-07 at 17.33.07.png

  • 右のメニューの上にあるフェーストラッキングとリップシンクをOnにして下さい。

  • 自分と同じ動きをするようになります
    Screen Shot 2020-04-07 at 17.42.57.png
    そろそろ自分のアバターに愛着湧いてきましたよね?可愛い!!!

  • カメラが立ち上がらない場合

    • 下のように アバター調整 > 設定 > ウェブカメラ をFaceTimeに設定してください。

Untitled.png

モバイルの場合は3teneの代わりにREALITYと言うアプリを使えばできるみたいなので、興味のある人は調べてみてください。

Step3: Zoomに表示する

3teneのアバターの様子をCamTwistで取得し、そのCamTwistの画面をZoomで表示するという仕組みです。

  • 環境構築でインストールしておいたCamTwistのアプリを開く

  • 設定を下の画像のように変更するScreen Shot 2020-04-07 at 17.52.30.png

  • 3teneとCamTwistを起動したままZoomを開く

  • 設定を開き、Videoタブを選択、CameraでCamTwistを選択します。Screen Shot 2020-04-07 at 17.56.32.png
    Screen Shot 2020-04-07 at 17.57.11.png
    出来ました!
    ちゃんと自分と同じ動きをしているはずです。楽しいですね。

終わりに

これでZoomミーティングも少し楽しくなるはずです。自分の姿を映さなくていいというのは気が楽ですよね。
初心者でも思ったより簡単に作れたと思うので、フリーの素材を使わずに髪型をデザインする・洋服の柄は自分でiPadでお絵かきしてみる、など色々試して自分の理想のアバターを作ってみてください!!

物足りない人へ

  • 姿を変えるだけだと物足りない!声も変えたい!と言う人はこちらのサイトMac で バ美肉 りたい! (Zoom + Gachikoe + 3Tene or Reality)を参考に作ってみてください。
  • Unityとclusterを使えば今回作ったアバターを自分が作った仮想世界で動かすなんてことができます。これに関しては偉大な私の先輩が記事にしてくださっているのでどうぞ参考にしてください。【袴でバーチャル卒業式】VR初心者がclusterにVRoid自作アバターをアップロードするまで
  • 上の技術を応用すれば現実では離れ離れの友達同士がそれぞれ自分のアバターで1つのバーチャル世界に集まるなんてこともできます。自分たちに馴染みのある場所をUnityで作り、そこにみんなで集まって写真撮影とか鬼ごっこもできちゃいます。バーチャル世界は無限大で夢で溢れています。是非遊んでみてください!
17
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?