【OBS Studio】美しいテロップ・テキストを入れる方法。文字を流す方法も

OBS Studio(以下OBS)で、テロップ(テキスト、文字、字幕)を表示させるにはどうしたらよいのでしょうか。

テキストの表示

テロップは、いろいろな用途に使えます。簡単に表示できるので、どんどん使ってみましょう。

  • お知らせがあるとき
  • 注意事項があるとき
  • 現在の状況を伝えたいとき
  • 画面に隙間があって、それをデザイン上埋めたいとき
【スポンサーリンク】

テキストを追加しよう

  1. 「ソース」の「+」をクリックして、「テキスト (GDI+)」を選択します。
  2. 「テキスト

  1. 適当な名前をつけて「OK」をクリックします。
  2. 「OK」をクリック

  3. 「テキスト」横の欄に、任意の文字を入力しましょう。
  4. テキスト欄に文字を入力

  5. 「OK」をクリックします。
  6. 「OK」をクリック

  7. 画面内のテキストをドラッグして、文字の位置を調整します。
  8. プレビュー画面でテキストの位置を調整

フォントの種類、サイズを変更しよう

フォントを変える

フォントの種類を変更するには、プロパティを開きましょう。「テキスト (GDI+)」をダブルクリックします。

「テキスト

そして、「フォントを選択」をクリックし、任意のものを選択してください。

フォントを選択

文字の大きさを変える

文字の大きさは、いまの「フォントを選択」の設定画面の「Size」で変更できます。

文字サイズの変更

色を変更しよう

文字色を変える

文字の色を変えるには、プロパティで「色」のところにある「色を選択」から設定します。

文字色の変更

グラデーションをかける

文字の色にグラデーションをかけることもできます。試しに「グラデーション」にチェックを入れてください。そして、「グラデーションカラー」の「色を選択」から2色めの色を選びます。

グラデーション

また、必要であれば「グラデーションの不透明度」や「グラデーションの方向」も調整しましょう。

境界線をつける

境界線(ボーダー、縁)をつけるには、設定画面の下のほうにある「輪郭」にチェックを入れます。

縁取り

輪郭のサイズ」は境界線の太さのことで、「輪郭の色」で色を変えられます。

スポンサーリンク
レクタングル(大)

背景を作ろう

文字が見づらい場合は、背景(テロップベース)を作るのもよいでしょう。2種類あります。

テキストのプロパティからやる方法

これがいちばん簡単な方法です。

  1. 追加したテキストのプロパティを開く。
  2. 背景色」の「色を選択」で色を決める。
  3. 背景の不透明度」のスライダーを右に移動する。
  4. 「OK」をクリックする。

背景色を選択

下記画像のような背景が完成します。背景の大きさは文字の大きさに依存します。

背景の完成図

色ソースを使う方法

もう少し自由に背景をデザインしたいなら、色ソースを使ってみましょう。色ソースは四角形のことで、この上に文字を重ねます。

まず色ソースを追加します。

  1. 「ソース」の「+」をクリックし、「色ソース」を追加する。
  2. 「色を選択」から色を決める。
  3. 透明度は、「色を選択」→「Alpha channel」で変更できる。
  4. 設定画面を閉じる。

「色ソース」の追加

つぎに、ソース一覧で「色ソース」をドラッグして「テキスト (GDI+)」よりも下の位置にしましょう。すなわち、ソースの重なり順を変えて文字が背景よりも手前になるようにします。

ソースの順序を変更

OBSのプレビュー画面上で、Shiftキーを押しながら色ソースのバウンディングボックスの角・辺をドラッグし、任意の大きさにしてください。位置も調整します。

Shiftキーを押さずに色ソースをドラッグすると、アスペクト比(縦横比)が維持されるため、うまく色ソースの大きさを変えられません。

テキストと色ソースをまとめて移動したいときは、Ctrlキー、またはShiftキーを押しながら、ソース一覧にある2個のソースをクリックし、その後プレビュー画面上でドラッグします。

複数のソースを選択して移動

文字をスクロールさせよう

文字を横方向に流して表示させることもできます。

文字を横に流すと、リアルタイム感が強調されて視聴者に新鮮な印象を与えることができるでしょう。

やり方は簡単です。フィルター機能を使います。やり方については、下記ページをご覧ください。

OBSで文字を横に流す方法。スクロールフィルターをかけるだけの簡単設定
OBS Studio(以下OBS)で文字を流す(スクロールさせる)方法について見ていきましょう。 一例ですが、以下のようなとき...
スポンサーリンク
レクタングル(大)
レクタングル(大)

X(旧Twitter)で最新情報をツイートしています!フォローお願いします。

関連コンテンツ



スポンサーリンク
レクタングル(大)