Twitchレイアウト（Twitchオーバーレイとも呼ばれます）は、本質的に、視覚的に魅力的に見えるようにTwitchブロードキャストに追加されるグラフィックスに与えられた名前です。レイアウトやオーバーレイを使用すると、放送をよりプロフェッショナルに見せることができ、視聴者の関心を引くことができます。
基本的なゲームプレイ映像とウェブカメラだけを備えたストリームは、レイアウトを使用しない可能性があります。
Webカメラやゲームプレイの周りにカラフルな枠やフレームを実装したブロードキャストがあります。
Twitchストリームにカスタムレイアウトを追加する最適な方法の1つは、Adobe Photoshopなどのプログラムで自分でデザインすることです。 Photoshopを使用していないユーザーには、Windows 10のPaint 3DやオンライングラフィックスエディターCanavなど、いくつかの無料の代替方法を使用できます。
Photoshopで基本的なツイッチオーバーレイをすばやく作成する方法は次のとおりです。手順は、使用されているグラフィックスプログラムによって多少異なりますが、全体のコンセプトは変わらないはずです。
ほとんどのカスタムツイッチストリーミング機能と同様に、レイアウトをカスタマイズするには、コンピュータ、キャプチャカード、OBS Studioなどの放送ソフトウェアが必要です。 Xbox OneやPlayStation 4などのビデオゲーム機で検出されるデフォルトのツイッチアプリを使用してストリームの外観を変更することはできません。
Photoshopで基本的なツイッチレイアウトを作成する方法
- Photoshopを開いて選択 ファイル その後 新しい トップメニューから。
- 新しいファイルの詳細を確認するボックスが表示されます。幅が1920ピクセルに設定され、高さが1080ピクセルに設定されていることを確認します。これは、表示されたときにテレビモニターの全体を満たすストリームレイアウトのフルサイズになります。このサイズを使用すると、最終結果を視覚化して適切に計画するのに役立ちます。押す はい.
- トップメニューから、 編集 その後 塗りつぶす。新しいプルダウンメニューから、 色 バックグラウンド全体の色を選択します。押す はい。このステップは、好きな色になるまで繰り返すことができます。 ヒント：背景に大きな画像を使用することも、 グラデーションツール より創造的な選択肢のために（上のイメージ参照）。
- あなたのためのメニューボックスが必要です レイヤー 画面の右側のどこかに浮いています。そうでない場合は、 Windows リンクをトップメニューから削除し、 レイヤー その横にチェックマークが付いています（チェックを入れるかチェックを外してください）。これにより、 レイヤー ボックスが表示されます。
- トップメニューをもう一度見て、をクリックしてください 層 次に新しい 次に 層… プレス はい ボックスにポップアップが表示されます。あなたは今あなたの背景の上に不可視のレイヤーを持っているはずです。これにより、背景色に影響を与えずにデザインを描画および編集できます。新しいレイヤーと元の背景レイヤーは両方とも レイヤー 画面の右側にあるボックスをクリックします。 ヒント：背景レイヤーを直接描画する場合や、背景レイヤーを編集する場合（たとえば、色を変更する場合）は、 レイヤー ボックス。すべてのレイヤーを切り替えることは、いつでもこのボックスで行うことができます。
- あなたの新しいレイヤーを レイヤー ボックス、画面の左側にある浮動ツールボックスを見て、 長方形マーキーツール。これは、ツールボックスの左上隅にある点線の四角形のアイコンである必要があります。
- マウスをワークスペースに移動し、ツールをクリックしてドラッグすると、ストリーム中にウェブカメラを配置するための正方形または長方形が作成されます。必要な図形を作成したら、トップメニューから選択します。 編集 その後 塗りつぶす あなたがボックスにしたい色を選択してください。押す はい. ヒント：OBS Studioの後半では、画像のこの部分にライブウェブカムフッテージを配置しますが、ウェブカムの周りにカラフルなフレームの錯覚を作成するように、ボックスのサイズより少し小さくします。レイアウトを設計するときは、このことを念頭に置いてください。ウェブカム映像を完成したデザインの完成例については、上の画像を参照してください。ピンクのフレームに注目してください。
- 前の手順を繰り返し、新しいレイヤーを作成します。この新しいレイヤーで、あなたのビデオゲーム映像のボックスを作ります。チャットボックスや新規加入者リストなど、他のどのようなコンテンツにも適用します。
- 独自のレイヤーの各ボックスを使用して、レイヤーを選択してレイヤーを移動することができます。 レイヤー ボックスを選択して 移動ツール （矢印アイコン）をツールボックスから選択します。
- 一度あなたはあなたが望むようにすべてを持っている、に行く ファイル そして 保存する プロジェクトをPhotoshop（.psd）ファイルとして保存します。これはPhotoshopでプロジェクトを編集するために使用するファイルです。
- これでプロジェクトを保存しました。 ファイル もう一度、今度は選択してください 名前を付けて保存。から フォーマット ドロップダウンメニューから選択 JPEGファイルに名前を付け、 保存する ボタン。あなたは終わった！
OBS Studioに背景イメージを追加する方法
カスタムメイドのイメージは、他のメディアソースと同じ方法でOBS Studioに追加できます。
- OBS Studioのワークスペースを右クリックし、 追加 そして 画像。新しいレイヤに名前を付けます。レイヤー名は、簡単に識別できるように、「背景」が良いアイデアです。
- プレス ブラウズ ボタンを押し、コンピュータ上に保存したJPEG画像を見つけて はい.
- OBS Studioに背景画像が表示されるはずです。サイズのため、他のコンテンツをカバーしている可能性がありますので、 ソース 画面の下部にあるボックスをクリックして、リストの一番下までドラッグします。
- Webカメラ、ビデオゲーム映像、アラートなどの他のメディアソースを通常どおり追加します。これらの新しい追加があなたの背景の上にあることを確認してください ソース あなたとあなたの視聴者が見ることができるようにリストを作成します。
基本的なカスタムツイッチレイアウトが完成しました！ Photoshopで保存した.psdファイルを開いて編集するだけで、いつでもバックグラウンドイメージを変更できます。
