配信画面で安っぽく見えないテロップの作り方

「マイクもカメラも良いものを買ったし、オーバーレイも設定した。
 なのに、なぜか自分の配信画面が『素人っぽく』見える…」

配信活動をしていると、誰もが一度はこの壁にぶつかります。
実は、その原因の9割は「フォント選び」と「余白(マージン)の作り方」にあります。

プロのデザイナーが作る画面と、初心者が作った画面。
そこにある決定的な違いは、決して「使っているソフトの値段」ではありません。
「文字」という最強の情報伝達ツールを、いかに美しく、かつ見やすく配置しているかという計算の差です。

この記事では、初級者〜中級者の配信者の方に向けて、
プロのデザイナー目線で「安っぽく見えないテロップと余白の作り方」を徹底的に解説します。
今日からOBSや動画編集ソフトの設定を変えるだけで、あなたの配信のクオリティは劇的に向上します。


目次

なぜあなたの配信画面は「安っぽく」見えてしまうのか?

具体的なテクニックに入る前に、まずは「やってはいけないNG例」を知ることから始めましょう。
以下のような設定になっていませんか?

  • デフォルトフォントのまま(「MS ゴシック」や「メイリオ」などをそのまま使っている)
  • 原色の使用(真っ赤、真っ青、真っ黄色の文字)
  • 過剰な縁取り(文字が潰れるほど太い黒フチをつけている)
  • 画面ギリギリの配置(画面の端から1ピクセルの隙間もなく文字が配置されている)

これらはすべて、視聴者に「素人感(=安っぽさ)」を与えてしまう原因です。
特に配信画面はスマートフォンで視聴されることも多いため、
「視認性(読みやすさ)」と「デザイン性」の両立が不可欠になります。


プロが実践する「フォント選び」の絶対ルール

フォントは配信の「声色」です。
ホラーゲームの配信でポップな丸ゴシックを使えば緊張感が削がれますし、
雑談配信でガチガチの明朝体を使えば堅苦しくなります。

画面内で使うフォントは「最大2種類」まで

あれもこれもと色々なフォントを使うと、画面が散らかって見えます。

基本は「メインフォント(情報の伝達用)」「アクセントフォント(タイトルやロゴ用)」の2種類に絞りましょう。

テロップの王道は「可読性の高いゴシック体」

配信のテロップ(字幕)や、
常時表示する情報(TwitterIDや現在の企画名など)には、飾りのないゴシック体が最適です。

フォントの種類特徴と与える印象おすすめの配信ジャンルプロおすすめのフリーフォント
角ゴシック視認性最強。モダン、スタイリッシュ、力強いFPS・アクションゲーム、解説枠Noto Sans JP、コーポレート・ロゴ
丸ゴシック親しみやすい、柔らかい、可愛い、ポップ雑談、参加型ゲーム、マイクラ等M PLUS Rounded 1c、にくまるフォント
明朝体高級感、繊細、和風、ホラー、大人っぽいホラーゲーム、朗読、シチュボNoto Serif JP、しっぽり明朝
デザイン書体個性的、インパクト大(※多用厳禁)サムネイル、配信タイトルロゴけいふぉんと、キルゴU

💡 プロのワンポイント

Google Fontsで提供されている「Noto Sans JP」は、太さ(ウェイト)の種類が豊富で、
どんな画面にも馴染む最強の万能フォントです。まずはこれを入れておけば間違いありません。

「ウェイト(太さ)」で情報の優先順位をつける

同じフォントでも、太さを変えるだけで画面にメリハリが生まれます。

見出し・強調したい言葉: Bold(太字)〜 Black(極太)
補足説明・長い文章: Regular(標準)〜 Medium(中字)

全てを太字にすると圧迫感が出ます。
「ここぞ」という時だけ太くするのが、洗練されて見えるコツです。


「余白(マージン)」こそが高級感の正体

プロのデザインにおいて、文字そのものと同じくらい重要なのが「何もない空間=余白」です。
文字がギュウギュウに詰まった画面は、それだけで視聴者にストレスを与えます。

セーフエリアを意識する(外側の余白)

画面の端ギリギリにテキストやロゴを配置してはいけません。
モニターによっては端が見切れたり、スマホの全画面表示でノッチ(インカメラの黒い部分)に被ったりします。

画面の上下左右には、最低でも画面サイズの5%程度の余白(見えない枠)を設け、
その内側に要素を配置するようにしてください。

座布団(背景)と文字の間の余白(内側の余白)

