PhotoShopで作成した文字がぼやけます。

質問

いつもお世話になってます。
PhotoShop5.0でのことです。

文字ツールで文字を書いているのですが、何度やっても文字がボヤけます。「web用に保存」をして減色する前の段階で（編集段階）で結構ボヤけてしまってるのです。

文字のサイズは12pxとか16pxとかです。アンチエリアスを「無し」にすると見られたものではないし、その辺の修正では変わりませんでした。フォントの種類も標準でついているものについてはイロイロ試しましたがどれも汚かったです。

ココ数年画像編集を仕事にしてきまして、今までは別に気になら無かったのですがWEB上で文字が綺麗に表示されているサイトがあり、気になるようになりました。

思考錯誤を繰り返しましたが変わりませんでした。結論としては「フォントが悪い」ということになりました。有料のフォントなら、綺麗に表示されるものでしょうか？もしこれがフォントのせいであり、他に綺麗に出るフォントがありましたら購入も考えてます。

分かる方、どうか教えてください。

回答No.7

cruise · ベストアンサー

こんにちは、
私は目的がWeb用保存だとすると、大きな文字を使用する場合や拡大縮小をしない限り
Illustratorを使っても綺麗に出力されるとは思わないのですが・・・

サイズ800*600px程度の白い背景に黒い12pxの文字で「綺麗な文字」といろいろな場所に打ってみてください。
（レイヤーの複製はだめです）
拡大して比較してみると、同じ文字を打ったにもかかわらず、アンチエイリアスのかかり具合が若干違うと思います。
これを利用して綺麗に出力された文字を使うというのはどうでしょう？
（Photoshop6以降は文字レイヤーを決定する前に移動することで同様の変化を得られます。
　また、基本設定として文字自体のアンチエイリアスの強さを「なし」「鮮明」「強く」「なめらかに」と変更可能です）

後は、アンシャープマスクを微調整するとか、

アンチエイリアスをかけた文字とかけていない文字をレイヤーでぴったり重ねる。
次に、アンチエイリアスのかかっている文字のレイヤーの不透明度を下げてやるなんてのはどうでしょう？

さらに少々面倒ですが効果のあるものとして、
新規画像で白の背景に黒で文字を書きレイヤーを統合
統合された背景レイヤーをダブルクリックでラスタレイヤーに変更。
レイヤーオプション（Ver6以降はレイヤースタイル）のブレンド条件で
「このレイヤー」と「下になっているレイヤー」という二つの白黒グラデーションがあると思います。
「このレイヤー」のグラデーションの白側にある三角をAltキーを押しながら黒い方に少しずつドラッグしていけば、
明るさの高い方からグラデーションを保ったまま透過していけます。（Altキーを押さないと三角が２つに分かれません）
つまりアンチエイリアスのかかり具合を細かく調整できます。
後は好きな色に変えてやればOKですね。

全然違った観点からいえば、
ディスプレイのリフレッシュレートが高いのが原因かもしれません。70～60Hzとかにしたら綺麗になったりして・・・
画像編集を仕事になさっているので知っておられたら申し訳ないのですが、
リフレッシュレートを上げすぎると、ちらつきを押さえる反面、画像や文字のぼけが現れます。

お礼

実用的で詳細なアドバイスをありがとうございます。以後、やってみます。文字は打つ場所によってもアンチエリアスが変わる可能性があるのですね。

「アンチエリアスのかかってるのとかかってないの二つのレイヤーを重ねる」というのは有名なテクニックのようですね。それすらもやっていなかったです（笑）

グラフィックが本業というわけではないのですがHP作成を主としてるので画像編集は良くやります。が、我流なので
ふがいない箇所がたんまりとあります。

cruiseさんの技術レベルの高さと、こうやって身しらずの人にも丁寧に長文で教えてくれる優しさに感動しました。本当、感謝（シェイシェイ）です。

答えてくれた皆様もありがとうございました。
以後も毎日勉強し、精進いたしまッス。