動画編集の知識

【脱・素人】動画が劇的に垢抜ける!プロが教えるテロップと配色の基本ルール

はじめに:「一生懸命編集したのに、なんかダサいにゃ…」

「ねえひろぼー!テロップを入れたり色をつけたり、一生懸命時間をかけて動画を編集したんだけど…。完成したものを見ると『なんかダサい…素人っぽい…』ってなっちゃうの。
これって私にデザインのセンスがないからなのかな?」

猫娘、落ち込まなくて大丈夫だよ!実は、プロとアマチュアの違いは「センス」じゃなくて「デザインの基礎ルール」を知っているかどうかだけなんだ。
「えっ!? ルールを知るだけでプロっぽくなるにゃの?」

その通り!フォントの選び方を間違えないことや、画面の中の色の数を絞るだけで、誰でも劇的に動画が垢抜けるんだよ。
今日は、今日からすぐに使えて、あなたの動画が一気にプロ顔負けになる「テロップと配色の基本ルール」を完全ガイドするね!

1. 動画の印象は「フォント(書体)」で9割決まる

フォントの選び方

テロップを入れる時、初期設定のフォント(MSゴシックなど)をそのまま使っていませんか?それが「素人っぽさ」の最大の原因です。

オシャレな筆記体とかを使えばプロっぽくなるんじゃないの?
猫娘

ひろぼー
いきなり変化球を投げちゃダメだよ!動画におけるテロップは「見やすさ(可読性)」が最優先。奇抜なフォントはサムネイルやタイトルだけにして、本編のテロップは王道を行くのが正解なんだ。

「ゴシック体」と「明朝体」の使い分け

動画編集におけるフォントは、基本的には以下の2つを使い分けるだけでOKです。

  • ゴシック体(太め):
    【印象】元気、親しみやすい、力強い
    【用途】YouTubeのテロップ、解説系、エンタメ系
    ※迷ったら「ゴシック体」一択で間違いありません。
  • 明朝体(細め・ハネあり):
    【印象】高級感、和風、真面目、エモーショナル
    【用途】Vlog、美容系、シネマティック動画
    ※細すぎるとスマホで読めなくなるため、太めの明朝体を選びましょう。

まずは、自分の動画のジャンルに合わせて、「メインで使うフォントを1種類に決める」ことから始めましょう。

脱・デフォルト!フリーフォントを導入しよう

パソコンに最初から入っているフォント(MSゴシックや游ゴシック)だけでは表現に限界があります。商用利用可能なフリーフォントをダウンロードして追加しましょう。

  • Noto Sans JP: Googleが提供する超万能ゴシック体。美しくて読みやすい。
  • けいふぉんと!: ポップで楽しい雰囲気が出るため、エンタメ系に最適。
  • ラノベPOP: 少し遊び心のある、楽しげなデザイン。

「Adobe Fonts」が使える環境なら、そこから探して同期するのが最も安全で早いです。

プロの隠し味「カーニング(文字詰め)」

「なんだか文字と文字の間が間延びして、パラパラして見える…」と感じたら、文字の間隔(カーニング)を調整しましょう。
特に「、」や「。」といった句読点、「っ」や「ャ」などの小さい文字の周りは隙間が空きやすくなります。Premiere Proのエッセンシャルグラフィックスパネルなどで「カーニング」の数値を少しマイナスにするだけで、文字に「塊感(まとまり)」が生まれてギュッと引き締まります。このひと手間がプロの仕上がりを作ります。

2. 「3色ルール」で配色の迷子を卒業する

配色の基本ルール

「目立たせたいから」と、赤・青・黄色・緑…とたくさんの色を使っていませんか?色が多すぎると視聴者は疲れて離脱します。

でも、カラフルな方が楽しそうに見えない?私、レインボーとか好きなんだけど!
猫娘

ひろぼー
レインボーは「ここぞ!」という爆発シーンや大オチの時だけに使おう。基本はずっと見ても疲れない統一された色使いが、結果的に視聴維持率を上げるんだよ。

ベース・メイン・アクセントの黄金比

