OBSにスティンガートランジションを追加する方法(透過WebM)
OBSにスティンガートランジションを追加するには、背景が透明な短いアニメーション(通常はアルファチャンネル付きのWebM)と、1つの数値が必要です。その数値がトランジションポイント、つまりアニメーションが画面全体を覆う瞬間です。Scene TransitionsドックでStingerを追加し、ファイルを選んで、トランジションポイントを入力します。それ以降はシーンを切り替えるたびにスティンガーが再生され、画面が覆われている間にOBSが下のシーンを切り替えるので、カットは一切見えません。
このガイドでは、チャンネルに合ったスティンガーの作り方(ここでは、プロンプトからスティンガーを描いてトランジションポイントも教えてくれるiArtのスティンガートランジション作成ツールを使います)、OBSの各設定、音、そしてうまくいかないときの対処法を解説します。
ビデオポッドキャストのカメラを切り替えるスティンガー。OBSでの再生と同じ見え方です。映像はMixkitの無料ストック素材で、スティンガーが透過WebMです。
スティンガーが機能するための条件
- 最初と最後が透明であること。スティンガーが入ってくる間は周りに切り替え前のシーンが、抜けていく間は切り替え後のシーンが見えている必要があります。この透過を保持できるのがアルファチャンネル付きのWebMで、OBS向けのスティンガーパックもこの形式で配布されています。MP4は透過を保持できないため、最初のフレームから画面全体が覆われてしまいます。
- 画面を完全に覆う瞬間があること。途中のどこかで、ほんの一瞬でも、スティンガーが画面全体を隠す必要があります。OBSがシーンを入れ替えるのはこのタイミングです。
- 短いこと。たいていは1〜3秒です。切り替えのたびに再生されるので、長いと配信のテンポが止まってしまいます。
同じスティンガーを単体で市松模様の上に置いたもの。最初と最後は透明で、真ん中で画面を完全に覆います。
ステップ1:スティンガーを作る
iArtのAnimationモード(このリンクはゲーム実況向けのプロンプトを入力した状態で開きます)を開き、スティンガーを1文で説明します。OBS用のスティンガートランジションであること、表示したいとおりのチャンネル名や番組名、そして見た目(色、雰囲気、速いか落ち着いているか)を伝えてください。ロゴがあればPNGで添付し、スティンガーに入れたいと書きます。エージェントのClaude Opus 5.5がすべてのフレームをコードで描くので、名前は本物のテキストで表示され、デザインも既製のセットから選ぶのではなく、あなたのプロンプトのために作られます。
プレビューは市松模様の上で再生されるので、最初と最後が透明になっているか確認できます。スティンガーを渡すとき、エージェントは画面が完全に覆われるタイミングを教えてくれます。その数値がトランジションポイントなので、メモしておきましょう。「もっと速く」「名前を大きく」「シュッという効果音を追加して」など、チャットで返信すれば何でも修正できます。修正が済んだらExportを押します。オーバーレイは透過WebMとして書き出されます。書き出しには有料プランが必要で(新規アカウントには2ドル分の無料クレジットがあり、1本作ってプレビューできます)、透過での書き出しにはChromeまたはEdgeが必要です。
ステップ2:OBSにStingerトランジションを追加する
- Scene Transitions(シーントランジション)ドックを探します。初期設定ではScenesとSourcesの隣にあります。表示されていない場合はDocksメニューからオンにしてください。
- +をクリックし、Stingerを選びます。チャンネル名など、わかりやすい名前を付けます。
- Video Fileで、書き出した.webmを指定します。
ステップ3:トランジションポイントを設定する
Transition Point TypeをTime (milliseconds)にし、スティンガーが画面全体を覆う瞬間を入力します。上のポッドキャストのスティンガーなら700、つまり再生開始から0.7秒後です。OBSはちょうどその瞬間、覆われた画面の裏でシーンを切り替えます。
- 早すぎると、スティンガーが切り替え前のシーンを覆い切る前に、新しいシーンがパッと映ってしまいます。
- 遅すぎると、切り替え前のシーンがまだ下にあるうちに、スティンガーが抜け始めてしまいます。
数値がわからない場合は、プレビューをスクラブして、背景がまったく見えなくなる最初の瞬間を探してください。覆われている区間のどこでも機能しますが、その真ん中がいちばん確実です。
ステップ4:音
iArtのスティンガーは、頼まない限り無音です。シュッという音、ヒット音、チャイムなどを頼むと、エージェントがコードで音を合成します。音は同じWebMに書き出され、OBSがトランジションと一緒に再生します。その間の配信音声の扱いはAudio Fade Styleで決まります。Fade out to transition point then fade in(トランジションポイントに向けてフェードアウトし、その後フェードイン)はスティンガーの下で音量を下げ、Crossfade(クロスフェード)は切り替え前のシーンの音声を切り替え後の音声になめらかにつなぎます。しゃべっている配信に効果音を重ねるなら、フェードのほうがたいていすっきり聞こえます。
ステップ5:スティンガーでシーンを切り替える
Scene Transitionsドックでスティンガーを選びます。これで、クリックでもホットキーでも、シーンを切り替えるたびにスティンガーが再生されます。一部の切り替えだけでスティンガーを使いたい場合は、デフォルトはシンプルなCutやFadeのままにして、スティンガーを特定のシーンのTransition Overrideに設定します。Scenesの一覧でシーンを右クリックし、そのシーンに切り替えるときに使うトランジションを選んでください。
トラブルシューティング
- スティンガーの間ずっと、黒や単色の背景がシーンを覆ってしまう。ファイルに透過がありません。たいていはMP4であることが原因です。WebMで書き出してください。
- カットが見えてしまう。トランジションポイントが覆われている区間の外にあります。エージェントが教えてくれた数値を確認するか、プレビューをスクラブして覆われている瞬間を探してください。
- ふちがおかしい、または透過部分がちらつく。GPUデコーダーによってはアルファ付きWebMをうまく扱えないことがあり、古いバージョンのOBSにも同様の問題がありました。OBSをアップデートしてください。
- スティンガーがもたついて感じる。もっと短いもの(「1.5秒」など)を頼んで書き出し直してください。OBSは切り替えのたびにファイル全体を再生します。
ここから始められるスティンガーをあと3つ
どれも下に載せたプロンプトから作り、透過WebMとして書き出したものです。動画内の映像は無料のストック素材で、切り替えの様子を見せるためのものです。
ゲーム実況チャンネル:斜めのストライプ
チャンネル「NovaPlays」用のOBSスティンガートランジション。紫とティール、速くてキレのある感じで。
ティール、バイオレット、深い紫のストライプが勢いよく横切り、NOVAPLAYSのロゴがバンと飛び込んできて、ストライプがはがれるように抜けていきます。1.6秒。トランジションポイント:800 ms。
教会のライブ配信:賛美から説教へ
教会のライブ配信(Grace Community Church)で、賛美から説教に切り替えるときのシーントランジション。温かく落ち着いた雰囲気で、ゴールドと深いグリーン。OBSで使います。
深いグリーンのベールが金色の光のカーブに乗って上がり、細い十字架が教会名とともに描かれ、ベールがそのまま上がり続けて次のシーンが現れます。3.6秒、あえて落ち着いたテンポです。トランジションポイント:1900 ms。
eスポーツチーム:リプレイ用スティンガー
大学eスポーツチーム「Riverside Hawks」用のスティンガートランジション。Twitch配信のラウンド間リプレイに使います。オレンジと黒、攻撃的で、鷹をイメージした感じで。
爪で引き裂くような斬撃が走り、黒いブレードがなぎ払い、RIVERSIDE HAWKSの横に角ばった鷹の頭が叩きつけるように現れます。2.6秒。トランジションポイント:1000 ms。
FAQ
OBSのスティンガートランジションはどのファイル形式にすべきですか?
アルファチャンネル付きのWebM(VP9またはVP8)が一般的です。ファイルが軽く、OBSが透過をそのまま再生でき、OBS向けのスティンガーパックもこの形式で配布されています。MP4は透過を保持できません。OBS 27以降では、アルファチャンネルの代わりに白黒のマットを映像の横に持たせるトラックマット方式のスティンガーにも対応しています。
OBSのトランジションポイントとは何ですか?
スティンガーの中で、OBSが新しいシーンに切り替える瞬間のことです。Transition Point TypeをTime (milliseconds)にし、スティンガーが画面全体を覆っている瞬間を入力します。たとえば0.7秒なら700です。
スティンガートランジションの長さはどれくらいがいいですか?
たいていは1〜3秒です。シーンを切り替えるたびに再生されるので、短いほうが気になりません。カットを隠せるだけの時間、画面を覆えれば十分です。
スティンガーの背景が黒くなるのはなぜですか?
動画にアルファチャンネルがないため、OBSが背景を単色で表示しています。スティンガーを透過付きのWebMで書き出してください。MP4では透過を保持できません。
スティンガーに音を付けられますか?
はい。OBSはスティンガーファイルの音声をトランジションと一緒に再生し、その下で配信音声がどうなるかはAudio Fade Styleで調整できます。iArtのスティンガーは頼まない限り無音ですが、シュッという音やヒット音を頼めば、同じファイルに入れて書き出されます。
自分のロゴを入れたスティンガーは作れますか?
はい。iArtのAnimationモードでロゴをPNG、JPEG、WebPのいずれかで添付し、スティンガーに入れたいと伝えてください。ロゴはそのままの形で表示されます。ロゴがない場合は、デザインに合った書体でチャンネル名が入ります。
iArtのスティンガートランジション作成ツールで自分のスティンガーを作るか、上のプロンプトから始めてみてください。配信中に名前を画面に出したいならアニメーションテロップを、スティンガーとは何か、その名前の由来についてはスティンガートランジションとは?をご覧ください。