ブラウザ上で配信画面を簡単に作成！豊富な背景、素材、時計、テキスト、カウンターを配信に使用できる配信画面デザインツール「スコラボ」をご紹介！

今回は、配信画面デザインサービス「スコラボ」の最新の使い方についてまとめました！

スコラボでできること

「スコラボ」は、VTuberをはじめとした配信者向けの、配信画面デザインツールです。

・配信画面に入れたい背景・コメント欄・小物・ロゴ・時計などを自由に配置できる
・デザインした画面を、OBSをはじめとした配信ソフトに、リンクひとつで接続できる
・無料で利用できる
・ウェブブラウザ上で完結するので、アプリのインストールが不要

作例

スコラボでは、このような配信画面をつくることができます。

配信画面以外にも、サムネイル、おはようVTuber用の画像、スケジュール表など、さまざまな画面をデザインすることができます！

①素材

スコラボでは、配信素材マーケット「スコマド」で入手した素材が「ライブラリ」に表示され、配信内で自由に使うことができます。スコマドでは、幅広い素材を取り揃えていて（一部有料）、配信に必要な背景・コメント欄・小物・ロゴ・OP/ED動画などを簡単に探すことができます。

スコマドの使い方は、別の記事で詳しく解説したので、そちらをチェックしてみてください！

▼記事はこちら！▼

配信の背景探しはこれで楽々！配信素材マーケット「スコマド」とは？VTuberはっかが実際に体験！ | 配信方法 | スコマガ

②時計

スコラボを使うことで、配信画面にリアルタイムに時間が表示される時計を配置することもできます。現在時計はデザインが17種類あり、フォントや文字色、背景色をすべて自由にカスタムすることができます。

③テキスト

テキストの追加・編集

現在スコラボでは23種類のフォントのテキストを無料で追加することができます。特に「ユールカ Std UB」「クックハンド Std R」などは、VTuberの配信で使いやすくて人気なフォントです！

テキストを追加・編集する方法は、別の記事で詳しく解説したので、そちらをチェックしてみてください！

▼記事はこちら！▼

OBSでの日本語テキスト表示が簡単に！無料で配信画面にかわいいフォントを選んで表示できるスコラボ新機能を徹底解説 | 配信方法 | スコマガ

エフェクト・アニメーションを追加・編集

テキストのエフェクト・アニメーションを追加・編集する方法は、別の記事で詳しく解説したので、そちらをチェックしてみてください！

▼記事はこちら！▼

OBSで縁取り文字や流れる文章を簡単に入れたい！テンプレートで簡単にかわいい配信画面が作れる、スコラボでのテキストエフェクトとアニメーション設定方法を徹底解説！ | 配信方法 | スコマガ

④カウンター

現在スコラボでは、カウンターをかわいい10種類のテンプレートから選び、無料で追加することができます。朝枠のおはよう人数・耐久企画のマシュマロ数・ゲーム配信のキル数など、テキストを打ち直さずに数字を変えたい場面にぴったりの機能です。

カウンターを追加・編集する方法や活用例などは、別の記事で詳しく解説したので、そちらをチェックしてみてください！

▼記事はこちら！▼

OBSでかわいいカウンターを出す方法とは？無料配信画面デザインツール「スコラボ」を使って、朝枠のおはよう人数・耐久企画のマシュマロ数・ゲーム配信のキル数を数えるためには | 配信方法 | スコマガ -好きを応援するVTuberメディア-

デザインが完成した後

OBSに接続

スコラボ下部の「配信ソフトと接続する」から、シーンのリンクをコピーします。そのリンクを、OBSの「ソース」→「ブラウザ」→「新規作成」→「URLの貼り付け」から貼り付けるだけで、スコラボ上の画面をOBSに接続することができます。

＜スコラボ側の画面＞

＜OBS側の画面＞

シーンを分けてOBSに接続

スコラボ内「シーン」は10個まで作成することができ、それぞれ別のものとしてOBS上で扱われます。そのため、一部の素材をOBS上で編集したり、素材をモデルの前面と背面に分けて配置したりする場合は、該当する素材のシーンを分けて、それぞれのシーンをOBSに接続しましょう。

複数のシーンを取り扱っている作例は、以前の記事で紹介しているので、ぜひチェックしてみてください。

▼記事はこちら！▼

現役VTuber海未乃もずくさんのお悩み解決！スコラボやOBS、カスタムCSSを使って統一感のある配信画面のデザインする方法を徹底解説

まとめ

スコラボは、配信画面を楽しく簡単にデザインしたいVTuberにおすすめの、配信画面デザインサービスです。アプリインストール不要かつ無料で利用できるので、一度試してみてはいかがでしょうか。

▼スコラボはこちらから！▼

スコラボ

また、これからさらに便利な機能を追加していく予定なので、ぜひご期待ください！

今後はアップデートが行われるたびに、この記事の内容を更新する予定です。スコラボの最新状態を定期的にまとめてチェックしたい方は、このページのブックマークをよろしくお願いします！スコラボの最新情報は、公式X（旧Twitter）からも受け取ることができます。