OBS の透過オーバーレイ

OBS に置くまで、3ステップ

こんな場面で

• ソースひとつで配信画面の骨組みを作り、立ち絵とゲーム画面を重ねる
• 待機画面と本編画面で、同じオーバーレイを使って統一感を出す
• はじめての配信で、ソースひとつで画面の骨組みを作る
• 雑談配信の待機画面・本編画面を同じ雰囲気で揃える
• 立ち絵の横にコメント窓と時計をまとめて置く

このデザインの仲間

どれも実物です。そのままコピーして使えます。

背景を入れ替える

文字盤やパネル、縁の中に入れられる動く背景です。無料の背景だけでも作れて、気に入った背景は1点ずつ買い足せます。

自分好みに変えられるところ

上の素材を実際に変えたところです。どれも動いています。

ほかに変えられるところ

• 1920×1080 の透過キャンバスに、コメント窓・時計・飾りを自由に配置
• 画像レイヤー（ロゴや立ち絵）を重ねられます
• 背景は透過のまま、または動く背景を敷く

設定のコツ

1. 1先に立ち絵の位置を決めてから、スタジオでコメント窓と時計の位置を動かすと配置が決めやすいです
2. 2部品を別々のブラウザソースで置くと、あとから位置や大きさを個別に変えられます
3. 3ロゴや飾りは画像レイヤーで重ねられます。配信で使えるカテゴリは画像レイヤーも無料です
4. 4背景を透過のままにしておくと、ゲーム画面やカメラ映像の上にそのまま重ねられます

よくある質問

OBS ではどう設定しますか？

「ソース」の＋から「ブラウザ」を追加し、コピーした URL を貼るだけです。幅と高さはソースの比率に合わせて指定し、位置や大きさは OBS 上で調整します。背景は透過で描画されるので、カスタム CSS の変更は不要です。

無料で使えますか？

はい。ここに並んでいる素材は、ログインも保存も不要でそのまま使えます。色や文字を変えて自分用に保存する場合はログイン（Google または X）が必要です。動く背景は無料のものだけでも作れて、気に入った背景を1点ずつ買い足して広げられます。

拡大するとぼやけませんか？

ぼやけません。ブラウザソースの実サイズに合わせて毎回描画し直すので、1920×1080 の配信でも 4K でもくっきり表示されます。

色や文字は後から変えられますか？

変えられます。「カスタマイズ」でスタジオを開いて色や文字を変え、保存すると自分用の OBS 用 URL が発行されます。保存した作品はマイページから開いて、何度でも編集し直せます。

OBS 以外の配信ソフトでも使えますか？

「ブラウザソース」に相当する機能（Web ページを画面に重ねる機能）がある配信ソフトなら、同じ URL をそのまま貼って使えます。設定の名前はソフトによって異なります。

複数の素材を同時に置けますか？

置けます。素材ごとに別の URL なので、OBS でブラウザソースを素材の数だけ追加し、それぞれ好きな位置と大きさに並べます。

画像として保存できますか？

配信で使える素材は、ライブで動くことが前提なので OBS 用の URL として使います。PNG や MP4 の書き出しは、チェキ・日めくりカレンダー・週間配信予定・汎用フレームなど投稿で使えるカテゴリで使えます。

収益化している配信でも使えますか？

使えます。Tsutae で作成した成果物は利用者が利用できます。アップロードする画像は、ご自身が権利を持つもの、または利用を許可されたものに限ります。

スマホから使えますか？

素材を見て URL をコピーするだけならスマホでもできます。スタジオでの編集（色や文字の変更）は、PC のブラウザでの利用をご案内しています。

関連する素材

• 配信画面の素材
• VTuber の配信画面の作り方
• 雑談配信の画面素材
• ピンクの配信画面オーバーレイ
• OBS に置ける透過の時計
• 配信用の時計ウィジェット