YouTubeとTwitch用にPhotoshopでストリームオーバーレイを作成する

よく設計されたストリーム-オーバーレイは、視聴者にプロフェッショナルな印象を与えるために重要です。 Photoshopを使用して、自分のスタイルに合った個別のオーバーレイを作成できます。このガイドでは、YouTubeやTwitchのストリームに効果的なオーバーレイをデザインする方法をステップバイステップで説明します。

主な発見：

• オーバーレイデザインのための基本的なPhotoshopツールの操作方法。
• オーバーレイ要素の独自の作成と調整。
• オーバーレイ要素をOBSなどのストリーミングソフトウェアで使用するためにエクスポート。

ステップバイステップガイド

新規ドキュメントの作成

はじめに、Photoshopを開いて新しいドキュメントを作成します。[ファイル] > [新規] に移動し、幅を1920ピクセル、高さを1080ピクセルに設定し、解像度は72 dpiに保ちます。オーバーレイはデジタルでのみ使用するため、そのままにします。他の設定は変更せず、[作成]をクリックします。

背景色の設定

今こそ背景をデザインする時です。右下の対応するシンボルをクリックして新しい空のレイヤーを作成します。Dを押して前景色を黒に設定します。Altキーを押しながらDelキーを押すことでこのレイヤーを黒で塗りつぶします。その後、右クリックして背景レイヤーを削除します。

パターンオーバーレイの追加

背景に深みを持たせるために、パターンオーバーレイを追加します。黒いレイヤーの塗りつぶしオプションに移動し（右クリック -> 塗りつぶしオプション）、パターンオーバーレイを有効にします。塗りつぶしモードは通常に設定し、不透明度は約13％に下げます。リストから適切なパターンを選択します。設定を適用するには「OK」をクリックします。

オーバーレイ要素のための四角形を作成

次に、オーバーレイのための四角形を作成します。四角形ツールを選択し、必要なサイズの四角形を描きます。塗りつぶし色を必要に応じて調整できます。最初に輪郭を使用することをお勧めします。塗りつぶしオプションで色のボックスをクリックし、使用したいグラデーションを選択します。サイズと輪郭を自分の好みに合わせて調整します。

四角形を複製してラベルを付ける

四角形を複製するには、まず作成した四角形を選択して、CtrlキーとJキーを同時に押してコピーを作成します。必要に応じてラベルを変更し、下のテキストをダブルクリックしてカスタマイズします。たとえば、「ゲームプレイ」と名付けます。変形させてサイズを適切に調整するにはCtrl + Tの組み合わせを使用します。他の要素のスペースを確保するために適切な場所に移動します。

チャットウィンドウを統合する

チャットウィンドウには、作成した四角形のコピーを再度作成し、下に移動させ、角を引っ張って幅を広げます。これも同様に名前を変更し、チャットと名付けます。適切な位置に配置しており、適切に配置されていることを確認します。

追加要素の追加

最後の寄付金、フォロワーなどのためにさらに四角形を追加し、同じ手順を繰り返して要素に適切なラベルを付け、配置します。情報に十分なスペースを提供するために、少なくとも3つの四角形を使用することをお勧めします。

3D効果を追加する

箱に魅力的な3D効果を与えるには、再び塗りつぶしオプションに移動し、フラットなエッジとレリーフの設定を試してみてください。設定を引き継いだり、自分の好みに合わせて調整してください。

テキストを追加する

今度はオーバーレイの各要素にテキストを追加する時間です。テキストツールを選択し、オーバーレイ内をクリックして、ゲームプレイ、チャットなどの対応するテキストを入力してください。読みやすいが邪魔にならないテキストを得るために、文字のサイズや種類を調整してください。

すべてのレイヤーを割り当てる

すべての要素を作成したら、それらをスマートオブジェクトに変換することをお勧めします（レイヤー上で右クリック→スマートオブジェクトに変換）。これにより、後で簡単に編集できるようになります。

オーバーレイ要素をエクスポートする

これで、すべての要素をエクスポートして、OBSや他のストリーミングソフトウェアで使用できるようにすることができます。ファイル→エクスポート→ファイルにレイヤーを選択に進みます。目的のフォルダーを選択し、透過背景を取得するためにファイルタイプとしてPNG 24を選択してください。

OBSにオーバーレイを追加する

OBS Studioでオーバーレイを使用するには、シーンに移動し、ソースリストでプラス記号をクリックして、画像を選択し、順番にすべてのエクスポートされたオーバーレイ要素を追加してください。正しく表示されるように、適切な順序で配置してください。

概要

このガイドでは、Photoshopでプロフェッショナルなストリームオーバーレイを作成する方法を紹介しました。要素をデザインし、エクスポートしてストリーミングソフトウェアに導入することができるようになっただろう。