Youtube

【Vtuber】OBSを使ったいい感じの配信画面の作り方と設定

http://karasunekou.com/wp-content/uploads/2021/12/karasunekou-balloon-icon.jpg
烏袮コウ

おにいちゃん、What’s Up? 烏袮コウです!

Vtuberとしてゲームやトークなどの配信をするのですから、せっかくなら配信画面にもこだわってみたいですよね!

やっぱり、かっこいい配信画面だと、視聴者のおにいちゃんも楽しめると思うんですよ!

ぼく達Vtuberもテンションあがります、多分(実はまだYoutube準備中で配信していません)!

ということで、OBS(Open Broadcaster Software)を使って、いい感じの配信画面を作る方法をチェックしてみましょう!

この記事を執筆しているVtuber/Vライバー
karasunekou-face9


烏袮コウ(からすね・こう)
新人ショタおぢさんVtuber。2022 年 1 月 26 日に初動画「【自己紹介】Vtuber一問一答自己紹介【烏袮コウ】」を投稿してデビュー。チャンネル登録もおねがいします! 2022 年 7 月 23 日に バーチャル・ライバー事務所「Studio OZON」に所属。IRIAM で V ライバー活動を開始予定。それじゃ、おにいちゃん! よろしくね♪

配信に使用するOBSについて

まずは、Vtuberのほか、配信や動画の録画に使用するためのソフトが必要になります。

その代表的な配信・録画ソフトが「OBS(Open Broadcaster Software)」です!

これひとつでライブストリーミングやアップロードする動画の撮影が可能で、しかもフリーソフトなので無料で使用することができます!

配信者の強い味方ですね!

その「OBS」について、まずはご紹介しましょう!

OBSとは

「OBS Studio(以下、OBS)」とは、前述通り配信者向けのストリーミング&レコーディング・ソフトで、YoutubeだけでなくTwitchやニコニコ動画など様々なサービスに配信することができます!

動画配信のほか、ウィンドウをキャプチャーしてゲームなどを録画することも可能。

これらの映像・音声をリアルタイムにキャプチャーしてエンコードし、配信サイトに最適な画質と音声でストリーミングを行うことができます!

また、「インテル® クイック・シンク・ビデオ」や「AMD Video Code Engine」、「NVIDIA NVENC」といったハードウェア・エンコードに対応しており、低い負荷で高フレームレートな配信ができます。

NVIDIA は、業界をリードするストリーミング アプリケーションの OBS と協力することで、NVIDIA GPU のサポート機能が改善された新しいバージョンのリリースを支援しました。1 月末の発表が予定されている新しい OBS は、ストリーム配信に影響する FPS を現在出荷されているバージョンに比べて最大 66% 減らします。

Source – NVIDIA「新しい GeForce 向けに最適化された OBS と RTX によるエンコーディングで 1 台の PC でプロ並みの配信が可能に

特に「NVIDIA GeForce RTX GPU」はOBSと協力することで、最新バージョンにおいてFPSの負荷を大きく低減。

高品質で低負荷な配信が可能となります!

Vtuberの間でもFPS、特に「Apex Legends」が人気ですよね!

OBSのポテンシャルを上げるために可能なら、ちょっとお高いですが「NVIDIA GeForce RTX」シリーズのグラフィックボードを使用しましょう!

ぼくは「GeForce RTX 3060Ti」を使用していますよ!

OBSの入手方法

まずはソフトをダウンロードしましょう!

公式サイトからダウンロードすることができます!

OBS Studio公式サイト

「Windows」「macOS」「Linux」がありますので、自分のPCのOSに合わせてダウンロードしてください!

ダウンロードしたら、インストーラーを起動し、PCへインストールします。

OBSでゲームとVtuberモデルを合成する方法

OBSではいくつもの画面をキャプチャーして、それをリアルタイムで合成して配信します。

ゲームやVtuberモデルのキャプチャーの方法をご紹介しましょう!

画面のキャプチャ

OBSでブラウザをキャプチャ

画面が真っ黒なので、まずは「ソース」から配信する画面をキャプチャします!

Vtuberにも人気のブラウザ麻雀ゲーム「雀魂(じゃんたま)」でやってみましょう!

OBSのウィンドウキャプチャを選択

はじめに「ソース」の「+」をクリックして「ウィンドウキャプチャ」を選択します!

ウィンドウキャプチャの名前を付ける

新規作成の下に「ウィンドウキャプチャ」とありますが、わかりやすいように「雀魂」と変更しておきましょう。

他のゲームの場合も、わかりやすい名称に変更しておくと便利です!

OBSで雀魂をキャプチャ

「ウィンドウ」で雀魂を起動しているブラウザを選択します!

OBSの画面を調節

画面に写ったら、サイズや位置を変更して見やすいようにしましょう!