文字の下に半透明の黒い四角(通称:座布団)を敷く際、文字と枠の距離が近すぎると非常に窮屈で安っぽく見えます。

NGな座布団: 文字の上下左右にほとんど隙間がない。
プロの座布団: 文字の上下に「文字サイズの0.5個分」、左右に「文字サイズの1個分」の余白がある。

余裕を持った座布団を敷くことで、一気にテレビ番組のようなプロ感が出ます。

行間と字送り(カーニング)

複数行にわたるテキスト(画面端の「配信のルール」など)を表示する場合、行と行の隙間(行間)に注意しましょう。

  • 理想的な行間: 文字のサイズの1.5倍〜1.7倍程度。少し広めにとることで、スマホの小さな画面でもスッと読めるようになります。

脱・素人!テロップ装飾の最適解

配信画面で文字を目立たせるために「縁取り(ストローク)」や「影(ドロップシャドウ)」を使いますよね。
ここにもプロとアマチュアを分ける大きな壁があります。

罠:「太すぎる黒フチ」からの卒業

文字を目立たせようとして、文字の内側まで食い込むような太い黒フチをつけていませんか?
文字の角が丸まってしまい、非常に野暮ったい印象になります。

【洗練されたフチ取りのテクニック】

  1. 二重フチにする: 「文字(白)+細いフチ(テーマカラー)+細いフチ(白)」のように多重構造にすると、
              太くてもポップで美しい仕上がりになります。
  2. フチの代わりに「濃い色の座布団」を敷く: そもそもフチを取らず、背景に不透明度70%程度の黒い帯を敷き、
            その上に白い文字を乗せるのが、最もスタイリッシュで現代的な手法です。

高級感を演出する「ドロップシャドウ」の黄金比

影(シャドウ)は、ベタッと真っ黒なものを落とすと安っぽくなります。
「光が当たって自然に影が落ちている」ように見せるのがプロの技です。

  • 不透明度: 100%ではなく、30%〜50%に下げる。
  • ぼかし(ブラー): くっきりさせず、柔らかくぼかす。
  • 距離・角度: 右下に少しだけズラす(例:角度135度、距離は文字サイズの5%〜10%程度)。

この設定にするだけで、文字が画面からフワッと浮き上がり、リッチな印象(高級感)を与えられます。


OBSや動画編集ソフトですぐに使える設定

ここまで学んだ理論を活かして、実際の配信で使えるテキストレイアウトの設定を公開します。

設定A:FPS・競技ゲーム向けの「スタイリッシュ」設定

  • フォント: Noto Sans JP (Black) または 欧文の斜体フォント
  • カラー: 白(#FFFFFF)をベースに、アクセントで蛍光イエローやシアン
  • 装飾: フチ取りは無し。代わりに黒のドロップシャドウ(不透明度80%、ぼかし無し、右下に少しズラす)でソリッドな影をつける。
  • 配置: 画面の四隅のいずれかに、外側の余白をしっかり取って配置。テキストは「右揃え」または「左揃え」で直線を意識する。

設定B:雑談・まったり配信向けの「ポップ&キュート」設定

  • フォント: M PLUS Rounded 1c (Bold)
  • カラー: パステルカラー(薄いピンクや水色)の座布団に、濃い茶色(#332211)の文字。※真っ黒は使わないのがコツ。
  • 装飾: 座布団の角を丸くする(角丸四角形)。文字自体には白い細めのフチをつけて、視認性を高める。
  • 配置: 画面下部に、コメント欄や立ち絵と被らないように配置。行間はゆったりめに取る。

まとめ:デザインは「思いやり」

いかがでしたでしょうか。
配信画面のデザインにおいて最も大切なのは、「視聴者がストレスなく、快適に情報を得られるか」という視点です。

  1. 用途に合ったフォントを2つ以内に絞る
  2. 画面の端や、文字の周りにたっぷりと「余白」を取る
  3. 過剰な装飾を避け、自然な影や座布団で視認性を確保する

これらは決して特別な才能が必要なものではありません。
知っているか、知っていないかだけの「法則」です。
ぜひ次回の配信から、OBSのテキスト設定やオーバーレイの配置を見直してみてください。
画面が洗練されるだけで、あなたの声やプレイの魅力は何倍にもなって視聴者に届くはずです。

ぜひ一度作成してみてください。

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

橋本佳紀のアバター 橋本佳紀 取締役 COO 執行役員

株式会社OCTA CREATION 取締役
イベント制作/ライブ配信/映像/音響をワンストップで提供

メジャーアーティスト経験を活かし、
“現場起点の高品質な配信・制作”を強みとする

目次