- ベストアンサー
イラストレーター9.0 グラフィックのエッジが汚い・・
ＷＩＮ ＸＰで イラストレーター9.0をつかっています。 初心者なのですがどうしても納得できないことがあるので誰かの知恵をお借りしたいです。 イラストレーターで単色、べた塗りのグラフィックを作ってそれを自分のＨＰに使おうとしているのです。 基本的に立体感のあるものなどは技術的にむりなので、僕が書いてるものは、交通標識のようなかんたんなものなんです。 ベクトルを使ってグラフィックを仕上げて、それをＷＥＢ用にセーブしなおします。 背景が見えるようにしたいのでいつもＧＩＦ形式を選択しています。 ここでいつも問題がおきるのです。 イラストレーター上でつくりおえたグラフィックを見ているとグラフィックの端、エッジはとてもシャープなのに、いざＷＥＢようにセーブし直したグラフィックをフロントページに置いてみると、グラフィックの端がぎざぎざ、または描いた覚えのない "ふち" ができてしまい、自分の望むようなシャープさが出ないのです。例えばフロントページでオレンジのバックグラウンドのページにイラストレーターでかいた青の★をのせるとしますよね、そうするとどうしても★の周りにきたないエッジが縁取りされるように見えるのです。 なにかフィルターか設定、またはセーブ時のファイル形式でこのふちのノイズ？をとりのぞくことはできないのでしょうか？ どうかよろしくお願いします。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは！ 背景に模様が入ってしまいますとちょっと無理ですね。 中間色でごまかすしかないでしょう。 ただタイトルロゴなどページの左上に来るものでしたら、イラレで透明にせずに、そのページで使う背景と同じものをベースにして作って書き出せば出来ます。 （*当然背景の分大きくなってしまいますので、ファイルサイズが増えてしまいます） そのままページに挿入しますとページの背景と素材の背景がずれてしまいますので、ページの上と左のマージンを０にしてください。 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> ボディにこのように指定します。
その他の回答 (5)
こんにちは！ 背景に模様が入ってしまいますとちょっと無理ですね。 中間色でごまかすしかないでしょう。 ただタイトルロゴなどページの左上に来るものでしたら、イラレで透明にせずに、そのページで使う背景と同じものをベースにして作って書き出せば出来ます。 （*当然背景の分大きくなってしまいますので、ファイルサイズが増えてしまいます） そのままページに挿入しますとページの背景と素材の背景がずれてしまいますので、ページの上と左のマージンを０にしてください。 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> ボディにこのように指定します。
> 背景をかえるたびに色を指定しなおさなければいけないのでしょうか？ 残念ながらそうです。色が似ている場合はごまかせますが。 > 背景が複雑になった場合にも対応できる方法はあるんでしょうか？ 完全対応は難しいですが、私は背景の中で一番多く使われている色に合わせてマットの色を決めています。 その色を決めるために何度かやってみて、一番違和感のない色にする必要があります。
お礼
やっぱり楽していい効果は生まれないということでしょうか？ 本当にありがとうございました。
#1です。 私が言う所のPhotoshopでの方法は#2の方の言われる方法と同じです。Illustratorでも透過Gifできたんですね。失礼しました。
こんにちは！ 【Web用に保存】時に【マット】のところから『その他』を選んで背景のオレンジを指定してください。
お礼
できました！ 感動です！ 簡単なことだったんですね。 ただこの方法だと背景が単色でないといけませんよね。 背景が複雑になった場合にも対応できる方法はあるんでしょうか？
Illustratorで扱うベクトルデータと、WEBで使う画像データは根本的に違うものです。 Illustratorでは計算式で画像を描画しているので、拡大しても汚くなりません。 一方、WEBで使うデータはビットマップ形式といって、粒粒の集まりでできているので、そういうぎざぎざ（ジャギト言います）が出て来ることがあるのです。 変なふちも多分GIFに変換したときに色数を落とす関係で、できてしまうものかと思われます。 Photoshopはお持ちでないですか？それでGIFにすれば背景の色に溶け込むようにふちを加工できるんですが。 もしくは、Illustratorで★の周りにあらかじめ背景の色を一緒に作っておいて、フロントページに持って行くという方法もあると思います。
お礼
ありがとうございます。 背景の色に溶け込むというのはファイルを透過ＧＩＦにすると、背景がなんであっても自動的にとけこむということでしょか？ それとも背景を帰るたびに色を指定しなおさなければいけないのでしょうか？
お礼
ありがとうございました。 参考にさせていただきます。