これで、映像はキャプチャすることができました。

しかし、このままでは音声が配信できません。

音声出力キャプチャを選択

次に「+」をクリックして「音声出力キャプチャ」を選択します!

音声出力デバイスの選択

デバイスを選択します。

大抵の場合「既定」、つまりPCでのデフォルト設定で問題ないですが、デバイスを選択する場合は一覧が出ますので、ここから選びましょう。

雀魂のセットアップ完了

「ご主人! おかえりにゃ!」ということで、雀魂の配信ができるようになりました!

でも、Vtuberとして配信するには、アバターのキャプチャやマイクの設定も必要になります!

次に、マイクの設定です!

音声入力の設定

「+」をクリックして「音声入力キャプチャ」を選択します!

使用するマイクの選択

PCに接続されているマイクの一覧が出ますので、この中から選びましょう!

ぼくは「NVIDIA Broadcast」を使っているので、こちらを選択してます。

マイクのセットアップ完了

マイクを設定して、トークもできるようになりました!

でも、このままだとBGMがうるさくてボイスが聞こえづらいので、音声出力を調整しましょう。

マイクとBGMのバランスが丁度いい感じになるようにします!

ぼくは40%くらいの音量でやってます!

OBSのクロマキー合成

Vtuber Studio

続いてVtuberの体を映しましょう!

おにいちゃんが使っているVtuberを動かすソフトを使ってください・

ぼくは「Vtuber Studio」を使っています!

Vtuberグリーンバック

ソフトを起動して、背景をグリーンバックに変更します!

OBSのクロマキー合成

次にOBS側で起動しているソフトを選択します!

「ウィンドウキャプチャ」か「ゲームキャプチャ」を選び「特定のウィンドウをキャプチャ」を選択。

「ウィンドウ」でVtuberソフトを指定しましょう!

OBSのクロマキー合成2

このままだと、そのままグリーンバックが写ってしまうので、これを除去します。

このように、特定の色を除去して透明化し、別の映像と組み合わせることを「クロマキー合成」といいます!

ソースでキャプチャしているVtuberソフトを右クリックして、フィルタを選びましょう。

OBSのクロマキー合成3

下にある「+」をクリックして、フィルターの中から「クロマキー」を選択。

OBSのクロマキー合成4

デフォルトで「色キーの種類」が「緑」になってるので、これでグリーンバックが除去されました!

うまくいかない場合は、パラメーターを変更しましょう!

クロマキー合成完成

これで、クロマキー合成が完了しました!

雀魂の画面にぼくが写っていますね!

OBSでVtuberアバターとゲーム画面を合成する基本的なやり方は、このような感じです!

おつかれさまでした!

OBSいい感じの配信画面を作る

配信者の画面を見ていると、すごくカッコよかったりかわいかったりしてステキですよね!

あんな感じの配信画面にしたい!

ということで、がんばってみましょう!

配信用素材の入手

まずは、配信用の素材を入手しましょう!

ありがたいことに、フリー素材として配信用の素材を提供してくださるイラストレーター様もいます!

BOOTHのVtuber素材

「BOOTH」で「Vtuber素材」と検索すると、いろいろVtuber向けの素材が検索されます!

中にフリー素材として「0円」で提供されている方もおられますので、とってもありがたいですね!

zassoueki様の配信用オーバーレイ

今回は「zassoueki様」の配信用オーバーレイを利用させていただきます!

OBSの配信画像設定

配信画面の画像選択

素材をありがたくダウンロードさせていただいたら、OBSで設定を行います。

「ソース」の「+」で「画像」を選択しましょう!

配信画面に設定

ダウンロードした素材を選択すると、画面に写りました!

しかし、レイヤーの順番が変なので、これを入れ替えます!

レイヤーの順序を変える

「ソース」の項目はドラッグ&ドロップで入れ替えることができますので、Vtuberモデルが一番上にくるようにします!

あとはゲーム画面のサイズなどを変更すると、いい感じの配信画面になりますよ!

OBSのテキスト入力

OBSののテキスト設定

Twitterアカウントや配信タグなど、文字を挿れたいですよね!

「ソース」の「+」から「テキスト」を選びましょう!

テキストを入力

表示したいテキストを入力し、必要なら文字の装飾を行います!

テキスト入力完了

必要なテキストを入力しましょう!

OBSの文字スクロール設定

OBSで文字のスクロール設定

あと、よく見る文字がスクロールしているアレ!

カッコいいし、視聴者の注目を集めることができますので、設定しておくといいかもしれません!

テキストを入力したら、右クリックで「フィルタ」を選択しましょう!

その中に「スクロール」というのがありますので、そこで設定できます!

「水平速度」のパラメーターでスクロールする速度を変えることができますので、これを動かして好みのスクロール速度に設定します!

