イラストレーターでのweb用保存で文字がつぶれます。
イラストレーター9にて文字やイラストいりのものをつくり
それをwebで公開するためweb用に保存でjpgにしたのですが、
webで公開すると文字がつぶれたりはっきりとでません。
アウトラインにしてもgif形式にしてみてもかわりません。
こちらのサイトで勉強させていただきweb用に保存すると72dpiになるので、小さな文字はつぶれてしまうということがわかりました。
っということはイラストレーターで文字やイラストの入っているweb用の画像を作るとしても、文字はつぶれてしまうから現実的にしっかりしたものを作ることは不可能なのでしょうか?
Fireworksも見当したのですが、現在持っていなく、
できればイラストレーターで文字をはっきりさせたweb用の画像をつくってみたいと思っております。
Photoshopは6があるのですが、苦手でできればイラストレーターのみでできる方法の方がありがたいです。
どなたかお詳しい方ご教授のほどお願い致しますm(_ _)m
例えばこの掲示板も、Web用データですが、きれいに表示されていますよね。
文字を「画像」として配置した場合、小さなサイズの文字を鮮明に表示するには、どうしても無理が有ります。背景画像にも大きく依存します。
ですから、画像は極力画像として、文字はテキストデータとして、分けて考える、と言うことでしょう。
テキストデータと、画像データの問題を理解した上での御質問でしたら、外した回答だったかも知れませんが。
それはFireworksでも結果は同じということですよね?
まあ、どの程度を望むか?、と言うことでしょうね。
.gif書き出しすれば小さな文字でも、結構いい線で行けるとは思うのですが。
Illustratorの「Web用に保存」にしても、Fireworksにしても、実際の書き出し結果をプレビューできる訳ですから、色々試してみれば良いでしょう。
Illustratorだからダメ、Fireworksなら良い、と言う問題では有りませんね。
画像の中に文字を配置する場合、一つの解決法としてレイヤーを使う、と言う手も有ります。
つまり画像の上に、テキストデータのレイヤーを張る訳ですが、私ならその手法を採ると思います。
テキストレイヤーですか、それはweb制作ソフト上でテキストレイヤーをつくるということですよね?
>与之介 様
私としてはこれだけ読みやすければ十分です。
私のページではもっと大きい字が読みにくいのです。
例えばこのページです。
http://www.bikeillust.gin-hp.com/bikeillust/puraguko-do.html
感じがつぶれてますよね。でも仕方ないのかもしれません。
>感じがつぶれてますよね。でも仕方ないのかもしれません。
サイトを拝見する限り、私には全く問題の無いレベルだと思いますが。
>テキストレイヤーですか、それはweb制作ソフト上でテキストレイヤーをつくるということですよね?
レイヤーと言うか、ボックスと言うか………。
特にテキストに限りません。
左上図は背景画像の上にボックスを配置して、テキストを表示しています。
トップページのポップアップメニューは、レイヤーの表示・非表示をjavascriptで切り替えています。
いずれもDreamweaverでやっていますが、HTMLタグを充分理解している人はメモ帳でも可能でしょう。
イラストレーターだけでとはいきませんので、ちょっと手間なのですが・・・
イラストレーターで画像を2枚書き出し、一枚はアンチエイリアスをOFFにします。
それをphotoshopで重ねて、テキストの部分だけアンチエイリアスをOFFにした画像のものを使います。(フォントのサイズは12ptや10ptといったビットマップフォントできれいに表示されるサイズがよいです。)
それをjpegやgifにして使います。
ついでに、もう一つの方法
イラストレーターから直接72dpiで書き出したものを使うよりは、いったん144dpiなど大きめな画像として書き出します。
その画像をフォトショップで72dpiにリサイズして場合の方が、テキストが読みやすいものになります。
といった方法をとっていました。
非常に参考になります。
JAVAはやったことがありませんけど、一度やってみます。
結論としてやはりイラストレーターだけでweb用画像というのはなかなか難しいんですね。
わかりました。ありがとうございましたm(_ _)m
別件でお聞きしたいことがあるのですが、
この際webをきわめていこうと思いまして、
現在GoliveとイラストレーターでHPを作っているのですが、
DREAMWEAVERとFIREWORKSでHPをつくっていこうと思います。
そこでオークションでソフトを検索していたのですが、
登録可能☆macromedia DREAMWEAVE4 RFIREWORKS4 STUDIO
http://page16.auctions.yahoo.co.jp/jp/auction/u19020528
というのを見つけました。
バージョンは4のようですが、4でも大丈夫なものなのでしょうか?それとも8とかMXの方がよいのでしょうか?
それとこの商品なんですが、
XPでは動作保障致しませんとありますが、
WINDOUWS XP環境でご使用になられている方おられましたら、教えていただきたいです。
長々とご質問しましたがよろしくお願い致しますm(_ _)m
ただ、このバージョンはCSSが一般的になる前の製品ですので、スタイルシート周りの表示や編集は期待しないほうが良いです。
Goliveと比べられるとかなり見劣りするかと思います。
まあ、特に深刻な事ではないのでこのまま進めますが………。
>この際webをきわめていこうと思いまして、
…と言うことでしたらやはり、MX以上を求めた方が良いと思います。
今 Web のトレンドは「構造と見栄えの分離」と言うことらしいです。キーワードとしては、「XHTML」「スタイルシート(CSS)」と言うようなことでしょうか。
とろやんさんも言われているように、そう言うことに全面的に対応し始めたのが、Dreamweaver で言えば、MX 辺りから、と言うことじゃないでしょうかね。
Fireworksは、4でも何でも良いと思いますが。
でも最近はそう言ったソフト上での作業だけでなく、ますますテキストエディタでソースをいじる機会が多くなって来たような気がします。
どうせ買うならMXを買った方が良いということですね。
ちょっと買うの考えます。dream8はどうなんでしょうか?やはり4とあまりかわりませんか?
Fireworksは4でも大丈夫ということですね。
イラストレーターとかと感覚は似ていますね。
MX は更にその前(バージョン 7.0)に該当していたと思います。
>Fireworksは4でも大丈夫ということですね。
これも使い方の問題で、私なら、と言うことです。
Dreamweaverは、Webの規格に直接関係してくる反面、Fireworksは、私は画像を用意する為の、いわば補助的なソフトとしてしか使っていないからです。
ですからFireworksに付いては、MX以降バージョンアップしていません。
ソフトの選択も自己責任ですが、出来れば最新版に越したことは無いでしょうね。
たくさん名前があってわかりずらいですね(’’;)
それではドリーム8とファイヤー8とフラッシュ8を安く譲ってくれそうな人がいるので早速買いたいとおもいます。
いろいろとアドバイスありがとうございました!
お使いのマシンおよび、OSが対応しているかチェックなさってからの方がいいですよ。
お買いになっても使えない場合もあります。
一緒にライセンスも譲渡してもらわないと思わぬトラブルになることもありますのでご注意を。
是非、下記をご一読ください。
http://www.bsa.or.jp/education/protect.html
会社で購入したのですが、全く使える人がいなく、私の名義に変更し自分のPCにインストールした訳です。
手続きは、PCがネット接続されていれば、Dreamweaver上で簡単に出来ます。
先にライセンスの抹消をした後、他のPCにインストールすればすんなり認証手続きに入れます。
知人なりオークションなりで入手する際、ライセンスの抹消がなされているか確認する必要が有りますね。
きちんとしたいと思います。