リアクション
チャンネル登録・高評価・通知
リアルタイムプレビュー
拡大表示
リアクション押してね
配信画面での見え方
リアクション押してね
リアクション設定
表示するテキスト
使用するリアクション(複数選択可)
❤️
😄
🎉
😳
💯
表示位置
右下(デフォルト)
左下
右上
左上
背景色
文字色
背景の透過率(0~1)
0.8
全体のサイズ倍率
1.0
クリック演出の間隔(秒)
リアクションアニメをダウンロード
リアルタイムプレビュー
ボタン拡大表示
配信画面での見え方
ボタン設定
表示するボタン(複数選択可)
チャンネル登録
高評価
通知ベル
チャンネル登録
クリック前テキスト
クリック後テキスト
クリック前
背景
文字
クリック後
背景
文字
高評価
クリック前テキスト
クリック後テキスト
クリック前
背景
文字
クリック後
背景
文字
通知ベル
クリック前テキスト
クリック後テキスト
クリック前
背景
文字
クリック後
背景
文字
背景の透過率(0~1)
0.9
表示位置
右下(デフォルト)
左下
右上
左上
全体のサイズ倍率
1.0
クリック演出の間隔(秒)
ボタンアニメをダウンロード
使い方
1
カスタマイズ
上部のタブでタイプを選び、テキスト・色・サイズなどをお好みに設定してください。プレビューにリアルタイムで反映されます。
2
ダウンロード
「ダウンロード」ボタンを押すと、設定済みのHTMLファイルがダウンロードされます。
3
OBSに追加
OBSを開いて、ダウンロードしたファイルをシーンにドラッグ&ドロップするだけ!背景は自動で透過されます。
サイズの目安:
OBSにD&Dすると画面全体に配置されるので、そのまま全画面表示として使えます。コンパクトに表示したい場合は、ブラウザソースのサイズを
幅500×高さ200
程度に設定してください。設定内容により適切なサイズは変わります。
位置の調整:
全画面で使う場合は「表示位置」設定で四隅を選べます。小さくして使う場合はOBS上で自由に配置できるので
右下
のままでOKです。
組み合わせ:
リアクション版とボタン版を両方ダウンロードして、OBSに2つのブラウザソースとして重ねて使うこともできます。
📜 利用規約
個人利用 OK
法人・商用利用 OK
収益化配信での利用 OK
クレジット表記・使用報告は不要
本ジェネレーター自体の再配布・転載は禁止(リンクを貼って紹介するのはOK!)
生成したオーバーレイ素材の販売は禁止
本ツールの利用により生じた損害について、作者は一切の責任を負いません
本規約は予告なく変更される場合があります。
🛒 きっとんのBOOTH で他の素材もチェック!
配信向け素材・オーバーレイなどを配布しています
© 2026 きっとん All rights reserved.
Emoji graphics by
Twemoji
(© Twitter, Inc. / CC BY 4.0)