• 締切済み

Illustratorでweb用にスライス

Web制作初心者です。 Illustrator CS5で web用にスライスをしてみました。 作ったデザインの背景色を、カラーをカラーピッカーの16進数(#~)で確認して、 CSSにバックグラウンドカラーで指定しました。 その上にイラレ上でタイトル画像をスライスしたものを置いたのですが、 バックグラウンドカラーと画像の色が違うのです。 web制作にはDreamweaver使っているのですが、こちらの不具合かと思い ブラウザで見ても違う色になっていました。 やはり、イラレでスライスはまだまだ、うまく行かないのですか? DTP出身なのでフォトショが苦手で出来ればイラレで全てデザインしたいと思っています。 どうぞ、よろしくお願いいたします!

みんなの回答

回答No.2

見当違いかもしれませんが、IllustratorのドキュメントのカラーモードはRGBになっていますか? CMYKで製作しているとWEB用に保存した際に色が変わってしまう可能性があります。 ちなみにCMYKからRGBへのコピぺでも多少色は変わります。

ruirui123
質問者

お礼

他の事をしていて、気がつきました! Web用に保存のところで「カラープロファイルの埋め込み」にチェックを入れていなかったからでした。 ありがとうございました!

ruirui123
質問者

補足

ご回答ありがとうございます! カラーモードもRGBになっているんですよ。 IllustratorもPhotoshopも同じようになるので何か初歩的な事だと思うのですが、全く見当がつきません…。

  • shockatz
  • ベストアンサー率80% (153/191)
回答No.1

IllustratorでWebスライスを行った場合に問題なるのは、ピクセルマッピングの「ぶれ」によるエッジやラインのボケであり、色のトラブルは聞いたことがありません。 カラーピッカー等で、エレメントにアルファが設定されている場合に、透明化以前の「オリジナル」カラーを拾っていないか確認してください。 また、スライス書き出しフォーマットが、gifやpng8などのインデックスカラーの場合、いわゆる「Webセーフカラー」に丸められていないか、あるいは減色時にカラーシフトに注意してください。 これらの問題は、PhotoshopやFireworksでも起こりえることなので、Illustratorとは関係ないです。 Web制作でIllustratorを使っているデザイナは、自分の身の回りにはいっぱいいます。

ruirui123
質問者

お礼

他の事をしていて、気がつきました! Web用に保存のところで「カラープロファイルの埋め込み」にチェックを入れていなかったからでした。 ありがとうございました!

ruirui123
質問者

補足

ご回答ありがとうございます! アルファも設定していないのです。 書き出しはjpgです。 Webセーフカラーでスライスてみたら、うまく行きました。が、そうすると、選べる色の範囲は減りますよね? ちなみに、Photoshopでも色が違うという結果になりました。色の選び方が悪いのでしょうか? 色は、#736357を使いました。 微妙なカラーは指定しにくいとか…。 それか、何か設定でしょうか…。 バックグラウンドカラーをjpgで書き出して使えばこの問題は解決するので、この方法でないといけない訳ではないのですが、スッキリしたいです。 お手数おかけしますが、よろしくお願いいたします! すみません!「Webセーフカラー」に丸められて、という意味がわかりませんでした。

関連するQ&A

専門家に質問してみよう