VTube StudioにインポートしたLive2Dモデルを、OBSへ背景透過で表示する方法をまとめます。
OBSへモデルを表示する方法はいくつかありますが、この記事では最もきれいに、そしてUIを表示されない「Spout2」を使った方法を取り上げます。
UIなしでアバターをきれいに表示するには
VTube StudioをOBSにキャプチャする方法には下記のような方法があります。
- Spout2を使う方法
- バーチャルカメラと映像キャプチャを使う方法
- ゲームキャプチャとクロマキーを使う方法
この記事で紹介する「Spout2を使う方法」はアバターの輪郭を最もきれいに表示でき、VTube StudioのUIも表示されない最適な方法です。
具体的にどういうことかというと、例えばゲームと同じようにゲームキャプチャやウィンドウキャプチャで取り込んだとします。すると、配信中にVTube Studio上でアイテムや衣装を変更しようとしたときに、どうしてもソフトのUIが表示されてしまうんです。
しかし、VTube Studioに搭載されている機能を使って、「Spout2を用いた方法」や「バーチャルカメラを用いた方法」でOBSに取り込むと、このUIが表示されることなく、アバターのみを取り込むことができます。
とくに「Spout2を用いた方法」であれば、よりアバターの輪郭をきれいに表示できます。アバターを大きく表示したいときに、効果を実感できるはずです。
では、ここから実際の設定方法をまとめていきます。
Spout2を使用する方法はWindowsのみで行える方法です。
Macでは後半に記述する「バーチャルカメラと映像キャプチャを使う方法」を使用できます。
Spout2でアバターを表示するまでの流れ
以下の流れで作業は完了します。
- Spout2をOBSにインストールする
- VTube Studioの設定をする
- OBSに追加する
①と②は最初の一回設定しておけば、ずっと使い続けることができます。ひと手間かかりますが最初だけなので、この記事をもとに設定してみてください。
Spout2を使用するうえで用意するもの
この記事では下記のソフトやプラグインを使用します。書いているバージョンは執筆時のものです。
- OBS Studio v30.1.1
- VTube Studio v1.28.1
- obs-spout2-plugin
Spout2を導入する
Spout2のダウンロードページから、インストーラをダウンロードします。
インストーラは赤枠で囲んでいる、一番上の項目です。クリックするとインストーラがダウンロードされます。
![spout2ダウンロード](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout2-dl-1024x473.png)
インストーラを実行と下記のようなアナウンスが出るかもしれません。
![spout2 installer check](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout2-install1.png)
もしかすると別の画面かもしれませんが、「実行」か、上記以外の画面なら「詳細情報」のボタンが表示されることがあります。どちらかをクリックします。
インストーラを起動できると「Next」ボタンをクリックし、画面の指示に従いインストールまで行います。
![spout2- installer](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout2-install2.png)
すべての処理が実行され「finish」のボタンを押すところまで進行すれば「Spout2」のインストールが完了です。
OBSにSpout2を導入できているか確認する
OBS Studioを起動します。
ソースを追加する「+ボタン」から「Spout2 Capture」が追加されていることを確認します。
追加されていない場合は、うまくインストールできていないのかもしれません。再度インストーラが正しいか確認して再インストールします。
![spout2を確認する](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-obs-1024x666.png)
VTube Studioで設定する
Vtube Studioで背景透過とSpout2の設定をしていきます。
背景透過の設定方法
まずは背景透過からです。
サイドバーの上から二番目にある「画像アイコン」を選択します。
![画像マークを選択](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-setting1-1024x608.png)
「ColorPicker」を選択します。
![](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-obs2.png)
色は変える必要はありません。最下部にある「透過(OBS)」をオンにします。
![画像に alt 属性が指定されていません。ファイル名: vtube-spout-obs3.png](https://www.ruri.info/wp-content/uploads/2024/06/image.png)
以上で背景透過の設定が完了です。
Spout2を有効にする
VTube Studio内でSpout2を有効にする設定をしていきます。
次は「歯車アイコン」を選択します。
![](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-setting-1024x585.png)
左上の「カメラアイコン」を選択します。
スクロールしていくと「Spout2設定」の項目があるので「Spout2を起動」をオンにします。
![](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-setting2-1024x601.png)
これでSpout2を有効化できました。
VTube Studioで行うすべての設定が完了です。
OBS Studioにアバターを表示する
ソースに「Spout2 Capture」を追加します。
![spout2を確認する](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-obs-1024x666.png)
それぞれの項目を下記のように変更します。
- SpoutSenders: VTubeStudioSpout
- Composite mode: Default
![](https://www.ruri.info/wp-content/uploads/2024/06/vtube-spout-obs-source.png)
OKボタンを押して表示が完了です。
あとはサイズを変更したりトリミングをして使用します。
以上ですべての設定が完了です。
さらにOBSを使いこなす
OBS StudioとVTube Studioを使用して、これから配信活動を行う予定ならば下記の記事を参考にして下さい。
それぞれのソフトの設定方法を具体的に説明しています。
記事の内容を実行するだけで、配信開始までの準備が完了します。
![](https://www.ruri.info/wp-content/uploads/2022/09/thomneil_vtubestudio-obs-300x158.png)
【Mac】バーチャルカメラでアバターを表示する
MacではSpout2が使用できないため、バーチャルカメラを使用した方法でOBSにアバターを表示します。
Spout2より品質は劣りますが、VTubeStudioのUIは同じく表示されません。
ではVtubeStudioで背景画像を設定からしていきます。
![背景画像を設定](https://www.ruri.info/wp-content/uploads/2022/09/vtube_studio_color_picker.png)
背景を透過したい場合は、メニューより「画像アイコン」→「ColorPicker」を選択します。
![透過をオン](https://www.ruri.info/wp-content/uploads/2022/09/vtube_studio_backgrownd_color.png)
「透過(OBS)」の項目をオンにします。
続いて、バーチャルカメラの設定をしていきます。
サイドバーの「歯車マーク」→「カメラマーク」→「バーチャルWebカメラ」の項目を開いてください。
![バーチャルカメラの設定](https://www.ruri.info/wp-content/uploads/2023/01/vtube-studio-virtual-camera-1024x572.png)
バーチャルWebカメラの「起動する」をオンに切り替えます。これでVTubeStudio側の設定は終了です。
ここからはOBSを操作していきます。
![映像キャプチャ](https://www.ruri.info/wp-content/uploads/2023/01/vtube-studio-capture-settings.png)
OBSでソースに「映像キャプチャデバイス」を追加します。各種設定は下記のようにしてください。
- デバイス:VTubeStudioCam
- 解像度/FPSタイプ:カスタム
- 解像度:1920×1080
- FPS:60
- 映像フォーマット:ARGB
以上で、バーチャルカメラを使用したアバターの表示方法は完了です。
コメント