スティンガートランジション作成ツール
説明するだけで、
透過WebMが完成。
iArtのAnimationモードが、あなたの名前入りのシーン切り替えをコードで描きます。
背景は透明。カットを覆い隠して、すっと抜けていきます。
スティンガートランジションとは？
カットを覆い隠し、
そして抜けていく。
スティンガートランジションとは、シーンを切り替えるときに配信画面の上で再生される短いアニメーションで、長さはたいてい1〜3秒です。画面に入ってきて一瞬だけ全体を覆い、また抜けていきます。画面が覆われている間にOBSが下のシーンを切り替えるので、視聴者にはカットが見えません。iArtのAnimationモードなら、1文からこれを作れます。Claude Opus 5.5搭載のエージェントが、すべてのフレームをコードで描きます。
名前は生成ではなく、入力されます。チャンネル名、番組名、チーム名は本物のテキストとしてコードに入るため、「Riverside Hawks」は「Riverside Hawks」のまま。デザインはプリセットではなく、あなたの説明から生まれます。
書き出すファイルは、OBSが求める形式そのものです。スティンガーは背景が透明なWebMとして書き出され、最初と最後は空、真ん中で画面を完全に覆います。画面が覆われるタイミング、つまりOBSで入力する数値は、エージェントが教えてくれます。
定義は スティンガートランジションとはを、設定手順は OBSにスティンガートランジションを追加する方法をご覧ください。
作例
5つのスティンガー、5つのプロンプト。
iArtのAnimationモードが、それぞれ下に載せたプロンプトからスティンガーを作りました。Mixkitの無料ストック映像の上で再生し、トランジションポイントで別のカットに切り替えています。「透過」に切り替えると、書き出したファイルそのものを確認できます。
“A stinger transition for my video podcast Off the Record, to switch between camera angles in OBS. Clean and editorial, cream and red, nothing gamer-looking.”
このプロンプトを試す →“Stinger transition for OBS for my channel NovaPlays. Purple and teal, fast and punchy.”
このプロンプトを試す →“Scene transition for our church livestream (Grace Community Church) when we switch from worship to the sermon. Warm, calm, gold and deep green. It's for OBS.”
このプロンプトを試す →“Stinger transition for our college esports team, the Riverside Hawks, for replays between rounds on our Twitch broadcast. Orange and black, aggressive, with a hawk feel.”
このプロンプトを試す →“a transition animation for when I switch scenes on my stream, with my logo text NovaPlays”
このプロンプトを試す →配信中に名前も画面に出したいなら、 アニメーションテロップをご覧ください。
使い方
説明して、確認して、書き出す。
1文から、OBSで使えるスティンガーまで3ステップです。
01
説明する
Animationモードを開き、必要なものを書きます。表示したいとおりのチャンネル名や番組名、色、雰囲気、そしてOBS用のスティンガーであることを伝えてください。ロゴを入れたい場合はPNGで添付します。効果音（シュッという音など）が欲しければそう書いてください。書かなければ無音になります。
02
市松模様の上で確認する
プレビューは市松模様の上で再生されるので、最初と最後の透明な部分と、画面が完全に覆われる瞬間がひと目でわかります。「もっと速く」「別の色に」「名前を大きく」など、チャットで返信すれば何でも修正できます。
03
書き出してOBSに追加する
透過WebMを書き出し（ChromeまたはEdge）、解像度はProで1080p、Ultraで4K。エージェントが教えてくれたトランジションポイントを使って、OBSにStingerトランジションとして追加します。
OBSの設定
OBSにスティンガーを追加する方法
スティンガーはソースではなくトランジションです。Scene Transitions（シーントランジション）ドックに置かれ、そのトランジションでシーンを切り替えるたびに再生されます。
- 01
Stingerトランジションを追加する
Scene Transitionsドックで＋をクリックし、Stingerを選びます。チャンネル名など、わかりやすい名前を付けてください。
- 02
ファイルを選ぶ
Video Fileに、書き出した透過.webmを指定します。最初と最後が透明なので、切り替え前と切り替え後のシーンが透けて見えます。
- 03
トランジションポイントを設定する
Transition Point TypeをTime (milliseconds)にし、スティンガーが画面全体を覆う瞬間を入力します（例：700）。この数値はエージェントがスティンガーと一緒に教えてくれます。プレビューをスクラブして確認することもできます。
- 04
音がある場合
効果音を頼んだ場合、音は同じファイルに入っています。Audio Fade Styleで、配信音声の扱いを決めます。トランジションポイントに向けてフェードアウトしてから戻すか、クロスフェードするかを選べます。
- 05
スティンガーでシーンを切り替える
Scene Transitionsドックでスティンガーを選びます。これでシーンを切り替えるたびにスティンガーが再生され、カットは画面が覆われている裏側、トランジションポイントで起こります。
OBSのスティンガーのモード（ミリ秒単位のカットポイント、フレーム番号、トラックマット）については、OBS公式の スティンガートランジションのガイド.
プリセットではなく、
あなたのチャンネルのために描く。
既製のスタイルで十分なら、無料のスティンガー作成ツールやトランジションパックが手っ取り早い選択肢です。番組らしいスティンガーにしたいなら、説明してください。
プリセットを選んで、色を変える
スティンガー作成ツールでは、いくつかの既製アニメーションの色を変えられます。トランジションパックは、スタジオが作った固定デザインの詰め合わせで、無料のものも有料のものもあります。
- – 選べるスタイルは数種類
- – 色は変えられるが、動きと形は変えられない
- – 名前を入れられるのはプリセットにテキスト枠がある場合だけ
- – 無料のことが多い
説明すれば、ファイルが届く
インストール不要。スティンガーを説明し、市松模様の上で確認して、チャットで返信すれば修正できます。
- ✓ 説明できるものなら、どんな見た目もこのプロンプトのために描く
- ✓ チャンネル名は本物のテキストで入力
- ✓ 透過WebMで、設定するトランジションポイントも付属
- ✓ 書き出しには有料プランが必要。作成とプレビューは不要
iArtでスティンガートランジションを作るには？
app.iart.aiでiArtのAnimationモードを開き、スティンガーを1文で説明します。チャンネル名、色、雰囲気、そしてOBS用のスティンガートランジションであることを伝えてください。エージェントが透明な背景の上にコードで描き、チェックしたうえで、トランジションポイントを教えてくれます。市松模様の上でプレビューし、チャットで修正したら、透過WebMを書き出します。
トランジションポイントとは何ですか？OBSには何を入力すればいいですか？
スティンガーが画面全体を覆う瞬間のことで、このときOBSが下のシーンを切り替えます。スティンガーの設定でTransition Point TypeをTime (milliseconds)にし、その瞬間を入力してください。たとえば0.7秒なら700です。この数値はエージェントがスティンガーと一緒に教えてくれます。
スティンガーの背景は透明ですか？
はい。アルファチャンネル付きのWebMとして書き出されます。最初と最後が透明なので、スティンガーが入ってくる間は切り替え前のシーンが、抜けていく間は切り替え後のシーンが見えます。OBSはWebMの透過をそのまま再生できます。透過の書き出しはChromeまたはEdgeで動作します。
スティンガーに音を付けられますか？
頼まない限り無音です。シュッという効果音やヒット音を頼めば、エージェントがコードで音を合成します。音は同じWebMに書き出され、OBSがトランジションと一緒に再生します。配信音声がその下でどうフェードするかは、スティンガーの設定のAudio Fade Styleで調整できます。
スティンガートランジションの長さはどれくらいがいいですか？
たいていは1〜3秒です。カットを隠せるだけの時間は画面を覆い、配信のテンポを止めない程度に短くする必要があります。上の作例は1.6〜3.6秒です。特定の長さにしたい場合は、プロンプトで指定してください。
スティンガーにロゴを入れられますか？
はい。プロンプトを書くときにロゴをPNG、JPEG、WebPのいずれかで添付し、スティンガーに入れたいと伝えてください。ロゴは描き直されず、そのまま表示されます。ロゴがない場合は、エージェントがデザインに合った書体でチャンネル名を配置します。
料金はいくらですか？
新規アカウントには$2の無料クレジットが付与され、スティンガーの作成とプレビューには十分です。ファイルの書き出しには有料プランが必要で、Proは1080p、Ultraは4Kまで書き出せます。透過WebMの書き出しにはChromeまたはEdgeが必要です。
あなたのシーン切り替えを、
たった1文から。
スティンガーを説明するだけで、透過WebMとOBS用のトランジションポイントが手に入ります。