ロゴの作成

質問

ロゴをWordで作成しPhoto shop5.0で編集、画像として保存しました。ある程度の大きさであればきれいに表示されるのですが、小さくなると不鮮明になります。実際にHTMLで入力した文字とでは鮮明さにだいぶ差があります。

　文字を修飾させたロゴを鮮明に作るにはどのようにするのがよいでしょうか。

回答No.3

SortaNerd · ベストアンサー

黒一色ということですが、文字の周辺を拡大して見てください。灰色のグラデーションが掛かっていますね?
これが原因です。その灰色の部分には透過処理が出来ませんので。
グラデーションを掛けずにロゴを作るか、使う場所の背景色にあわせて似た色を塗ってください。

また、web上では表示できなくてよければpng保存ならば透明度のグラデーションが出来ます。

補足

ありがとうございます。

>>灰色の部分には透過処理が出来ませんので

　これは文字を他の色に変えても同じなのでしょうか？

>>使う場所の背景色にあわせて似た色を

　背景にあわせて毎回作り直さなければならないのは手間がかかりますね。しかも、画像ソフトは色の配合割合で色を指定できますが、HTMLはcodeですよね？まったく同じ色にするにはどうすればよいのでしょう...。

回答No.2

hirumin

どのようなロゴを作成しているのかわからないのですが…
ワードアートなどで作成したものであれば
ロゴを作成しているページの用紙サイズを可能な限り大きくします。
ロゴをその大きさで作成（拡大）します。
そのロゴを選択し、画像加工ソフトへ貼り付けし、表示サイズへ縮小。
これだけで、画像の精度が変わってくると思いますがどうでしょう？

初めからロゴ作成に特化したソフトを使用してみるのもいいでしょう。参考URLに無料ソフトもありますので検索してみて下さい。

参考URL：

http://www.vector.co.jp/

補足

何度もありがとうございます。

　ロゴは、通常使用する文字にはないのでword上でいろいろ組み合わせて作ってみました。
　文字を貼り付けた際にはきれいでした。....が、文字以外の背景を透明化したいので、photoshop上で'色域指定'で選択した後（ロゴは黒一色なので）'透明画像の書き出し'で作ってみたのですが、この2つの操作のどちらかで画像が荒くなるようです。（たぶん画像の選択の時点でしょうか）

　ご紹介いただいたソフトも見てみます。

回答No.1

hirumin

画像の精度は表示の仕方にもよります。
例えば、大きな画像を作成して、HTMLで表示サイズを実際の画像より小さくした場合、画像の縮小精度が良くないので醜いものとなります。
表示したい画像の大きさが予め決まっている場合、画像加工ソフトでその大きさに縮小しておき、HTMLでそのままの大きさで表示させる様にすると綺麗に見えます。画像加工ソフトの方が縮小制度が良いので。

大きな画像→HTMLで表示サイズ縮小→精度悪
大きな画像→画像加工ソフトで縮小→HTMLで表示→精度良

こんな感じです。お試し下さい。

お礼

いろいろなサイズを試してみました。多少よくなるようですが、根本的にWordからphotoshopにコピーで貼り付けた時点で少し雑な描画になるようです。（文字の曲線部分の滑らかさが雑になります）

　他のソフトを利用した方法でも良いので（手近なソフトならなお良いのですが）良い方法をお教えください。

補足

ありがとうございます。

　元の画像のサイズが大きいほうがよいかと思い、できるだけ大きな画像を作成していました。試してみます。