イラストレーター9.0　グラフィックのエッジが汚い・・

Question

ＷＩＮ　ＸＰで　イラストレーター9.0をつかっています。　初心者なのですがどうしても納得できないことがあるので誰かの知恵をお借りしたいです。

イラストレーターで単色、べた塗りのグラフィックを作ってそれを自分のＨＰに使おうとしているのです。

基本的に立体感のあるものなどは技術的にむりなので、僕が書いてるものは、交通標識のようなかんたんなものなんです。　ベクトルを使ってグラフィックを仕上げて、それをＷＥＢ用にセーブしなおします。　背景が見えるようにしたいのでいつもＧＩＦ形式を選択しています。　

ここでいつも問題がおきるのです。　イラストレーター上でつくりおえたグラフィックを見ているとグラフィックの端、エッジはとてもシャープなのに、いざＷＥＢようにセーブし直したグラフィックをフロントページに置いてみると、グラフィックの端がぎざぎざ、または描いた覚えのない "ふち"　ができてしまい、自分の望むようなシャープさが出ないのです。例えばフロントページでオレンジのバックグラウンドのページにイラストレーターでかいた青の★をのせるとしますよね、そうするとどうしても★の周りにきたないエッジが縁取りされるように見えるのです。

なにかフィルターか設定、またはセーブ時のファイル形式でこのふちのノイズ？をとりのぞくことはできないのでしょうか？　どうかよろしくお願いします。

yayopix · Accepted Answer

こんにちは！

背景に模様が入ってしまいますとちょっと無理ですね。
中間色でごまかすしかないでしょう。

ただタイトルロゴなどページの左上に来るものでしたら、イラレで透明にせずに、そのページで使う背景と同じものをベースにして作って書き出せば出来ます。
（*当然背景の分大きくなってしまいますので、ファイルサイズが増えてしまいます）

そのままページに挿入しますとページの背景と素材の背景がずれてしまいますので、ページの上と左のマージンを０にしてください。

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

ボディにこのように指定します。

Nishikino · Answer

> 背景をかえるたびに色を指定しなおさなければいけないのでしょうか？
残念ながらそうです。色が似ている場合はごまかせますが。

> 背景が複雑になった場合にも対応できる方法はあるんでしょうか？
完全対応は難しいですが、私は背景の中で一番多く使われている色に合わせてマットの色を決めています。
その色を決めるために何度かやってみて、一番違和感のない色にする必要があります。

Nishikino · Answer

#1です。
私が言う所のPhotoshopでの方法は#2の方の言われる方法と同じです。Illustratorでも透過Gifできたんですね。失礼しました。

yayopix · Answer

こんにちは！

【Web用に保存】時に【マット】のところから『その他』を選んで背景のオレンジを指定してください。

Nishikino · Answer

Illustratorで扱うベクトルデータと、WEBで使う画像データは根本的に違うものです。
Illustratorでは計算式で画像を描画しているので、拡大しても汚くなりません。
一方、WEBで使うデータはビットマップ形式といって、粒粒の集まりでできているので、そういうぎざぎざ（ジャギト言います）が出て来ることがあるのです。
変なふちも多分GIFに変換したときに色数を落とす関係で、できてしまうものかと思われます。
Photoshopはお持ちでないですか？それでGIFにすれば背景の色に溶け込むようにふちを加工できるんですが。
もしくは、Illustratorで★の周りにあらかじめ背景の色を一緒に作っておいて、フロントページに持って行くという方法もあると思います。

イラストレーター9.0 グラフィックのエッジが汚い・・

こんにちは！

こんにちは！

> 背景をかえるたびに色を指定しなおさなければいけないのでしょうか？

#1です。

こんにちは！

Illustratorで扱うベクトルデータと、WEBで使う画像データは根本的に違うものです。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

イラストレーター9.0　グラフィックのエッジが汚い・・