バナーなどの文字のにじみ、どういうソフトで対応できますか？

質問

初めまして。ちょこっとHP作成をいじっている者です。

作成はDreamweaver MX、画像編集はPhotoshop Elementで行っています。

バナーをPSで作ると、文字がにじんでしまうのですが、Fireworksを新たに購入するのはちょっと・・と考えています。

なるべく安価なソフトなど、いい対応策がありましたら教えてください。よろしくお願いいたします。

回答No.7

TESSILI · ベストアンサー

■フェード
Ｎｏ６のものです。
フェードありませんでしたか。
フォトショップでは編集中の画像に加工を施した直後であればフェードできたはずなのですが。
Photoshop Elementに関してはわからないので申し訳ないです。

試しに何かフィルターかけた後に、「編集」を選んでみてください。
もしかしたら出ているかもしれません。
それか加工を施した直後に
Shift+Ctrl+Fを押してみてください。

フェードの注意点ですが。
まず何度も言いますが、加工を施した直後でしか行えません。
選択範囲等を解除した後にはできません。
ヒストリーで加工直後に戻ってもできません。

健闘を祈ります＾＾

お礼

ありがとうございます。チェックが遅くなり申し訳ありません。

どうも同じようにしてもフェードはでてこなく、
elementはその機能が削除されているのかなぁ・・と(^^;

色々と勉強になり、本当にありがとうございます。
普段使わない機能を色々といじることができたので、
ちょっとした技も覚えることが出来、上達への
良い機会になりました。

回答No.6

TESSILI

■回答
ソフトは買わないほうがいいかもしれません。

■バナー作成にあたり
バナーのサイズはいくつでしょうか。
おそらく200x50or40でしょう。

まずどのくらいの文字サイズのものをどれだけ入れるかによりますが、文字をはっきり見せることは可能です。
私はフォトショの６．０付近の操作を元に解説します。

■対策
・対処方法はいくらでもあります。
・新規作成（バナーサイズ）
・新規作成（文字分・サイズは大きめ）

バナーに入れる分の文字を文字専用の方に描きます。
この際、ラスタライズしておくか、選択範囲で直接塗っておく必要があります。
バナーの方へ文字を移動し、縮小します。
拡大するより縮小したほうがいいからです。
しかし当然ながら画像補完形式がバイキュービックだとアンチエイリアスがかかるので輪郭がボケます。
ボケるのは輪郭を綺麗に見せるためでありますが、かかりすぎたり、小さくしすぎると見難くなります。
そこでフィルタのシャープを行います。
シャープをすることで輪郭がはっきりします。
しかしかかりすぎると汚く見えてしまいます。
そこで編集のフェードを行い、任意の効果を得ます。
これで貴方の望むものに近づくはずです。

・直接文字を入力
バナーの方へ直接文字入力する場合は、文字ツールを選択範囲で入力し、ブラシで塗りつぶします。
この際２～３度ブラシで塗りつぶせば徐々に輪郭がはっきりします。
また場合によってはレイヤーをコピーすれば文字の輪郭ははっきりします。
その際は片方のレイヤーの透明度を調節します。

・保存
保存の際はディザリングアルゴリズム別に判断する必要があるでしょう。

■補足
・gifで保存するにあたり
色数を調整することで、文字がはっきり見えるでしょう。
色数が多くなれば、その分文字の輪郭へ使える色が減ってしまいます。

・ギザギザ
完璧に輪郭をギザギザにしたいのであれば、アンチエイリアスは無効にしなくてはいけません。
画像補完形式もニアレストネイバーにする必要があるでしょう。

お礼

大変ご丁寧な説明を頂き、ありがとうございます！

あいにく、フェードという機能がちょっと見つからなかったのですが、それでも「フィルタのシャープ」でかなりしゃきっとしました。

色々な小技を覚えることが出来、ここ数日でわずかながらレベルアップができたかなぁと思っています。
感謝です。

回答No.5

ex_hmmt

えーと、ちょっとPhotoshopElements3.0が動作する実機が手元にないので明日回答します。明日なら多分触れるんで。少し待ってもらっていいですか？

補足

度々ありがとうございます。感謝です。

回答No.4

ex_hmmt

Photoshop Elementsのバージョンは何ですか？
別にPhotoshop Elementsでも文字レイヤはあると思ったんですが。
バージョンによって違うかもしれないのでちょっと確認したいです。

補足

早速ありがとうございます。
バージョンは3.0です。

基本的なことで申し訳ないのですが、
gifから加工して文字を入れようとすると
「新規レイヤ」の追加ができないのです・・。

回答No.3

bombobn_c

PSP7Jでは文字はベクタ画像として扱えるため、拡大縮小は劣化なく何度でも可能です。Fireworksほど高度なことはできませんが、スライス・ロールオーバー・PNG/GIFエクスポートなどのWEB用機能もあります。
http://shopping.yahoo.co.jp/p:57001:domain=computers;
http://fresh.media-kite.co.jp/detail/pan-001/mks-039.html
http://www.ascii.co.jp/pb/ascii/special/200506_03/200506_03-01.html

補足

なるほど。
購入させていただくとしたらコレかもしれません。

やはり拡大縮小がネックだったのですね・・。

回答No.2

WillDesignWorks

その「多少文字の拡大縮小をいじる」ところでアンチエイリアスがその都度かかり画質が劣化します。Photoshopではズバリ本番サイズで文字入力するか、選択範囲として入力してサイズが決まってから塗りつぶす必要があります。
Fireworksは、Illustrator（ドローソフト）のようなベクター形式も扱えるので、文字は最後に書き出しを行うまではラスタライズされず、アンチエイリアスが本当に適用されるのはその書き出し時の一回だけなので、「にじみ」が出ないのです。

対策としては、上記理由で入力後の拡大縮小を避けるか、選択範囲として入力して拡大縮小するか、では？

手元のPhotoshopのバージョンが古いので最近のPhotoshopでは解決出来るツールが入っているかもしれません。
格安のドローソフトとしてはソースネクストのDrawgraphic(1980円)があるので、パーツづくりに導入してみてもいいかも。

補足

なるほど、やはり「拡大縮小」がネックだったのですね。
Fireworksとの違いも「なるほど」です。
にじみのことがよく分かりました。
助かります。ありがとうございます。

回答No.1

ex_hmmt

「文字がにじむ」というのはどういうケースででしょうか。
透明GIFなどを作って実際にサイトに配置すると、背景と旨くなじまないというような事でしょうか。

それとも、バナーを作っている最中に既に背景と文字がにじむようになるという事でしょうか。

前者の場合も後者の場合も、まぁ「アンチエイリアス」というもののせいだとは思います。
前者の場合、あらかじめ背景の色を実際に配置するサイトの背景色と近い物にしておく事でカバーできます。
後者の場合、どの程度のサイズで作っているかにもよりますが、私はあまり「にじむ」というほどの強烈なアンチエイリアスがかかるような経験をした事がありません。確かにアンチエイリアスはかかっていますが、別に見た目にじむって感じではないです。

もう少し詳しくシチュエーションを書いてみませんか？
それによって対応方法が変わると思います。
どんな事をしてどんな風にしたら何処がどうにじんだか、を出来るだけ詳しく書いてください。

補足

早速ご丁寧な返答を頂きましてありがとうございます。

作成方法は、PSで
「新規作成」→「適当なサイズを指定」→
「横書き文字ツール」→適当な文字を書く→
ここで多少文字の拡大縮小をいじる→
「Web用に保存」です。

この、拡大縮小をいじるととくに文字がにじむ
ような気がします。

Fireworksだとこの手の作業をしても、文字のあらが
でてこなかったので、バナーなどで文字数が多いものを
多少縮小したいと思うときに、PSの場合こうなって
しまうのがちょっとやっかいで困っています。