• ベストアンサー

イラストレータとWEBセーフカラー

イラストレータでWEBセーフカラーを使ってバナーを 作っています。(#66FFCCを背景にしています) 保存はgif形式で、オプションはよく理解できないので デフォルトのまま保存しています。 ところがHTMLファイルに貼り付けて、背景を同じ色 (#66FFCC)にしても微妙に色が違います。 そのためバナーが浮き出したようになってしまいます。 どうすればHTMLファイルの背景色と同じ色のバナーを 作成できるのでしょうか? アドバイスなどいただけたら嬉しいです。

質問者が選んだベストアンサー

  • ベストアンサー
noname#107580
noname#107580
回答No.1

こんにちは! 他に回答が無いようですので、実験してみましょう。 まず、背景が(#66FFCC)になているHTMLを開いておきます。(画面の右下辺りに置いときます) その上にイラレを開いて、カラーをRGBの状態に戻しておきます。 バナーの背景部分を選択した状態で【スポイトツール】で『Shiftキー』を押しながらイラレのファイル内でマウスボタンを押します。 Shiftキーを押したまま、ドラッグして開いておいたHTMLファイルの希望の背景色のところに移動してマウスボタンを離します。 Winの場合HTMLファイルがイラレの下に隠れてしまいますのでイラレの壁の部分を小さくしておきます。 そうすると、その色が拾えますので、それがイラレ上でどうなっているか確認してみてください。 (ちゃんと#66FFCCになっているかどうか・・)

angband
質問者

お礼

 アドバイスありがとうございます。スポイトツールで Shift押しながら・・という技をまったく知りませんでした ので、教えていただいたとおりやってみると、かなり 近い色になりました。よく見るとわずかに違いますが、 99%同じ色と言う感じにまでなりました。  ただRGBにするというのがよくわからなかったので 色は相変わらずCMYKでしか実験できておりません。 またのちほど、調べて挑戦してみたいと思います。  本当にありがとうございました。

その他の回答 (1)

noname#107580
noname#107580
回答No.2

>CMYKでしか実験できておりません・・ CMYKのせいだと思います・・ イラレのバージョンはいくつですか? もしかして8ですか・・(;^_^A 8ですとちょっと分からないです・・ 【ファイル】→【新規】で『ダイアログ』は出ますか? もし出たなら、カラーモードのところを『RGBカラー』にして下さい。 そして、もう一度#66FFCCを指定してみて下さい。

angband
質問者

お礼

RGB、CMYKの根本的なことがわかっておりませんでした。 教えていただいた結果、思うように色を合わせられるようになりました。 ありがとうございました。 御礼が送れてすいませんでした。

関連するQ&A

  • WEBカラーマネジメントについて

    使用環境 PS CS5 Dreamweaver CS5 WEB制作初心者です。 PSでWEB用保存した画像の色がDWで開いた際に変わってしまいます。 バナーの色に合わせて背景を設定したいのですがDWのスポイトで色を吸いだしてみると 色コードが変わっています。 バナーには、WEBセーフカラー#660000と言う色を使っているはずなのですが プレビューでみても明らかに背景色とバナーの色がハッキリと違います。 原因が解らず困っております。 ご指導願えませんでしょうか? プロファイルの埋め込み等はよく解りませんでしたので、デフォルトのままとプロファイルなしを両方ためしてみました。

  • Webセーフカラーについて

    Webセーフカラーは216色あると聞きましたが、では実際のWebページはほとんどが216色だけで表現しているのでしょうか? 例えばデジカメで撮った写真などはどうしているのでしょうか?これも216色に減色して公開しているのでしょうか? amazonのページを参考にHTMLと色などの勉強をしていたのですが、ここのページはあまり216色のセーフカラーにこだわっていないようです。 ただ自分はいずれ仕事としてWeb製作をしたいので、仕事とした場合どこまでセーフカラーに気をつければよいのでしょうか? 特に経験者の方、よろしくお願いします。

  • WEBセーフカラーについて教えてください。

    WEBで使用するカラーにWEBセーフカラーと言うものがあるのですが、これを使うと何かメリットがあるのでしょうか? またWEB上で使用するのに、セーフカラー以外のものを使うと、どんな問題が発生するのでしょうか?実際セーフカラーのみではもの足りないのですが、他の色を使用しても大丈夫でしょうか? よろしくお願いいたします。

  • イラストレーターのフォント画像の保存について

    こんにちは。 現在イラストレーターでフォントをMS明朝、サイズを12、カラーを黒、その他の設定はデフォルトで文字を書いています。 この状態でWEB用に保存でGIFで保存(設定はデフォルト)しましたが、色が薄くなって保存されます。 イラストレーター作成時は濃い黒色です。保存時に薄くなっているようなのですが、どうにか対処できないでしょうか? 単純にGIFだと画質が落ちるなどが原因なのかよく分からないです。 どなたかよろしくお願いします。

  • IllustratorとPhotoshop、保存状態の違い。

    IllustratorとPhotoshop、保存状態の違い。 1.)Illustratorで作成したデータ(フォントをロゴ化したものです)を、Illustrator形式で保存します。 2.)それをPhotoshopで開いてGIF形式に変換して保存すると、背景はデータに合わせた大きさになります。 しかし、 3.)Illustratorで保存するときに「webおよびデバイス用に保存」で、GIF形式に保存してやると、背景は大きいまま保存されてしまいます。 4.)Webページで使いたいロゴなので、これではちょっと困るのですが、 Illustratorで、背景をデータに合わせた大きさに保存することは出来ないのでしょうか? よろしくお願いいたします。

  • イラストレータ8でWEB用に保存する方法

    アドビイラストレーター8.0で作成した画像を、WEB用に保存したいのですが「WEB用に保存する」がないので、GIFで保存しようと試みました(背景を透明にしたい為)。 GIFで保存する方法がひとつしかなかったのですが、 (これです→)「書き出し」→「GIF」にするとWEB上にUPした時に画質が落ちてガビガビになってしまいます。 独学で、色々調べてもやり方が分かりません。 背景を透明にするWEB用の保存方法を教えていただきたいです。

  • イラストレータでの透明画像がうまく印刷できない

    イラストレーターCSで、フルカラーの洋服のオンラインショップのちらしを作成しました。 ちらしといっても、社内に貼る用で、はじめからインクジェットプリンタで刷るものとしてデータを作成しました。 洋服やアイテムの写真を載せなければいけなかったので、フォトショップ上で洋服やアイテムをパスで切り抜いたものを「Web形式で保存」でGIF形式で保存しました。それをイラストレーターで色付きの背景に貼りました。 しかし、データ上では出ていないのに、プリンターで印刷するとデータそのものの大きさの四角が背景よりも濃い色で出てきてしまいました。 透明がいけないのかなぁと思って、このあと配置する画像の背景色も同色にしてEPSで保存して配置したのですが、GIFのときと変わらない状態で印刷されました。 プリンターは「canon pixas」のフルカラーインクジェットプリンタです。 フォトショップとイラストレーターどちらともカラーモードはCMYKです。 背景色も区切りのいい数字にしてあります。 原因がわかる方がおられましたら教えてください。よろしくお願いします。

  • イラストレータ→gifファイルの作成

     win版イラストレータver10を使用しています。  背景が透明である画像やアウトラインをとったフォントをgifファイルで保存(web用に保存を選択し、アンチエイリアスにチェック済)したのですが、HTMLで背景を色付にして画像をのせたら画像の周りが白いギザギザの縁が出来るのです。見栄えが非常に悪くて困ってます。  特別gifファイルにはこだわってはいなのですが、使用していないスペースは透明にしないとまずいのです。  この内容を解消出来る方法をご存知な方がいらっしゃったら教えてください。

  • イラストレーターでWebカラーを出す方法

    先ほども質問いたしましたが、 少し内容を変えてもう一度お願いいたします。 イラストレーター9でWeb用の素材を作りたいのですが、 Webカラーがうまく設定できません。 カラーをWebセーフRGBにし カラーのBOX?をダブりクリックして Webカラーを直接入力するのですが、 それが反映されません。 なにかそれ以前の設定方法を教えてください。

  • HP作成でウェブセーフカラー以外を使いたい

    どなたか教えて下さい。 私は今ファンシーでかわいい感じのホームページを作成していて、HPの雰囲気に合わせてかなり淡い色を使いたいと思っています。 しかし、ウェブセーフカラーの中で一番淡い色でも淡さが足らず、もっと淡い色を使いたいと考えると、ウェブセーフカラー以外の色を使わざるおえません。 特にHP作成経験のある方で、自分の希望の色がウェブセーフカラーにない場合、皆さんはどのように対処してらっしゃるのか是非教えて下さい。 やはりウェブセーフカラー以外の色は使わないほうが良いのでしょうか?