人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページを作成する際に、
バナーの文字がぼやけ気味になります。

Adobe CS3 などを利用して、輪郭がくっきりはっきりしたバナーを作成したいのですが、
その手順などがよく解りません。

こんな方法だと良いものが出来るですとか、
このHPに良い方法が載っている、
この本の説明が良いなど
何か情報をご存知の方はお教え願います。

何卒よろしくお願い致します。

●質問者: ita07
●カテゴリ:インターネット ウェブ制作
✍キーワード:Adobe いもの バナー ホームページ 作成
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● _nakamine
●20ポイント

文字だけがぼやけ気味になるのなら、

アンチエイリアスが原因かもしれません。

"アンチエイリアス"をオフにしてください。


2 ● y-kawaz
●20ポイント

保存形式がJPEGになっていませんか?

Photoshopで作成しているPSDの元画像データがくっきりはっきり作ってあるのであれば、PNGかGIFで出力すれば輪郭がくっきりはっきりしたままになる思います。


3 ● なぜなに
●20ポイント ベストアンサー

CS3のフォトショップのフィルタのアンシャープマスクではっきりとさせられます。

http://retouch-weblab.com/photo/usm/index.html


別途、シャープネスやトーンカーブ、コントラスト強化、色調の変更もできます。

http://www.ne.jp/asahi/kenharu/2008/deji-photsho.htm


4 ● よたか
●20ポイント

私がイラストレータで作成するときの手順を説明いたします。

1)バナーサイズのドキュメント作成

2)デザインを作成

3)ラインを使わずに塗りだけでデータを作ります。

(ラインを使うと、0.5pxズレて甘くなるので)

4)出来れば、左上から1pxを意識してデータを作ります。

(ラインでエッジがボケるのとおなじ理由)

5)読みやすくしておきたい文字を選択し、[効果]→[ラスタライズ]を選択します。

文字がドットで表現されかなり読みやすくなります。

6)web用に描きだします。

このサイトのメニューの下にあるバナーは上記方法で作成しました。

http://mygum.koubou.cc/

イラレを使うかフォトショを使うか好みが分かれますが、データ管理が楽なのでイラレを使ってます。

フォントは、mac の osaka 10pt が一番よみやすいかな?


参考になれば…


5 ● taa777
●20ポイント

私の場合、HP用の画像はFirewoeksで作成します。

文字は「アンチエイリアスを鮮明」に選択します。

すごく小さい文字(8ptくらいとか)を入れたい場合は、書体によってアンチエイリアスをオフにしたほうがきれいなものもあります(MSゴシックとか)。しかしそれ以外はアンチエイリアスはオフにしないほうがいいです。

あとは書き出すときに、

1.写真や文字に色のグラデーションのあるものはJPEGに。画質は表示確認をしながら高画質から低画質に落としていくといいです。画像サイズがそんなに大きくないのであれば、高画質のままでも大丈夫ですしそのほうが美しいです。

2.写真やグラデーションが使われていなくて色の境がはっきりしている画像や文字はGIF形式にしたほうがよりすっきりします。

これも、書き出すとき、表示確認をしながら色数を減らしていくとベストです。

★また、こちらは、文字の加工段階のはなしですが、

文字の色と背景色の明度や彩度の差が少ない場合、文字のきわがはっきりしないときは、ほんの少しだけ文字に光彩とかドロップシャドウをいれるといいです。文字が白っぽければ、背景色の色からより暗くしたもの、あるいは黒のパーセントを50%前後で。

文字が濃い色であれば背景色を明るめにした色、あるいは白を50%で光彩やドロップシャドウをいれます。

ただし、GIFで書き出すときは色のグラデーションは色の段差がはっきりしてしまうので、ドロップシャドウも光彩も広範囲にはしないほうがいいです。距離もやわらかさも2前後とかで。書き出すときに、GIFがきれいか、JPEGがきれいかも表示確認しながら進めます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