• 締切済み

PhotoshopとFireworksでWEB用に書き出した画像の色が違うのを防ぐには?

当方、WEBの制作業務をしておりまして、ご質問です。 PhotoshopとFireworksで WEB用に画像を書き出した際、 画像の色が違います。 また、PhotoshopとFireworksそれぞれのキャンバス上で 同じ画像を見たときも色が違って見えます。 (いずれもPhotoshopの方が少し濃い色に見えます。) これを防ぐにはどのような対策を取ればよいでしょうか? http://bowz.info/679 を参照したのですが、 「モニタのプロファイル」というのがわからず、 設定することができませんでした。 ちなみに当方の環境ですが、 ●Windows XP SP2 ●モニター─MITSUBISHI Diamondcrysta RDT201L ●Photoshop CS4 カラー設定 作業用スペース・・・ RGB─AdobeRGB(1998) CMYK─Japan Color 2001 Coated グレー・スポット─Dot Gain 15% ●Fireworks CS4 となっています。 ご教授のほど、よろしくお願いいたします。

みんなの回答

  • amanda97
  • ベストアンサー率21% (414/1953)
回答No.1

PhotoshopもFireworksもカラー設定をsRGBにしてください でもPhotoshopCS4があるのならFireworksは不要では?(^_^;

michi_93
質問者

お礼

Fireworksでのカラー設定の仕方は分かりませんでしたが、 とりあえず当初の目的の対処策を発見いたしました。 以下のとおりにすると、作業時も書き出した画像も、PhotoshopとFireworksで同じ色になりました。 また、Photoshop上で作業時と書きだした画像の色が違っていた現象も直りました。 どうもありがとうございました。 Photoshopにて、 1. ビュー>色の校正にチェックを入れる 2. ビュー>校正設定>モニタRGBにチェックを入れる 3. 編集>カラー設定>sRGB 4. 編集>プロファイルの指定>sRGB(カラーマネジメントを行わない、でも良いかもしれません) 5. ファイル>WEBおよびデバイス用に保存>sRGBに変換 にチェックを入れる、プレビューはモニタカラーに

michi_93
質問者

補足

どうもありがとうございます。 >PhotoshopもFireworksもカラー設定をsRGBにしてください Fireworksでのカラー設定は、どのように行なえばよろしいのでしょうか。 >でもPhotoshopCS4があるのならFireworksは不要では?(^_^; Fireworksはスライスの使いやすさが自分に合っているなと思うので やはり手放したくないところです。 それにしてもスライスした画像の汚さ(特にGIF)は全然改善していません。

関連するQ&A

  • Photoshopの画像保存について

    Photoshopの画像保存について教えて下さい。 携帯サイトの制作で、画像を「Webおよびデバイス用に保存」した時、元の色から変わってしまい、困っています。 携帯サイトの制作で、画像を「Webおよびデバイス用に保存」でJPEG・画質50で保存してHTMLに貼り付けると、HTML側の背景色と画像の一部分で同じ色にならなければならないのが、色が違って境目ができてしまいまい困っています。 どのように設定して保存すればいいでしょうか? ・HTMLの背景色「#aad82d」 ・photoshop上の同じ部分の色「#aad82d」 ・web用に保存後の同じ部分の色「#a9d413」 ちなみに、他社の方にて保存されている画像は、背景と画像の境目は馴染んでいました。 以下が現在の環境です。 ■OS iMac/Mac OS X 10.6.6 ■Photoshopの環境 バージョン>Photoshop CS5 表示>校正設定>インターネット標準RGB(sRGB) カラー設定> 設定:一般用-日本2 RGB:sRGB IEC61966-2.1 CMYK:Japan Color 2001 Coated グレー:Dot Gain 15% スポット:Dot Gain 15% どうかよろしくお願いいたします。

  • Photoshop上の色とプリンタ出力時の色の一致設定

    外部機器(スキャナやデジカメ)から取り入れた画像をPhotoshopで加工してプリンタに出力する際に、Photoshop上(モニタ)で見ていた色とプリンタ出力時の色をできるだけ同じになるようにしたくて(補正機器はもってませんが)あれこれディスプレイ補正をしていて気がついたことがあります。 ディスプレイのカラー選択にAdobeRGB(1998)というのがあることです。 ということは、こんな面倒くさいことをしなくても、最初からこのAdobeRGB(1998)をモニタのカラー設定に選択しておいて、Photoshopで開いた画像も「プロファイルの指定」でAdobeRGB(1998)に指定して、環境設定で、作業用スペースもAdobeRGB(1998)にして、「プリントプレビュー」で、カラーマネジメントポップアップメニューの詳細項目「プリントカラースペース」もAdobeRGB(1998)にしておけば、理論上は全ての画像の色が一致するということになるんじゃないかな?ということです。まだ勉強中なので自信がないんですが、どうでしょうか?

  • photoshop7.0 web用に画像書き出し→ギザギザします

    photoshop7.0 web用に画像書き出し→ギザギザします Mac OS 10.4.8 photoshop7.0でweb用画像を書き出して(文字と物撮り画像) Dreamweaver CS3でコーディング 写真が(特に文字)ギザギザしてしまうのですが どうしてでしょうか?fireworksで作業したほうがいいのでしょうか?

  • ウェブ素材の制作で、正しい色で書き出されない。

    MacOS 10.4.3 Tiger / Apple Cinema Display Illustrator CS / Photoshop CS / Dreamweaver イラストレーターで制作した、ウェブ素材をコピーして、フォトショップ上で新規書類を開いて、ペーストしたモノをWeb用保存すると、すごくどす黒い色になって書き出されてしまいます。 (例えば、イラストレーターやフォトショップ上では鮮やかなオレンジなのに、Web用保存したときだけ、どす黒くなる) ロゴなどのイラストレーターデータを、画像データとして使用したいのですが、色が変換されてしまうので、困っています。 また、フォトショップにコピペせず、イラストレーター上で完了してしまえば、色の問題はほとんどないのですが、PSにコピペするより、少しぼやけたカンジになるので、イラレ→PSという流れで制作しています。 両ソフト間では、同じカラー設定です。 RGB:AdobeRGB(1998) / CMYK:Japan Color 2001 Coated やはりイラレ→PSという流れは、良くないのでしょうか? 現在はイラレにWeb用保存がありますが、ver.8の時代はどのようにされていたのでしょうか? 私自身は、紙媒体を主に仕事しているのですが、ウェブ制作の現場の方の意見をお伺いしたいと思います。 よろしくお願いいたします。

  • photoshopCS3でモニタ上の画像の色が、、、

    photoshopCS3をインストールして、画像の作業ファイルを開いたら、 photoshop上の画像の色が、実際の色よりも、薄くらいですー カラー設定を色々いじってみてもなおらないんですー (何がげんいんでしょうかー?助けてください~) ★パソコンはFUJITSUです。 カラー設定は、 ★作業用スペース sRGB Japan Color 2001 Coated Dot Gain15% Dot Gain15% ★カラーマネジメントポリシー 埋め込まれたプロファイルを保持 埋め込まれたプロファイルを保持 埋め込まれたプロファイルを保持 チェックなし ★変換オプション Adobe(ACE) 知覚的 2箇所にチェックしてます。 誰かおしえてくださいー よろしくお願いします。

  • photoshopでブラウザの色と同じ色で編集したい

    環境  ・windows vista business  ・モニタ FUjitsu-VL240  ・photoshop cs3 (カラー設定はWebインターネット用日本。画像のプロファイル:sRGB 61966-2.1)  現在、Web用の写真をphotoshopで加工しています。 (ただしWeb用保存を使用せず、普通に画像を保存して使用しています。)  sRGBで撮ったデジカメの画像をphotoshopで加工後、保存すると、ICCプロファイルが埋め込まれていてもFireFoxを除く多くのブラウザでは当然、photoshop上で見る色と違って見えます。  これをブラウザで見る色と同じ状態でphotoshopにて編集・加工するにはどうしたらよいでしょうか。  ICCプロファイルを埋め込まなければ、vistaのビューワーやphotoshopで見ても(sRGBだから)、ブラウザで見ても同じかと思ったら、だいぶ違いました。。。  それともブラウザの共通色は216色(?)だから、photoshopでもWebセーフカラーしか使ってはいけないのでしょうか。。  基本的な質問で申し訳ありませんが、過去の質問を見ても解決出来ませんでした。どうかご教授ください。

  • photoshopなどの最適なカラー設定

    カラーの設定がいい加減だったので(^^;、全部あわせました。 しかし、これが最適なのか、すぐに確認できる人がいないためわかりません。 AdobeRGB(1998) モニター、photoshop、他ペイントソフトに。 photoshopは AdobeRGB(1998) Japan Staedard v2 Dot Gain 15% Dot Gain 15% 埋め込まれたプロファイルを保持 AdobeGamma Windowsですが1.8に(印刷屋にだすとき、1.8にしとくべきとどっかに書いてあったので。 たまに印刷屋にもっていくことがあります。) でも、Webにあげることもあるので、Windowsのモニターで見る人のことも考えて 別の値の方がいいのでしょうか。 それともそのつど変更するのでしょうか。 この設定に変更してから困っていることとして、 photoshopで素材(jpeg)を読み込むたびに、プロファイルなしの確認がでます。 これがうざったいのですが、、みなさんこういう環境で使っているのでしょうか? ただ検索したら、オフは通常は選択しないほうがいい、とどっかのクリエイター系のサイトに書かれていました。 グラフィック関係の仕事をしている人はどういう設定になっているのか 知りたいところです。

  • Photoshopの画像をFireworks、Illustratorにドラッグ

    Photoshopのカスタムシェイプで書いた画像を、 パスを保持&背景透過の状態でFireworksやIllustratorに 貼り付けたいのですが、画像がビットマップになり、背景も白地になります。 以下の質問を参考に、試してみましたがどうしてもうまくいきません。 PHOTOSHOPからFIREWORKSに画像をドラッグしたら背景がついてくる。 http://okwave.jp/qa3706101.html 以前Photoshop→Illustratorへドラッグ&ペーストした時に 貼り付けオプションのダイアログが表示されて 貼り付け方法が選べたのですが、いつの間にか出来なくなりました。 一旦Photoshop側でパスの書き出し保存してから開く方法もありますが、 便宜上ドラッグ&ペーストで出来ればと思います。 また、Illustrator→Fireworksへは問題なくできます。 バージョンはすべてCS3です。 どなたかご教授いただけないでしょうか。 宜しくお願いします。

  • Photoshopで見ると色が変色

    iMac OS9.2です。Photoshop 5でスキャナしてその画像を見ると色が赤っぽく変色してみえます。カラーや色見本は正常に見えるのですが。しかし、その画像をFireworks等他のソフトでみると、色は正常に見えます。どうしても直らないので、Photoshop 5を削除して、Photoshop 6をインストールしましたが、(初期設定のまま)その現象は変わらないのです。同じように変色して見えます。何が原因なんでしょうか。

    • 締切済み
    • Mac
  • web用画像のカラーについて

    web用画像のカラーについて、仕組みがよくわからないので教えてほしいです。 fireworks(CS5)でweb用画像の書き出しを行っているのですが、 ほとんどの画像を「最適化GIF256色」という設定で書き出しました。 しかし画像の作成にはパレット上にある色ではなく、「#DADADA(例です)」というように自分で入力してカラー設定し、「webセーフカラーにスナップ」などの設定もせずに作成しているため、 256色以外の色も使用しているように思います。 ですが実際書き出した画像を見ると、元の画像と大差なく色もそのまま書き出されているように見えます。 なぜでしょうか? 初歩的な質問ですみません。。 作成した画像の中に256色以外の色が含まれていた場合は、256色の中で近い色に変換されるという仕組みではないのでしょうか。 それとも、256色をさらに組み合わせて256色以上の色を表現できている、ということなのでしょうか? よろしくお願いします。