Rainbow Captions ブログ ダウンロード

MrBeast 風字幕:スタイルのしくみ

「MrBeast の字幕」という言い方は、ある見た目を指しています。太く重い文字に濃い縁取りをかけ、一語ずつ画面に飛び込ませるスタイルです。スマートフォンでも、どんな映像の上でも一瞬で読めます。ここでは、このスタイルが何でできているのか、動画に乗せる 2 つの方法、そして YouTube 自身の字幕フォーマットとの対応を見ていきます。

今日、それを解決します。

レイヤーをひとつずつオフにしていくと、背景ボックス付きのそのままの字幕に戻ります。スタイルを設定していないトラックで YouTube が表示するのが、この見た目です。

5 つの構成要素

太くてシンプルな書体

文字は、シンプルなサンセリフ体のいちばん太いウェイトで組みます。細い線は小さな画面では消えてしまいますが、太い線は圧縮にも動きにも、情報量の多い背景にも負けません。装飾的なフォントはこのスタイルには逆効果です。ねらいは、コンマ数秒で読ませることだからです。

ボックスではなく太い縁取り

通常の字幕は半透明の黒いボックスの上に乗っています。MrBeast 風の見た目はそのボックスをやめ、一文字ずつを濃い縁取りで包みます。おかげで映像を隠す面積がぐっと減り、明るいカットでも暗いカットでも文字がしっかり立ちます。

縁取りの下に敷くやわらかな影

テキストの少し下にぼかした影を置くと、文字が映像から浮き上がります。縁取りだけでは、情報量の多いシーンで平板に見えることがあります。影が加わることで奥行きが生まれ、言葉が動画の上に乗っているように感じられます。

一語ずつ

文をまるごと出すのではなく、話し声に合わせて言葉が現れます。視聴者が話し手より先に読み進めることがなくなり、視線はフレームの中央付近にとどまり、早口の話し手でも追いやすくなります。

少ない語数と強い色

1 枚の字幕に入れるのはわずかな語数で、たいてい 1 行か 2 行です。塗りは白か彩度の高い色で、黄色が定番の選択です。もう 1 色は強調や 2 人目の話し手のために取っておきます。

この見た目を実現する 2 つの方法

映像に焼き込む

たいていの動画編集ソフトは、アニメーション付きの字幕をそのまま映像に描き込めます。こうすると、どこで再生しても、ほかのプラットフォームに転載されたクリップでも同じ見た目になります。ただし、引き換えになるものも同じように元に戻せません。

スタイル付きの YouTube 字幕トラックとして

YouTube のタイムドテキスト形式は、多くの場合 .ytt ファイルとして保存され、YouTube 内部では format 3、つまり SRV3 と呼ばれます。この形式はフォント、色、縁取り、影、位置、そして一語ごとのタイミングを持てます。字幕トラックとしてアップロードすれば、動画ファイルには一切手を加えません。

代償は見た目の一貫性です。YouTube のプレーヤーによってこの形式の描画はわずかに異なりますし、プレーヤー側で字幕設定を変更している視聴者は、こちらの色やフォントを上書きできます。

このスタイルと YouTube の字幕フォーマットの対応

スタイル付きのトラックは、2 つの部分からなる XML ファイルです。head ではペン、つまり使い回せる文字スタイルを定義し、body には字幕の各行が並んで、それぞれがペンを参照します。

ペンとエッジの種類

ペンには、フォント、サイズ、太字、文字色と不透明度に加えて、エッジタイプをひとつと、その色を設定します。YouTube が扱うエッジタイプは 4 種類で、1 がハードな影、2 がベベル、3 がグロー、4 がやわらかな影です。縁取り専用のタイプはありません。濃い色のグローがその役割を果たし、同じ行を何度か重ねれば縁取りは太くなります。

ペンにはエッジタイプをひとつしか設定できないため、MrBeast 風の見た目には同じ行が 2 回必要です。下にやわらかな影のコピーを置き、その上に濃いグローのコピーを重ねます。

<timedtext format="3">
  <head>
    <pen id="1" b="1" fc="#FEFEFE" fo="254" et="4" ec="#000000"/>
    <pen id="2" b="1" fc="#FFD93D" fo="254" et="3" ec="#000000"/>
  </head>
  <body>
    <p t="1000" d="1600" p="1"><s>Today</s><s t="350"> we</s><s t="600"> fix</s><s t="900"> that.</s></p>
    <p t="1000" d="1600" p="2"><s>Today</s><s t="350"> we</s><s t="600"> fix</s><s t="900"> that.</s></p>
  </body>
</timedtext>

簡略化した例です。ペン 1 が影のレイヤー、ペン 2 がその上に重なる縁取り付きの黄色いレイヤーです。<s> のセグメントはそれぞれ自分のオフセット t から始まり、これが言葉を一語ずつ現れさせています。

つまずきやすい細かい点

Rainbow Captions で MrBeast 風の字幕をつくる

「Mr.Beast style (karaoke)」プリセットを選び、黄色い縁取りの字幕をプレビューに表示した Rainbow Captions のエディター
Mr.Beast style (karaoke) プリセットを適用したエディター。
  1. 字幕を開きます。SRT、VTT、SBV、ASS/SSA、TTML、プレーンテキストを読み込むか、YouTube の動画にすでに付いている字幕トラックを取り込みます。
  2. Mr.Beast style (karaoke) プリセットを選びます。すべての行に影と縁取りのレイヤー、そして一語ずつのタイミングを組み立て、パレットの色はそのまま保ちます。
  3. ライブプレビューで確認します。16:9 のフレームで行を再生し、強調や話し手に合わせて色を変えます。
  4. 翻訳します。言語を選んで Translate を押します。どの翻訳にもスタイル、タイミング、エフェクトが引き継がれます。
  5. 公開します。チャンネルを接続し、動画を選んで、オリジナルとすべての翻訳を字幕トラックとしてアップロードします。

本当に読んでもらえる字幕のコツ

よくある質問

MrBeast 風の字幕は視聴者がオフにできますか。

字幕トラックにスタイルを持たせている場合は、オフにできます。ほかのトラックと同じように字幕のオン・オフを切り替えられます。映像に焼き込んだ字幕は消せません。

スタイル付きの字幕を追加するには、動画をアップロードし直す必要がありますか。

いいえ。スタイル付きの字幕トラックは、すでに公開している動画に追加します。動画ファイルは変更されません。

Rainbow Captions は MrBeast と関係がありますか。

いいえ。「MrBeast style」は、多くのクリエイターが使う字幕の見た目を指す言い方です。Rainbow Captions は独立したアプリで、MrBeast、YouTube、Google と提携関係にはなく、これらから推奨を受けているわけでもありません。

この見た目を自分の動画に

Rainbow Captions がプリセット、縁取り、一語ずつのタイミングを組み立て、全行を170言語に翻訳して、字幕トラックを YouTube に公開します。ダウンロード無料、最初の10言語も無料です。

Mac 版をダウンロード