ホーム/デザインコラム/おしゃれなドロップシャドウのつけ方
テロップ

Drop Shadow

実践2025-06-26約 8 min

【クオリティUP】おしゃれなドロップシャドウのつけ方
|テロップルールの基本

テロップを背景から際立たせ、より見やすくおしゃれに演出するために欠かせない「ドロップシャドウ」。 ただ「つければいい」ではなく、数値の根拠がある。NGパターンと正しいアプローチを具体的な設定値で紹介します。

1

ドロップシャドウ:見やすさと「さりげなさ」のバランス

ドロップシャドウの本来の役割は、「テロップにエッジ(境界線)をつけたくないけれど、背景に沈まないように見やすくしたい」という場面で活躍します。 主に Vlog やシネマティックな動画など、おしゃれな雰囲気を壊したくない時によく使われます。

ドロップシャドウを美しく設定するための基本は、「現実世界の影の原理」を理解することです。 現実の影は、物体(テロップ)と背景との距離が近いほど「濃く・くっきり」と落ち、距離が遠くなるほど「薄く・ぼやけて(ブラー)」広がっていきます。

❌ NGパターン
テロップ

距離が遠い + 影が濃い + ぼかしなし

影が悪目立ちし、テロップ本体より影に視線がいってしまう

✅ 正解パターン
テロップ

距離ほどよく + 不透明度低め + ブラー強め

影が目立たず、テロップが自然に背景から浮き上がる

正解パターン:2つのアプローチ

🌫️ ふんわりタイプ

背景とテロップの間に空気感を持たせる上品な仕上がり。Vlog・シネマティック向き。

距離15
不透明度15%
ブラー40

🔲 くっきりタイプ

文字の輪郭を少しだけ立たせる、さりげない視認性アップ。汎用的に使いやすい。

距離2
不透明度50%
ブラー10
※数値はあくまで目安です。背景映像によって見え方は全く異なるため、プレビュー画面を見ながら「さりげなさ」を意識して微調整してください。

ワンランク上のテクニック:同系色のシャドウ

💡

影の色を「黒」にしない

背景がある程度単色の場合は、背景の色に合わせた「同系色の濃い色」を影の色に設定してみてください。 真っ黒の影より映像全体のトーンになじみ、わざとらしさのない洗練されたテロップになります。CG合成などでもよく使われる、自然に見せるための重要なアプローチです。

ポップなテロップ(Wエッジ)にも有効

白エッジ+黒エッジのような「ポップなテロップ(Wエッジ)」にもドロップシャドウは有効です。 エッジが重なるとテロップ全体の面積が広がり、画面上で「のっぺり」と平面的な印象になりがちです。 ここに薄くシャドウを落として文字を背景から少し浮かせてあげる(段差を作る)だけで、文字が立ち、メリハリのある画面に仕上がります。

🖼️Wエッジテロップ(シャドウなし)とシャドウあり比較画像
2

簡易3D風テロップ(立体文字)の作り方

2つ目の立体感の出し方は、バラエティ番組の YouTube 動画などで頻繁に使用される「3D風(奥行き)」の表現です。 エッセンシャルグラフィックスの「シャドウ」機能を応用するだけで簡単に作成できます。

💡

作り方はたったこれだけ

ドロップシャドウで設定していた「ブラー(ぼかし)」の数値をゼロ(0)にするだけ。 ぼかしを無くした状態で、シャドウの「距離」と「サイズ(広がり)」を調整することで、文字に厚み(側面)が生まれたような立体風テロップになります。 影(側面)の色には、エッジと同系色の少し濃い色か黒を設定すると奥行き感が増します。

❌ NGパターン
テロップ

距離だけ遠い・サイズ未調整

文字の角と影の角に隙間ができ、中途半端な見た目になる

✅ 正解パターン
テロップ

距離とサイズのバランスを取る

文字本体と影の角がピタッとくっつき、厚みのある立体感が生まれる

⚠️

角の隙間はディレクターやクライアントから「細かいディテールに気づけない編集者だ」とスキルを低く評価される要因になります。必ず距離とサイズのバランスを取り、隙間のない状態を作ってください。

🖼️3D風テロップ(NG:隙間あり)と(OK:角ぴったり)の比較画像

まとめ

テロップの装飾は「絶対こうしなければならない」という明確な正解があるわけではありませんが、「見づらい」「不自然」という明確な不正解は存在します。

ドロップシャドウ距離・不透明度・ブラーのバランスで「さりげなさ」を演出する
同系色シャドウ影の色を黒にせず、背景と同系色にすることで映像になじませる
3D風テロップブラーをゼロにし、距離とサイズを合わせて角の隙間をなくす
エッセンシャルグラフィックスのシャドウ機能は非常に手軽に使えます。次回の編集からぜひ意識して設定を見直してみてください。