「DaVinci Resolveでテキストの縁取りや背景を追加したいけど、どうすればいい?」
こんな悩みを持っていませんか?
動画編集では、字幕やタイトルが背景と同化して見えにくくなることがあります。
そんなとき、縁取り(アウトライン)や背景を追加することで、テキストの視認性を向上させることができます。
本記事では、
- テキストの縁取り(アウトライン)を簡単に追加する方法
- 背景付きテキストを作成する方法(黒背景・半透明・グラデーション背景)
- Fusionを使った高度なテキスト装飾の作り方
- テキストの視認性を向上させるためのコツ
- よくあるトラブルと解決策
を詳しく解説します!
Contents
テキストの縁取り・背景を設定するメリット

✅ テキストの視認性が向上し、読みやすくなる
✅ 白文字 × 明るい背景など、見づらい組み合わせを改善できる
✅ 動画のスタイルに合わせたデザインが可能
📌 ポイント!
- シンプルな字幕でも縁取りを加えるだけでプロっぽい仕上がりに!
- 背景をつければ、エフェクトなしでも映像と馴染む字幕が作れる!
【方法①】エディットページで簡単にテキストに縁取りを追加する方法

① テキストにアウトライン(縁取り)を追加する
- エディットページで「エフェクトライブラリ」→「タイトル」→「テキスト」をタイムラインに追加
- インスペクタで「シャドウ/ストローク」を開く
- 「ストローク(縁取り)」を有効にする
- 色・太さ・透明度を調整
📌 おすすめ設定
- 黒縁取り(白文字の場合) → 太さ:2〜4px / 色:黒
- 白縁取り(黒文字の場合) → 太さ:2px / 色:白
✅ 簡単な字幕編集ならこの方法でOK!
【方法②】背景付きテキストを作成する方法(黒背景・半透明・グラデーション)

① 黒背景付きのテキストを作成する
- 「エフェクトライブラリ」→「ジェネレーター」→「ソリッドカラー」をタイムラインに追加
- インスペクタで背景色を黒に変更
- テキストをソリッドの上に配置し、サイズ・位置を調整
✅ メリット:白文字の字幕がどんな背景でも読みやすくなる!
② 半透明の背景を追加する
- 「ソリッドカラー」を追加し、不透明度を50%に調整
- テキストと組み合わせて、映像の邪魔にならない透明感のある字幕を作成
📌 ポイント!
- ニュース番組の字幕風にしたい場合は、半透明背景が最適!
③ グラデーション背景を追加する
- 「エフェクトライブラリ」→「ジェネレーター」→「グラデーション」をタイムラインに追加
- 「インスペクタ」でグラデーションの色や方向を調整
- 背景をぼかすと、映像に馴染むナチュラルなデザインに!
✅ スタイリッシュな動画には、グラデーション背景がぴったり!
【方法③】Fusionを使って高度なテキスト装飾を作成する

① Fusionでテキストに縁取りをつける
- エディットページで「Fusionタイトル」→「Text+」を追加
- 「Inspector(インスペクタ)」→「Shading」タブを開く
- 「Enable(有効化)」をONにして、ストロークを調整
✅ エディットページよりも細かくカスタマイズできる!
② テキストに背景ボックスを追加する
- Fusionの「Background」ノードを追加し、Text+と合成
- 背景の色や透明度を調整し、カスタムデザインの字幕を作成
📌 ポイント!
- Fusionなら、アニメーション付きのオシャレな字幕も作れる!
テキストの視認性を向上させるためのコツ
🎯 テキストの色と背景のコントラストをしっかりつける(白 × 黒、黄 × 青 など)
🎯 影(ドロップシャドウ)を追加して、背景となじませる
🎯 字幕のサイズを大きくしすぎない(画面を圧迫しない)
🎯 フォントはシンプルなものを使う(読みやすさ優先)
📌 字幕のルール例
✅ 視認性を上げる → 太字 + 縁取り(ストローク)
✅ 自然なデザインにする → 透明背景 + 影をつける
テキスト編集でよくあるトラブルと解決策

① テキストの縁取りがぼやけてしまう!
✅ 解決策:「ストローク」の太さを2〜4pxに設定し、境界線をはっきりさせる
② 背景が映像と重なりすぎて、字幕が読みにくい!
✅ 解決策:「半透明の背景」または「シャドウ」を追加して、文字が際立つように調整
③ Fusionのテキスト編集が反映されない!
✅ 解決策:「ノードの接続」を確認し、Text+がMediaOutに正しくつながっているか確認する
よくある質問(FAQ)

テキストの縁取り(アウトライン)は何ピクセルが最適?
通常は 2〜4px が見やすい。
背景が派手な場合は、5px程度にするのもOK。
縁取りと影はどちらが効果的?
どちらも有効!
- シンプルに目立たせるなら縁取り
- 背景と馴染ませつつ強調するなら影(シャドウ)
テキストにアニメーションを加える方法は?
✅ 解決策:「Fusion」→「Transform」を使うと、スムーズなアニメーションが可能!
まとめ
✅ 縁取り(ストローク)を追加すると、テキストが際立つ!
✅ 背景を追加すると、どんな映像でも字幕が読みやすくなる!
✅ Fusionを使えば、より高度なテキスト装飾が可能!
参考情報URL
DaVinci Resolve テキスト編集の解説(YouTube)