歌枠のコメント欄に合う枠

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

こんな場面で

• 歌枠の立ち絵の横に、動く景色入りの縦長コメント欄を置く
• セットリストの札と同じ色で、コメント欄の縁を揃える
• YouTube ライブのチャットを配信画面に出すとき、周りを飾る
• 歌枠や作業配信で、コメント欄を画面の雰囲気になじませる
• 推しカラーの枠で、配信画面全体の色を揃える

このデザインの仲間

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

背景を入れ替える

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

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

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

ほかに変えられるところ

• 縁のスタイル2種（ステッカー／シンプル）
• 縦横比をスライダーで調整。縦長のチャットにも横長にも
• 縁の色・アクセント線の色
• 縁の中を単色／グラデーション／動く背景に

設定のコツ

1. 1OBS のソース一覧で、枠をチャットのソースより上に置きます。枠の内側は透過なので文字を隠しません
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 のブラウザでの利用をご案内しています。

関連する素材

• OBS のコメント欄に重ねる枠
• 配信のコメント欄をデザインする
• YouTube のチャットに透過の枠をつける
• かわいいコメント欄フレーム
• ゲーム配信のコメント欄に透過の枠
• 縦長のコメント欄の枠