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

2023年12月6日、株式会社lucoは無料配信画面デザインサービス「スコラボ」に「カウンター」機能を追加しました。豊富なかわいいテンプレートの中からカウンターを選び、ボタンひとつで配信画面上の数字を変動させることができるようになりました。

配信内で、わざわざテキストで数字を打ち直すことなく、初見さんの数やマシュマロの数を数えたり、ゲーム配信でキル数を数えたりしたいVTuberにおすすめの機能です。

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

スコラボ

スコラボが初めての人は、ぜひスコラボの使い方がまとまった記事もチェックしてみてください！

▼スコラボの使い方▼

ブラウザ上で配信画面を簡単に作成！豊富な背景、素材、時計、テキストを配信に使用できる配信画面デザインツール「スコラボ」をご紹介！ | 配信方法 | スコマガ -好きを応援するVTuberメディア-

カウンターのデザインまとめ

今回のアップデートで追加されたのは、カウンターのテンプレート10種類です。この中から好みのテンプレートを選び、タイトルや色を変えて、さまざまな場面で使用することができます。

従来は一般的に、ダウンロードしたファイルをOBSで読み込み、好みのデザインにするために複雑な手順を経る必要がありましたが、スコラボでカウンター機能を利用することで、ブラウザ上で簡単にテンプレートを選択し、直感的な操作でデザインを変更できるようになりました。

カウンター機能の基本

カウンターを追加する

スコラボのトップ画面から「アイテムを追加する」を選択すると、出てくるタブ一覧の一番右に「カウンター」タブが表示されるようになりました。好みのカウンターを一覧から選択することで、画面中央の編集スペースにカウンターが表示され、位置と大きさを調整することができます。

さらに細かい設定をする方法については「カウンターを編集する」章をご確認ください！

カウンターを編集する

カウンターを選択した上で、「カウンター設定」を選択すると、カウンターの背景色やテキスト色、フォントや単位、ボタンを押した時に増減する数（デフォルトは1）などを変更することができます。また、テンプレートによっては、目標の最高値を設定することが可能で、80%達成時と100%達成時に背景色やテキスト色を変えることができます。

カウンターを動かす

編集画面内

カウンターを選択した上で、スコラボ編集画面の上部にある「−」「+」ボタンを押すことで、カウンターの数字を変えることができます。

リモコン（スコラボ内）

カウンターを選択した上で、「リモコンを出す」を選択することで、カウンター操作用のウィンドウがポップアップします。左右にある「−」「+」ボタンを押すことで、カウンターの数字を変えることができます。

リモコン（OBS内）

上述の通り、スコラボ内でリモコンを出した後、「配信ソフト上でリモコン操作するには？」を押すことで、配信ソフト上でリモコンを表示するリンクを取得することができます。

OBSを開き、「ドック」→「カスタムブラウザドック」を開きます。

出てきたウィンドウの中に、「ドック名」「URL」を入力する欄があるので、任意のドック名を入力した上で、スコラボで表示されたURLをコピペし、「適用」もしくは「閉じる」を押しましょう。

新しくOBS内に出てきたウィンドウで、カウンターのリモコンを表示できるようになります。（初回はスコラボにログインする画面が表示されるので、ログインすることでリモコンを表示できるようになります。）

テンプレート使用例3選

①朝枠のおはよう人数

「ソシャゲ風カウンター」のテンプレートは、朝枠でおはよう人数を数えるのにぴったりです。最初の値を0にして、「+」を押していくことでカウントアップすることができます。

このテンプレートでは、「タイトル」「最高値」「メインカラー」を設定することができます。そして、最高値に対する現在の数の割合が、プログレスバーのデザインに反映されるようになっています。

画像協力：桜鳥ミーナ

②耐久企画のマシュマロ数

「看板カウンター」のテンプレートは、マシュマロ数で耐久企画を行う時にぴったりです。他にも、初見さんの人数やギフトの数など、最初の値に目標数を設定し、「-」を押していくことでカウントダウンすることができます。

このテンプレートでは、「タイトル」「単位」「上部の色」を変更することができます。

画像協力：天瀬モモ

③ゲーム配信のキル数

「FPS風カウンター」のテンプレートは、キル数の目標があるゲーム枠をする時にぴったりです。

このテンプレートでは、「タイトル」「最高値」を設定することができます。そして、最高値に対する現在の数の割合が、カウンター下部のプログレスバーのデザインに反映されるようになっています。

画像協力：無名むむ

＜上級者向け＞テンプレートを使用しない場合

「数字だけカウンター」は、名前の通り、背景が何もついていない数字だけのカウンターで、「フォント」「文字の太さ」「文字の色」を変更することができます。カウンターと組み合わせたい背景がすでに決まっている上級者におすすめです。

例えば、オリジナルの部屋を持っているVTuberにおすすめです。下の作例では、元ある枠に「数字だけカウンター」を入れて、フォントを「スーラ ProN」のUB（太字）にすることで、カウンターを部屋に馴染ませています。

また、変える必要のないテキスト部分（「イベントまで」と「日」）は、スコラボのテキスト機能で別途追加しています。

▼スコラボのテキスト機能についてはこちらから！▼

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

まとめ

スコラボの最新機能「カウンター」はいかがでしたでしょうか。

カウンターを使うことで、配信中にわざわざテキストで数字を打ち直すことなく、ボタンひとつで配信画面上の数字を変動させることができるので、企画の幅が広がります。

スコラボのカウンターは、従来の一般的なやり方に比べて、ブラウザ上で簡単にテンプレートを選択し、直感的な操作でデザインを変更できるようになっているので、カウンターを使うことにハードルの高さを感じていたVTuberにもおすすめの機能です！

ぜひスコラボの豊富なかわいいテンプレートの中から、自分の配信にぴったりのカウンターを選んでみてください！

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

スコラボ