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

OBS Studio(以下OBS)で、テロップ(テキスト、文字、字幕)を表示させてみましょう。

テキストの表示

テロップは、いろいろな用途に使えます。

  • お知らせがあるとき
  • 現在の状況を伝えたいとき(例 : 休憩中)
  • 画面に隙間(空白)があって、それをデザイン上埋めたいとき

このページを読めば以下のことがわかります。

  • テキストを表示する方法
  • フォントの変更方法
  • サイズの変更方法
  • 色の変更方法
  • テキストを横に流す方法
【スポンサーリンク】

テキストを追加しよう

  1. 「ソース」の「+」から「テキスト (GDI+)」を追加します。
  2. テキスト追加

    1. 「テキスト」欄に任意の文字を入力しましょう。
    2. テキスト欄に文字を入力

    3. アンチエイリアスを有効にする」がONになっていることを確認します。これがOFFだと文字のエッジがギザギザになります。
    4. アンチエイリアスを有効にする

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

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

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

    フォントを変える

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

    「テキスト

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

    フォントを選択

    フォントを増やす

    フォントの種類を増やしたい場合は、自分でフォントをPCにダウンロード・インストールする必要があります。

    そうすれば、追加したフォントをOBSでも選べるようになります。

    誤解が多いところです。OBSで選べるフォントが少なかったとしても、それはOBSは関係ありません。自分がフォントをPCにインストールしていないだけです。

    文字の大きさを変える

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

    文字サイズの変更

    色を変更しよう

    文字色を変える

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

    文字色の変更

    グラデーションをかける

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

    グラデーション

    すると、「色を選択」の部分から2色めの色を選べるようになります。

    グラデーション2色め

    必要であれば「グラデーションの方向」も調整しましょう。斜めのグラデーションにできます。

    グラデーションの方向

    縁取り(境界線)

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

    縁取り

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

    輪郭のサイズ、輪郭の色

    二重縁取り

    縁取りを二重にしたい場合は、再度「テキスト (GDI+)」を追加してください。

    1. テキストソース追加し、縁取りしておく(上述)。
    2. 1回めに追加したテキストソース上で右クリックし、「コピー」をクリックする。
    3. 適当な箇所で右クリックし、「貼り付け (複製)」をクリックする(ショトカは使わない)。
    4. 2回めに追加したテキストソースを、1回めに追加した同ソースより下の順序にする。
    5. 2回めに追加したテキストソースで「輪郭」にチェックを入れる。
    6. このとき「輪郭のサイズ」を1回めよりも太く設定する。
    スポンサーリンク
    レクタングル(大)

    テロップの背景を作ろう

    文字が見づらい場合は、背景(テロップベース、座布団)を作ってみましょう。2種類あります。

    テロップベース

    色ソースを使う方法

    ひとつめのやり方として、「色ソース」を使う方法があります。

    まず、以下のようにして背景を作成します。

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

    「色ソース」の追加

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

    Shiftキーを押しながらドラッグ

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

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

    ソースの順序を変更

    テキストと色ソースをまとめて移動したいときは、以下のようにします。

    1. Ctrlキー(またはShiftキー)を押す。
    2. その状態でソース一覧にある2個のソースを選択する。
    3. プレビュー画面上でドラッグする。

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

    または、ソースをグループ化する方法でもかまいません。

    1. Ctrlキー(またはShiftキー)を押す。
    2. その状態でソース一覧にある2個のソースを選択する。
    3. 右クリックして、「選択したアイテムのグループ化」をクリックする。
    4. プレビュー画面上でドラッグする。
    【OBS】追加したソースの整理整頓術。8つの方法で配信を効率化
    OBS Studio(以下OBS)では、ソースを追加する作業が必要不可欠です。しかし、ソースを追加していくと「ソース」欄がゴチャゴチャしてし...

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

    2つめのやり方は、テキストのプロパティを開いて設定する方法です。

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

    背景色を選択

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

    背景の完成図

    ただし、「テキスト領域の範囲を指定する」をONにすることで、「幅」と「高さ」を調整して背景の大きさを変更できます。

    テキスト領域の範囲を指定する

    文字が複数行になっている場合は、必要に応じてすぐ下にある「折り返す」をOFFにしてください。

    折り返す

    また、いま作った背景における文字の位置を調整するには、「位置揃え」と「垂直位置揃え」を変更します。

    背景内における文字の位置

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

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

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

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

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

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

関連コンテンツ



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