OBS Studioで配信画面を装飾する方法：テロップ、画像、チャット表示設定
ゲーム配信を開始するための基本的な機材やOBS Studioの初期設定についてご確認いただけたでしょうか。次に、配信画面をより魅力的にするための装飾方法について解説します。視聴者にとって分かりやすく、あるいは楽しんでもらえるような画面作りは、配信を続ける上で重要な要素の一つです。
この記事では、OBS Studioの機能を使用して、配信画面にテロップ（テキスト）、画像、そして視聴者とのコミュニケーションに欠かせないチャット欄を表示させる方法を具体的な手順でご説明します。これらの要素を追加することで、配信の見栄えを向上させ、視聴者の関心を引きつけることが可能になります。
配信画面にテキスト（テロップ）を表示する
視聴者へのメッセージや、現在の配信内容に関する情報を表示するために、テロップ（テキスト）は非常に役立ちます。
- ソースの追加: OBS Studioの画面下部にある「ソース」ドックで「＋」ボタンをクリックし、「テキスト（GDI+）」を選択します。
- ソースの名前設定: 分かりやすい名前（例：「お知らせテロップ」）を入力し、「OK」をクリックします。
- テキストの入力と設定: 表示したいテキストを入力エリアに入力します。「フォントを選択」ボタンからフォントの種類、スタイル、サイズを変更できます。また、文字の色や背景色、輪郭なども設定可能です。
- ヒント: 視認性を高めるため、ゲーム画面の色と区別しやすい色を選び、輪郭をつけると良いでしょう。
- 位置とサイズ調整: 設定ウィンドウを閉じると、入力したテキストがプレビュー画面に表示されます。テキストを選択し、ドラッグすることで表示位置を調整できます。四隅のハンドルを操作することでサイズも変更できます。
- スクロール表示（オプション）: 長いテキストをスクロールさせたい場合は、テキストソースを右クリックし、「フィルター」を選択します。「＋」ボタンから「スクロール」フィルターを追加し、水平速度や垂直速度を設定してください。
配信画面に画像（ロゴやオーバーレイ）を表示する
チャンネルロゴや、ゲーム画面に重ねるオーバーレイ画像などを表示することで、配信に個性を出すことができます。
- ソースの追加: 「ソース」ドックで「＋」ボタンをクリックし、「画像」を選択します。
- ソースの名前設定: 分かりやすい名前（例：「チャンネルロゴ」）を入力し、「OK」をクリックします。
- 画像の指定: 「参照」ボタンをクリックし、表示したい画像ファイル（PNG, JPEGなど）を選択します。「OK」をクリックすると画像が表示されます。
- ヒント: PNG形式の画像は透過部分を保持できるため、ロゴやフレームなどに適しています。
- 位置とサイズ調整: プレビュー画面に表示された画像を選択し、ドラッグやハンドル操作で位置とサイズを調整します。
- 画像の重ね合わせ順: 複数のソースがある場合、「ソース」ドックのリストの上にあるものほど手前に表示されます。必要に応じてドラッグで順番を入れ替えてください。
配信画面に視聴者のチャットを表示する
視聴者のコメントを配信画面に表示させることで、リアルタイムな交流を促進し、一体感を演出できます。これは一般的に「ブラウザソース」という機能を利用して実現します。多くの配信プラットフォームや外部ツールが、ブラウザ上で表示可能なチャットウィジェットを提供しています。
ここでは、一般的な「ブラウザソース」を使ったチャット表示の概念と設定方法をご説明します。具体的な手順は利用する配信プラットフォームやチャットツールによって異なりますが、基本的な流れは共通しています。
- チャットウィジェットのURLを取得: 利用している配信プラットフォーム（YouTube, Twitchなど）または外部連携サービス（Streamlabs, StreamElementsなど）の設定画面で、「チャットウィジェット」またはそれに類する機能を探します。そこで提供されているURLをコピーします。このURLをOBS Studioのブラウザソースに読み込ませることで、チャットが表示されます。
- 注意点: 公式機能として提供されているものや、信頼できる外部サービスをご利用ください。
- ソースの追加: OBS Studioの「ソース」ドックで「＋」ボタンをクリックし、「ブラウザ」を選択します。
- ソースの名前設定: 分かりやすい名前（例：「配信チャット」）を入力し、「OK」をクリックします。
- URLとサイズの設定: 開いたウィンドウの「URL」欄に、コピーしたチャットウィジェットのURLを貼り付けます。「幅」と「高さ」には、チャット欄を表示したい領域のサイズを入力します。
- ヒント: サイズは後からプレビュー画面でも調整できますが、ここで大まかなサイズを指定しておくと便利です。また、カスタムCSSの項目がありますが、最初は何も入力せず、デフォルト表示で問題ありません。より高度なカスタマイズを行いたい場合にCSSを使用します。
- 表示確認と調整: 「OK」をクリックすると、プレビュー画面にチャット欄が表示されます（テストコメントなどを送信して確認してください）。ドラッグやハンドル操作で位置とサイズを調整します。
- トラブルシューティング: チャットが表示されない場合は、URLが正しいか、配信プラットフォーム/サービス側でチャットウィジェットが有効になっているかを確認してください。
配置と調整のコツ
複数の装飾要素を配置する際は、以下の点に注意すると良いでしょう。
- ゲーム画面の妨げにならない: 最も重要なゲームプレイ画面やUIを隠さないように配置します。
- 視認性: テキストや画像は、背景のゲーム画面とのコントラストがはっきりしているか確認します。
- 情報整理: 表示する情報は必要最低限に絞り、画面上が cluttered（ごちゃごちゃ）にならないようにします。
- テスト配信: 実際に短い時間でも良いのでテスト配信を行い、視聴者側の画面でどのように見えているかを確認することをお勧めします。スマートフォンや別のPCで自分の配信を見てみると良いでしょう。
まとめ
この記事では、OBS Studioを使用して配信画面にテロップ、画像、チャット欄を追加し、設定する方法を解説しました。これらの要素を適切に配置・設定することで、配信画面の情報量を増やし、視聴者にとってより魅力的で分かりやすい配信にすることが可能です。
今回ご紹介した設定は基本的なものですが、これらの機能を活用するだけでも配信の品質を大きく向上させることができます。まずは一つずつ試してみて、ご自身の配信スタイルやゲーム内容に合った最適な画面構成を見つけてください。配信画面の装飾は、配信を継続していく中で徐々に洗練させていくことも可能です。次に、これらの設定が完了したら、いよいよ実際の配信に向けた最終確認に進む準備が整います。