ソースをキャンバスのサイズに合わせる
Browser Source をきっかり 1920×1080 で作成し、背景を透明に保ちましょう。ソースと OBS キャンバスが同じピクセルサイズを共有していれば、Overlay 設定で選んだアンカーは思ったとおりの位置に収まり、フォントも鮮明なままです。
ソースがキャンバスより小さく、それを OBS で拡大すると、文字はぼやけ、輪郭もにじみます。バウンディングボックスをドラッグするのではなく、ソースそのもののサイズを変更してください。
| 設定 | 横向きのレシピ | 理由 |
|---|---|---|
| Source size | 1920×1080 | OBS キャンバスと一致し、アンカー位置を予測できます |
| Font size | 32–48px | 視聴者側の表示サイズでも読みやすく、画面を占有しすぎません |
| Anchor | bottom-center | 歌詞をウェブカメラや画面上部3分の1から遠ざけます |
複数行を、スペースが足りなければ単一行を選ぶ
カメラの下に現在の行と1〜2行の文脈を収める余地があるなら、player-multi を 32–48px から始めましょう。横向きのシーンには通常そうした横方向の余地があります。
ウェブカメラがすでに画面下部3分の1を埋めている場合は player-single に切り替え、現在の1行がカメラと衝突せず細い帯の中に収まるようにします。
ウェブカメラ、通知、チャットのために場所を確保する
アンカー位置は9か所あります。ウェブカメラ、通知ボックス、画面上のチャットをすべて配置したあとで初めて1つを選びましょう。そうすれば歌詞ブロックが実際に空いている場所を埋めます。
bottom-center と bottom-left が最も安全な横向きのアンカーです。配信を始める前に曲の中で最も長い行をプレビューしてください。1行が2行に折り返されると必要な高さが変わります。
このソースを縦向きシーンに引き伸ばさない
1920×1080 のソースは横方向のスペース向けに調整されています。縦向きでも配信するなら、これを引き伸ばすのではなく別に 1080×1920 のソースを作りましょう。アンカーとフォント範囲はアスペクト比が違うと引き継がれません。
画面を共有するときは、Overlay URL が Browser Source のプロパティウィンドウに映らないようにしてください。このリンクは公開アドレスではなくアクセス資格情報です。
手順
- 011920×1080 のソースを作成する
OBS キャンバスと Browser Source を同じ 1920×1080 のサイズにし、背景を透明にします。
- 02複数行か単一行を選ぶ
カメラのあとに高さが残るなら player-multi を使い、ウェブカメラが下部3分の1を埋めるなら player-single に下げます。
- 03UI を確保してからアンカーする
ウェブカメラ、通知、チャットを先に配置し、その後で歌詞ブロックを空いた場所の bottom-center または bottom-left にアンカーします。
- 04最も長い行をプレビューする
配信前に、視聴者側の表示サイズで折り返し、コントラスト、そして 32–48px のサイズを確認します。
よくある質問
このソースを縦向きシーンで使い回せますか？
別に 1080×1920 のソースを作成してください。1つの Overlay を 16:9 と 9:16 の間で引き伸ばすと、たいてい配置とフォント範囲が崩れます。
1920×1080 ではどのフォントサイズが向いていますか？
32–48px から始めましょう。より大きいサイズは、すでにウェブカメラとチャットを抱えた横向きの画面を窮屈にします。
歌詞ブロックはどこに置くべきですか？
bottom-center か bottom-left です。ウェブカメラ、通知、チャットを配置したあとで選び、歌詞が本当に空いている場所を埋めるようにします。