operation Mac･Z: Design: 000727


		アンチエイリアスのかかった小さい文字の見栄え Phoptoshopでアンチエイリアスのかかった小さい文字を作ると、文字がぼやけたりアンチエイリアスがかかっている為に実際の色よりも薄く見える事があります。アンチエイリアスとは斜線やカーブのある、またはそれらを境界線上に持った画像・文字に現れるジャギー（ドットが階段状になっており、ガタガタに見える）を補間するものです。具体的には、白い背景に黒の文字を置いた時に、背景色の白と文字色の黒の間を適度なグレーのピクセルで補間します。これを施す事により、画面上・印刷上では滑らかな斜線・カーブを持った文字が再現されます。一見便利な機能なのですが、これが小さい文字や画像の場合、前述の通りアンチエイリアスがあるので文字のサイズが実際のサイズより小さく感じたり、色が薄く見えたり、ぼやけて見えるという現象が起ります。 Photoshop5.5ではこれを解消する機能が新しく追加されているようですが、生憎oZ編集部ではまだPhotoshop5.5にバージョンアップしていないので、実際どんなもんだか分かりません（編集長、早く金を用意しろ1）。そこで今回は「5.5にするまで使える小技」として、これを“極力”回避する方法を解説します。アンチエイリアスにより色が薄くなるアンチエイリアスをかけない文字と、かけた文字を比較してみましょう。左はアンチエイリアスをオフ、右はアンチエイリアスをオンにしています。文字のサイズはどちらも9ポイントで、フォントはより分かりやすくするために平成明朝、文字色は黒を使っています。まず一目瞭然なのは、当然の事ながらアンチエイリアスをかけた方が文字が滑らかです。しかし、そのおかげで色はグレーになっています。また、輪郭もぼやけています。しかも同じフォントを使っているにも関わらず、文字の形が若干違って見えます（アンチエイリアスのかかっている方が、より実際の形に近い）。さて、それではどーやるかと言うと、実は非常に簡単です。Photoshop5では、文字を入力する際に強制的に文字レイヤーが作成されます。これを複製すればいいだけです。何個か複製を作り、色と形状の輪郭が望む状態になったレイヤーだけ表示させればいいのです。細かい調整は、更にレイヤーの不透明度を調節しましょう。非常に説明が短くて恐縮ですが、まぁ、“小技”なのでこんなモンでしょう。ついでに... ついでに、これをWebで使う際の“小技”も紹介しておきます。通常、写真でもない限りこういった線画・イラスト・文字的なものは可能な限り減色してGIF画像として書き出します。減色にはイメージ->モード->インデックスカラーで行いますが、何もしないでこれを適用すると、たいして色数を使っていない筈なのに、100色を超えたり、少なくても50～60色になったりする事があります。これも実はアンチエイリアスのせいです。こちら（ユーザー側）で指定した色は文字の黒一色の筈なのに、多くのグレーが追加されています。こういった自動的に付加されてくる色を消すと、色数はかなり減らす事が出来ます。例えば、上で使った画像を単純にインデックスカラーにすると、88色も使っている事になります。これをGIFで書き出すと、1,340バイトのファイルサイズになります。しかし、10色に設定して書き出すと、727バイトです。オリジナルよりも78色も減色していますが、実際に表示させてみると（下図）さほど違いはありません。些細な違いですが、1ページにこれの他に画像を沢山使っていると、ページの内容が全部表示されるまでにかかる時間はかなり違ってきます。いくらモデムが高速になり、ISDNだの何だのといっても、結局は回線のスピードに左右されるので、転送量は少ないに超した事はありません。複数ページになればなおさらなので、ちゃんと目で確認して“可能な限り”減色に励むようにしましょう。選択した範囲の色を優先して使うインデックスカラーにする際に、選択範囲で残しておきたい色のピクセルを選択しておく事で、その色を優先したカラーパレットを作成してくれます。写真をGIF画像で保存する際にこれは便利です。また、インターレースをオフにすると更にファイルサイズが減ります。大きい画像であれば、表示中を示す為にインターレースGIFを使うのも手ですが、小さい画像であればファイルサイズさえ小さければ直ぐに（これも回線スピードによるが）表示されるので、インターレースはオフにしましょう。 1...とか何とか書いてますがこの記事は1999年10月に書かれたものです。当然現在oZ編集部ではPhotoshop5.5を使っている、のみならず、既にPhotoshop6の予約も始まっているようです（2000年11月1日現在）。
	■このページはInternetExplorer 5.0以降、またはNetscape 6以降に最適化されているかもしれません。