VIデザイン テロップ ロジック 動画の基本

【動画講座】見やすいテロップを作る5つのポイント

見やすいテロップってどうすれば作れるんだろう

テロップは書籍や情報が少なくどう勉強していいか分からないですよね
安心してください
テロップは5つのポイントを抑えるだけで見やすいテロップ作りができます

見やすいテロップは5つのポイントで出来ている

5つのポイントは明度差・表示秒数・文字サイズ・太さ・カーニング

重要度は明度差>表示秒数>文字サイズ>太さ>カーニングの順番

そのポイントを気をつけるだけで見やすさはグッと上がります

5年ほどテレビ局で番組デザイナーをしてきた立場からお話いたします

番組のトータルデザインを考え経験した上でお伝えしたい情報です

見やすいテロップを作りたい方は必見です

見やすいテロップを作るポイントは5つ

ポイントは5つ

見やすいテロップを作るポイントはたった5つです

ポイントは明度差・秒数・サイズ・太さ・カーニングの5つです
重要な順番(明度差>表示秒数>文字サイズ>太さ>カーニング)でお伝えしていきます

明度差

明暗が鍵

背景色と文字色が読みやすさの鍵になります

動画だと背景の明度が変わるため、文字に枠線を追加します

その際に気をつけるポイントも明度差になります

文字色と枠線の明度差をしっかりとつけないと文字の印象がボヤけて読みにくさに繋がります

eyecatch-枠線の役割
【動画講座】テロップに枠線をつける意味とは?

はじめに テロップデザイナーとして約5年間活動してきた立場から テロップの枠線について考えてみたいと思います テロップの、しかも枠線のみのお話ということで とてもコアで今のうちは需要がまだないかもしれません しかし 個人クリエイターが活躍す ...

表示秒数

表示秒数が大切

テロップを表示する秒数は大切です

いくら見やすいテロップを作っても読まれなければ意味がありません
しっかりと読める秒数テロップを表示しましょう

映像業界では1秒4文字が基準にありますが、
実際のところはその場に応じたリズムで作ることも意識した方が良いでしょう

文字サイズ

デバイスを考える

文字サイズは重要です

動画では観るデバイスが様々です

テレビ・タブレット・スマートフォンなど画面の大きさが違うため、
テレビサイズで観れていた文字もスマホサイズになると読みにくくなってしまう場合があります

観られるデバイスを想定して文字サイズを決めましょう
もちろん、視聴者の年齢によっても文字の見やすさが変わってきます

視聴者がお年寄りの場合は大きめに文字を設定しましょう

文字の太さ

文字の太さが印象を変える

文字(フォント)には太さ(ウェイト)の種類があります
これをファミリーと呼びます

文字が細いと領域が狭いため認識しにくくなります

そのため、ある程度の太さを持った方が読みやすさに繋がります

文字を乗せる背景によって受ける太さの印象は変わります
錯覚により文字が太って見えたり痩せて見えたりします

カーニング

カーニングで整理する

カーニングとは文字との間のことです

ただ文字を打つだけだと文字と文字の間隔はバラバラになります
そのままだとバラついた印象になりそれが読みにくさに繋がります
そのため、文字間の調整が必要になります

読みやすいかどうかはテロップの要

テロップは読めなければ伝わりません

読めたとしても読みにくい場合は視聴者のストレスになります

ストレスのある動画を視聴者は気に入りません

なので、可愛いテロップカッコいいテロップを作ろうとする前に
「読みやすいかどうか」を意識しましょう

読みやすさをコントロールできるようになったらこの記事がオススメです

eyecatchイラレがおすすめ
テロップデザインするならAdobe illustratorがオススメ

テロップデザインはどのソフトでやればいいか悩む人も多いと思います 編集ソフトでもある程度のテロップデザインはできますが、 テロップデザインを続けるなら確実にAdobe illustratorをオススメします テクニック的な内容はこちらの記事 ...

最後に

いかがでしょうか

見やすいテロップのための5つのポイントをご理解いただけましたでしょうか

一気にすべてを覚えるのは大変だと思います

なので、
明度差>表示秒数>文字サイズ>太さ>カーニングの順番に覚えていきましょう

テロップデザインをする上で大切なことを他の記事でも発信しています

テロップとはのアイキャッチ
テロップの本質とは“メッセージ”と“演出”だと知っていますか?

「テロップとはなんだろう」 と悩んだことはありませんか? 動画編集を始める時は誰しも通る道です テロップとは動画の画面上に表示される文字のことを一般的には言います しかし、それだけでテロップを説明したことにはなりません テロップとは情報の伝 ...

プロフィール

アイコン400x400

[ hu: ] /ふぅ
フリーランスのモーショングラフィッカーとして3年目。
テレビ局で番組デザインを5年担当した経験をもとに、プロの立場から動画の基礎を発信する
Twitterで動画ノウハウや小技テクニックなどの有益情報を発信中!

Copyright© モーショングラフィックス教室 , 2024 All Rights Reserved.