テレビのテロップに学ぶ文字装飾論 第１回 基礎編（A）
前置き
かつて私はテレビ業界の末席で短期間仕事をしていました。CGやニュース映像に挟むグラフアニメーションなどを作っていたのですが、簡単なテロップを差し挟むといった業務もしていました。
テロップといえば、文字スーパーとも言われる、今やテレビには無くてはならない、アレですね。
たかがテロップではありますが、カメラ映像にそのまま文字を置くという前提に、いかに視聴者に見やすく伝えるか、という技術は中々奥深いものでした。
さて、ブロードバンド全盛の昨今、サイトを作る上で、画像を多用するのは常識になりつつあります。記事タイトルやブログのトップバナーには、テキストではなく写真とフォントを組み合わせて見栄えを良くするケースも多いですね。
ところが、写真と文字を組み合わせる場合、その読みやすさ、目立つかどうかなどの要素にも配慮しなくてはなりません。
そこで、昔取った杵柄ではありますが、テレビで培った技術を応用して、写真と文字の効果的な組み合わせを考えてみたいと思います。
ここで使用するアプリはPhotoshop CS3です。
ハダカの文字
この写真に「ぬけるような青空」という文字を組み合わせるとします。
Photoshopで普通に文字ツールを使って打ち込むとこうなります。
この状態を「ハダカの文字」と言います。どちらかというとDTPの世界で使う用語でしょうか。一切何も装飾を施していない、という状態です。
しかし、読みにくいですね。これは、背景の草原が明るく、白文字の明るさと差が際立っていないからです。これを解決するアプローチは
- エッジをつける
- ハーフ板をつける
- ドロップシャドウをつける
です。文字の色そのものを変えるというアプローチもありますが、下が実写画像の場合は、大抵良い結果を生まないですね
では順番を追って見て行きましょう
エッジをつける
ハーフ板をつける
- 板というのは、文字の下に置く単色図形のことです。テレビ業界では「座布団」「おざぶ」と言う人もいます
- ハーフというと、透明度を持っていることになります。下の映像をある程度「生かす」ことができます
- Photoshopでは、シェイプレイヤーを文字レイヤーの下に敷くことで簡単に実現できます
- エッジと同じく、白文字には黒ハーフ板、黒文字には白ハーフ板を敷きます
ドロップシャドウをつける