画面内で使う色は「3色」に絞るのが、デザインにおける絶対的な鉄則です。

  • 1. ベースカラー(70%): 背景や文字のベース色。白や黒、薄いグレーなど、映像を邪魔しない色。
  • 2. メインカラー(25%): チャンネルのイメージカラー。テロップの枠や強調したい部分に使う色。
  • 3. アクセントカラー(5%): 「ここだけは絶対に見せたい!」という重要なキーワードだけに使う色(赤や黄色など)。

この比率を守るだけで、画面全体に統一感が生まれ、一気にプロの動画へと垢抜けます。

「原色」はそのまま使わない

カラーパレットの端にある「真っ赤(#FF0000)」や「真っ青(#0000FF)」は、目に刺さる色なので非常に安っぽく(素人っぽく)見えます。

  • 赤: 少し彩度を落とした「深紅」や、明るい「朱色」にする
  • 青: 「ネイビー」や「空色」に寄せる
  • 黄: 蛍光色を避け、少しオレンジ寄りの黄色にする

このように、ほんの少し色味をずらして「パステルカラー」や「ビビッドカラー」などトーンを揃えるだけで、デザインが一気に洗練されます。

文字の視認性を高める「袋文字(縁取り)」

動画の背景は常に動いており、明るさも変わるため、文字の色だけでは背景と同化して読めなくなることがあります。そんな時は「境界線(ストローク)」や「シャドウ(影)」を使いましょう。

  • 二重縁取り: 文字(白)+縁(黒)+外縁(白)などで、どんな背景でも読めるようにする。
  • 座布団: 文字の後ろに長方形の背景(透過した黒など)を敷く。

影(ドロップシャドウ)をつける際、ボヤッと広げすぎると古臭いデザインになるので注意が必要です。影のぼかしを「0」にしてクッキリと落とすと、今っぽいポップな仕上がりになります。

配色のコツ
【合わせて読みたい!目立つ!インパクト!動画のサムネに使う文字のオススメ配色方法】

はじめに:「文字の色を変えても、背景と同化して全然読めないにゃ…!」 「ねぇひろぼー……。YouTubeのサムネイルを作ってみたんだけど、背景の写真に文字が埋もれちゃって、全然読めないのにゃ。 赤色に ...

続きを見る

3. 「セーフマージン」でレイアウトを整える

セーフマージンの活用

文字や画像が、画面のギリギリ端っこに配置されていませんか?それは視聴者に「見にくい」というストレスを与えます。

画面の端っこまでいっぱい使ったほうが、迫力が出るんじゃないの?
猫娘

ひろぼー
実は、適度な「余白」こそが映像に高級感を作るんだよ。それにYouTubeだと、下の方にはシークバー(再生バー)が被るから、文字を一番下に置くと隠れて読めなくなっちゃうんだ。

安全地帯(セーフゾーン)を守る

Premiere Proなどの動画編集ソフトには、「セーフマージン」というガイド線(枠)を表示する機能があります。

  • アクションセーフ(外側の枠): 重要な動きや被写体は、必ずこの枠より内側に収める。
  • タイトルセーフ(内側の枠): テロップなどの文字情報は、必ずこの枠より内側に配置する。

この枠の内側にテロップを収めることを徹底するだけで、スマホで見てもテレビで見ても、文字が見切れる(切れる)ことのない安全な動画になります。

「三分割法」で配置を決める

「人物や文字をどこに置けばいいかわからない」という時は、画面を縦横3つに分割した線(グリッド)をイメージしてください。
この「線の交点」に被写体の顔や重要なアイテムを置き、「線の上」に水平線や建物の柱を合わせます。たったこれだけで構図がバシッと安定し、映画のようなまとまりが出ます。なんとなく真ん中に置くのをやめて、意図を持って配置しましょう。

「余白」は恐怖ではなく味方

初心者は画面の空いたスペース(余白)を埋めようとして、無駄な画像や文字を詰め込みがちですが、それは逆効果です。
画面に「余白」があるからこそ、視聴者の視線は「メインの被写体」や「テロップ」へと自然に誘導されます。余白を恐れず、あえて何もない空間を作ることが、スッキリとして見やすいプロの映像を作るコツです。

4. 動き(アニメーション)は「さりげなく」

アニメーションの演出

編集ソフトにはたくさんのアニメーション機能がついていますが、使いすぎると「パワポで作ったプレゼン」のように安っぽくなります。

「イージング」で動きに緩急をつける

画像やテロップを動かす時、一定の速度(等速)で動くとロボットのような不自然さを感じます。
Premiere Proなどでキーフレーム(動き)をつける際は、必ず「イーズイン(ゆっくり止まる)」や「イーズアウト(ゆっくり動き出す)」を設定しましょう。動きに緩急(イージング)をつけるだけで、プロが作ったような滑らかでリッチなアニメーションになります。

テロップ出現時の「0.5秒の演出」

テロップがいきなりパッと出るのも良いですが、ほんの少し演出を加えるとクオリティが上がります。

  • フェードイン: 不透明度を0%→100%にする(優しく上品な印象)
  • スライドイン: 下からスッと上がってくる(スタイリッシュ)
  • ポップアップ: ボンッと少し跳ねて現れる(元気でポップな印象)

ただし、演出の時間が長すぎると動画のテンポが悪くなるため、0.3秒〜0.5秒程度の短い時間でサッと動かすのが鉄則です。

トランジションは「カット」が基本

場面転換で「ページターン」や「星型ワイプ」などの派手なトランジション(画面切り替え効果)を多用していませんか?特別な演出意図がない限り、基本は何も入れない「ジャンプカット(そのまま切り替わる)」が一番綺麗です。
場面が大きく変わる時や、時間の経過を表したい時だけ「クロスディゾルブ(じわっと変わる)」を使うなど、無意味なエフェクトを「削る勇気」を持つことが大切です。

5. 最後に必ず「スマホ」でチェックする

スマホでの最終確認

PCの大きなモニターで編集していると気づかない、最大の落とし穴があります。

文字サイズと明るさの最終確認

現在、YouTubeなどの動画を見る視聴者の8割以上は「スマホ」を使用しています。パソコンの大きな画面で完璧に見えても、スマホで見ると「文字が小さすぎて読めない」「暗すぎて何が映っているか分からない」という事故が多発します。
動画の書き出しが終わったら、必ず自分のスマホにデータを送り、「画面の明るさを下げた状態」や「音量を小さくした状態」でもしっかり内容が伝わるかをテストしましょう。

サムネイルとの統一感を持たせる

動画の中身だけでなく、クリックされる入り口である「サムネイル」もデザインの一部です。
動画内で使ったフォントやメインカラーを、サムネイルでも同じように使うことで、「動画とサムネの世界観」が統一され、チャンネル全体のブランディング(視聴者の記憶に残る印象付け)に繋がります。
サムネの極意
【合わせて読みたい!YouTube再生回数激増!サムネ&イントロ編集の黄金ルール】

はじめに:「一生懸命動画を作ってるのに、全然再生されないにゃ…」 「ねえひろぼー!一生懸命動画を作ってYouTubeにアップしてるのに、全然再生回数が伸びないの…。なんで誰も見てくれないにゃ!?」 猫 ...

続きを見る

まとめ:デザインは「センス」ではなく「ルール」で作る!

まとめ

今回は、動画の「素人っぽさ」を完全に消し去るための、テロップと配色のデザインルールについて完全ガイドしました。

  • フォントの統一| 初期フォントをやめ、見やすいゴシック体のフリーフォントを導入する。
  • 3色ルールと原色回避| 使う色は3色に絞り、目に刺さる「原色」は避けてトーンを合わせる。
  • セーフマージンと余白| 文字は安全な内側に配置し、あえて「余白」を作って高級感を出す。

「自分にはデザインのセンスがないから…」と諦める必要はありません。動画編集におけるデザインとは、芸術的なセンスではなく、「視聴者にとって見やすいルールを守ること」に尽きます。

最初から全てを完璧にするのは大変なので、まずは「動画全体で使うフォントを1つに決める」ことから始めてみてください。文字が読みやすくなるだけで、視聴者はストレスなくあなたの動画を長く楽しんでくれるはずですよ!

今日も最後まで読んでくれてありがとうございました!

  • この記事を書いた人
  • 最新記事

ひろぼー

ひろぼーと申します!X(旧Twitter)フォロワー6500人超え、動画制作200件超え、動画制作は独学で学びました!多くのクライアントやプロジェクトで培ったスキルと独学ならではの学びと経験からあなたのメッセージを効果的に伝えるコンテンツを提供します!

-動画編集の知識
-, , , , , ,