OBS に今月のカレンダーを表示する
「次の配信はいつ?」に画面で答えられるカレンダーです。今日の日付に丸がつき、スタジオで入力した配信予定日には点がつきます。月が変わると自動で切り替わります。パネルの色・今日と印の色・フォント・週の始まりを変えられ、パネルの中に動く背景も入れられます。配信で使えるカテゴリなので無料です。
すぐ使える素材はログインなしで OBS に貼れます。カスタマイズした素材の URL 発行にはログインが要ります。
配信画面に置いたところ(実物が動いています)
OBS に置くまで、3ステップ
1
URL をコピー
下の素材の「OBS用URLをコピー」を押します。色を変えたい場合は「カスタマイズ」で保存すると、自分用の URL が発行されます。
2
OBS でブラウザソースを追加
「ソース」の+ →「ブラウザ」→ URL を貼ります。幅と高さは下の表の目安を入れます。カスタム CSS はそのままで大丈夫です。
3
位置と大きさを合わせる
OBS 上でドラッグして置きます。ソースの実サイズに合わせて描き直すので、拡大してもぼやけません。
| 素材 | 幅 × 高さの目安 |
|---|---|
| 月間カレンダー | 600 × 600 |
こんな場面で
- 待機画面に今月の配信予定日を出しておく
- 配信の終わりに、次の配信日をカレンダーで案内する
- 「次の配信はいつ?」に、画面のカレンダーで答える
- 待機画面や休憩画面に、今月の配信予定日を出しておく
- 月末の配信で、翌月の予定を見せながら話す
このデザインの仲間
どれも実物です。そのままコピーして使えます。
背景を入れ替える
文字盤やパネル、縁の中に入れられる動く背景です。無料の背景だけでも作れて、気に入った背景は1点ずつ買い足せます。
カフェ
公園
砂浜
湖の朝
夕暮れの川
車窓
朝
青空
夕焼け
夜空
お部屋
桜
ゆめかわ
夜景
雨の日
ベッドの上(朝)
ベッドの上(昼)
ベッドの上(夕方)
ベッドの上(夜)
レストラン(朝)
レストラン(昼)
レストラン(夕方)
レストラン(夜)
オーロラ
天の川
流星群
月夜の森
蛍の小川
水晶の洞窟
海のなか
くらげの海
雲のうえ
夜桜
雪あかり
灯篭ながし
ステンドグラス
魔法の図書館
魔女の部屋
妖精の庭
星の砂浜
月の海
空の浮島
キャンドルナイト
朝のカフェテラス
朝もやの森
日の出の海
朝の窓べ
おふとんの朝
朝のさんぽ道
ホログラム室
サーバールーム
デジタルレイン
回路基板
宇宙ステーションの窓
コクピット
グリッチ
サイバーパンクの路地
データストリーム
培養ラボ
六角パネルの壁
ロボット工場
パステルサイバー
夜のハイウェイ
ゲームセンター
電脳神社
雨の窓とネオン
自分好みに変えられるところ
上の素材を実際に変えたところです。どれも動いています。
週の始まりと印
日曜はじまり
月曜はじまり
配信日に印
色を変える
ピンク
空色
ミント
黒
白
パネルの背景を変える
青空
カフェ
公園
砂浜
グラデーション
単色
ほかに変えられるところ
- 週の始まり(日曜/月曜)
- 印をつける日(配信予定日など)
- パネルの色、今日と印の色、フォント
- パネルの背景を単色/グラデーション/動く背景に
自分の好みにカスタマイズする保存すると自分用の OBS 用 URL が発行されます。ブラウザソースの幅×高さの目安はスタジオの URL 欄にも出ます。
設定のコツ
- 1配信予定日は、スタジオの「印をつける日」に日付をカンマ区切りで入力して保存します
- 2今日の丸は自動でつき、月が変わると表示も自動で切り替わります
- 3印をつける日は、保存した作品を開いて書き換え、保存し直せます
- 4週の始まりは日曜と月曜から選べます。配信予定表の並びに合わせてください
よくある質問
- 配信予定日はどう入れますか?
- 「カスタマイズする」からスタジオを開き、「印をつける日」に日付をカンマ区切りで入力して保存します。保存した作品の OBS 用 URL を使ってください。
- OBS ではどう設定しますか?
- 「ソース」の+から「ブラウザ」を追加し、コピーした URL を貼るだけです。幅と高さはソースの比率に合わせて指定し、位置や大きさは OBS 上で調整します。背景は透過で描画されるので、カスタム CSS の変更は不要です。
- 無料で使えますか?
- はい。ここに並んでいる素材は、ログインも保存も不要でそのまま使えます。色や文字を変えて自分用に保存する場合はログイン(Google または X)が必要です。動く背景は無料のものだけでも作れて、気に入った背景を1点ずつ買い足して広げられます。
- 拡大するとぼやけませんか?
- ぼやけません。ブラウザソースの実サイズに合わせて毎回描画し直すので、1920×1080 の配信でも 4K でもくっきり表示されます。
- 色や文字は後から変えられますか?
- 変えられます。「カスタマイズ」でスタジオを開いて色や文字を変え、保存すると自分用の OBS 用 URL が発行されます。保存した作品はマイページから開いて、何度でも編集し直せます。
- OBS 以外の配信ソフトでも使えますか?
- 「ブラウザソース」に相当する機能(Web ページを画面に重ねる機能)がある配信ソフトなら、同じ URL をそのまま貼って使えます。設定の名前はソフトによって異なります。
- 複数の素材を同時に置けますか?
- 置けます。素材ごとに別の URL なので、OBS でブラウザソースを素材の数だけ追加し、それぞれ好きな位置と大きさに並べます。
- 画像として保存できますか?
- 配信で使える素材は、ライブで動くことが前提なので OBS 用の URL として使います。PNG や MP4 の書き出しは、チェキ・日めくりカレンダー・週間配信予定・汎用フレームなど投稿で使えるカテゴリで使えます。
- 収益化している配信でも使えますか?
- 使えます。Tsutae で作成した成果物は利用者が利用できます。アップロードする画像は、ご自身が権利を持つもの、または利用を許可されたものに限ります。
- スマホから使えますか?
- 素材を見て URL をコピーするだけならスマホでもできます。スタジオでの編集(色や文字の変更)は、PC のブラウザでの利用をご案内しています。