配信画面セットアップ完了

こんな感じで、上の方にスクロール文字を設定しました!

インフォメーションなどを登録しておくと、視聴者のおにいちゃんに注目してもらえるかもしれませんよ?

OBSでのコメントの表示方法

どねる

Source:Doneru

次に視聴者のコメントを配信画面に表示してみたいと思います!

今回は日本語でわかりやすい「どねる(Doneru)」というサービスを使ってみましょう!

どねる(Doneru)公式サイト

どねるの配信者ログイン

トップページから配信者ログインを選択すると、配信サービスのアカウント連携画面になります。

ぼくはYoutubeで配信しますので、Googleアカウントを選択します。

どねる利用規約

連携するアカウントを設定したら、利用規約画面になります。

しっかりと規約を読んで、チェックしましょう。

どねるのアカウントURL設定

規約をチェックしたら、オリジナルアドレスの設定です!

URLは3文字以上で設定します。

どねるのダッシュボード

アドレスを設定したら、配信者ダッシュボードに移ります。

どねるのチャットボックス
今回はチャットボックスの設置が目的なので、他の細かい作業は省略します。

左のメニューから「Chat Box」を選択しましょう!

デフォルトのチャットボックスでもいいですが、こだわりのあるおにいちゃんは下の設定で魔改造しちゃいましょう!

ちなみに、チャットの表示時間は「0秒」にすると、チャットが消えずにずっと表示されたままになりますのでおすすめです!

OBSでのチャットボックス設置

次にOBS側の設定です!

「ソース」の「+」をクリックして「ブラウザ」を選択します!

「URL」にどねるの「クリックするとアドレスが表示されます」のところから、オーバーレイのアドレスをコピー。

これを、OBSの「URL」に入力します!

入力が完了したら、オーバーレイを配信画面のコメント欄に設置します!

サイズが合わない場合は先程の「ブラウザ」のプロパティで変更できますので、ここで幅と高さを調節しましょう!

チャットボックス設置完了

チャットボックスがうまく表示されるか、ためしにテスト配信をしてみます!

限定公開(非公開だとチャットが表示されません!)でチャットしてみて、文字の大きさや見やすさを確認します。

文字の色やサイズ、フォントなどはどねる側で変更できますので、いろいろ設定してみてください!

実際のゲーム配信画面

これで、けっこういい感じに配信画面が設定できたのではないでしょうか!

まとめ

http://karasunekou.com/wp-content/uploads/2021/12/karasunekou-balloon-icon.jpg
烏袮コウ

ここまで読んでくれてありがとう、おにいちゃん!

ということで、OBS Studioを設定して、いい感じの配信画面を作ってみました!

基本的には、このような感じになります!

ぼくは絶望的にセンスがないので、おにいちゃんならもっとカッコいい配信画面を作れるんじゃないでしょうか?

ぜひ、おにいちゃんもチャレンジしてみてください!

あと、ぼくのYoutubeチャンネル登録とツイッターのフォローもおねがいします!

それじゃ、See You♪

OBS関連の記事

OBS関連の記事をまとめました!

OBSでYoutubeのShortsなど縦長動画を撮る方法

最近ショート動画が人気ですよね! OBSで縦長のショート動画を撮る方法です!

OBSでVtuberや動画を丸く画面を切り抜いて合成する方法

縦長動画で最適化するため、Vtuberモデルを丸く切り抜く方法です!

烏袮コウ

烏袮コウ

新人Vtuberの烏袮コウです! 只今デビュー目指して絶賛準備中! ブログやツイッターも随時更新中です! それじゃ、See You!

関連記事

Youtube

ウェブストーリー

RECOMMEND

最近の記事
おすすめ記事
  1. 【自己紹介】Vtuber一問一答自己紹介【烏袮コウ】

  2. はじめまして、新人Vtuberの烏袮コウです!

  3. OBSでVtuberや動画を丸く画面を切り抜いて合成する方法

  4. ついにぼくのPCが壊れました!

  1. 【ご報告】烏袮コウは studio OZON の 2 期生として活動します!

  2. Amazonアソシエイト・プログラムの審査システムがいつの間にか変わっていた!

  3. 【Wambo dream】AIに「にゃんこ」描いてもらった!

  4. OBSでVtuberや動画を丸く画面を切り抜いて合成する方法

ネッツトヨタ富山で開催のアオイマルシェに行ってきました! 令和4年度の高岡七夕まつりに行ってみました! 新人Vtuberの「うさくん」おにいちゃんをご紹介します! 新人Vtuberの「カプラム・O・リン」おにいちゃんをご紹介します! 超シンプルなフリーゲーム「ShootingGame」を実況プレイ! はじめまして! 新人Vtuberの烏袮コウです!