日付と曜日も出る配信用の時計
配信のアーカイブは後から見られることが多く、画面に日付が入っていると「いつの配信か」がひと目でわかります。時刻と日付・曜日をひとつのパネルにまとめた時計で、色とフォントを変えられます。パネルの中に動く背景を入れることもでき、無料の背景だけでも作れます。
すぐ使える素材はログインなしで OBS に貼れます。カスタマイズした素材の URL 発行にはログインが要ります。
配信画面に置いたところ(実物が動いています)
OBS に置くまで、3ステップ
1
URL をコピー
下の素材の「OBS用URLをコピー」を押します。色を変えたい場合は「カスタマイズ」で保存すると、自分用の URL が発行されます。
2
OBS でブラウザソースを追加
「ソース」の+ →「ブラウザ」→ URL を貼ります。幅と高さは下の表の目安を入れます。カスタム CSS はそのままで大丈夫です。
3
位置と大きさを合わせる
OBS 上でドラッグして置きます。ソースの実サイズに合わせて描き直すので、拡大してもぼやけません。
| 素材 | 幅 × 高さの目安 |
|---|---|
| 丸い時計(アナログ・数字入り・アンティーク・手書き風・リング) | 600 × 600 |
| デジタル・フリップ・ネオン | 1000 × 430 |
| ふきだし | 1000 × 500 |
| 日付つき | 1000 × 560 |
| 配信経過時間 | 1300 × 430 |
こんな場面で
- アーカイブで配信日がわかるように、画面の隅に日付入りの時計を置く
- 毎日配信で、今日が何曜日かをひと目で伝える
- 雑談配信で、いまの時刻を画面に出しておく
- 長時間配信で、視聴者が時間を見失わないようにする
- アーカイブを見返したとき、何時ごろの場面かわかるようにする
このデザインの仲間
どれも実物です。そのままコピーして使えます。
背景を入れ替える
文字盤やパネル、縁の中に入れられる動く背景です。無料の背景だけでも作れて、気に入った背景は1点ずつ買い足せます。
カフェ
公園
砂浜
湖の朝
夕暮れの川
車窓
朝
青空
夕焼け
夜空
お部屋
桜
ゆめかわ
夜景
雨の日
ベッドの上(朝)
ベッドの上(昼)
ベッドの上(夕方)
ベッドの上(夜)
レストラン(朝)
レストラン(昼)
レストラン(夕方)
レストラン(夜)
オーロラ
天の川
流星群
月夜の森
蛍の小川
水晶の洞窟
海のなか
くらげの海
雲のうえ
夜桜
雪あかり
灯篭ながし
ステンドグラス
魔法の図書館
魔女の部屋
妖精の庭
星の砂浜
月の海
空の浮島
キャンドルナイト
朝のカフェテラス
朝もやの森
日の出の海
朝の窓べ
おふとんの朝
朝のさんぽ道
ホログラム室
サーバールーム
デジタルレイン
回路基板
宇宙ステーションの窓
コクピット
グリッチ
サイバーパンクの路地
データストリーム
培養ラボ
六角パネルの壁
ロボット工場
パステルサイバー
夜のハイウェイ
ゲームセンター
電脳神社
雨の窓とネオン
自分好みに変えられるところ
上の素材を実際に変えたところです。どれも動いています。
デザインを変える
同じ色・同じ背景のまま、デザインだけ切り替えたところ
アナログ
数字入り
アンティーク
手書き風
リング
デジタル
色を変える
針・目盛り・文字盤など部位ごとに指定できます
ピンク
空色
ミント
黒
白
文字盤の背景を変える
青空
カフェ
公園
砂浜
グラデーション
単色
ほかに変えられるところ
- デザイン11種(アナログ/数字入り/アンティーク/手書き風/リング/デジタル/フリップ/ネオン/ふきだし/日付つき/配信経過時間)
- 針・目盛り・数字・フチなど部位ごとの色指定。カラーコードの直接入力にも対応
- 文字のフォント8書体(デジタル系・数字盤)
- 文字盤やパネルの背景を単色/グラデーション/動く背景から選択
- 位置と大きさは OBS 側のソースで自由に。拡大してもぼやけません
自分の好みにカスタマイズする保存すると自分用の OBS 用 URL が発行されます。ブラウザソースの幅×高さの目安はスタジオの URL 欄にも出ます。
設定のコツ
- 1ブラウザソースの幅×高さは目安の表どおりに。比率が多少ずれても中央に収めて描くので崩れません
- 2小さく作って OBS で拡大しても大丈夫です。ソースの実サイズに合わせて描き直すのでぼやけません
- 3暗い画面にはネオン・フリップ・デジタル、明るい画面には白フチのアナログや手書き風がなじみます
- 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 のブラウザでの利用をご案内しています。