PhotoshopデータをFlash読み込み時に色が変わる対策

Webサイトをデザインする時、Photoshopのpsdデータで作るんですが制作環境によってFlashで読み込んだ時に色が微妙に変わったりします。他の人にデザインしてもらった場合も、相手の環境(WindowsかMacやPhotoshopの設定)によっても色が変わったりすることがあるのでその対応策。

ちなみに自分の環境はMacのPhotoshop CS5です。

FlashはWeb上限定なので色校正周りの設定がないためPhotoshop上でFlashに合わせて校正を設定する必要があります。なので以下の操作は全てphotoshop。

1.メニュー「表示」-「色の校正」にチェックが入っていたら外す。

2.メニュー「表示」-「校正設定」-「インターネット標準 RGB(sRGB)」に。(1をやってたら関係ないかも)

3.レイヤーの背景を消す。(Flashだと透過を使った画像だと読み込んだ時に透過gifのように背景の色に影響をうけるため)

4.保存時、「カラープロファイルの埋込み」にチェックが入っていたら外す。

これでもまだFlashで配置したときに色が違う場合はPhotshop上で一つ一つ切り分け、「ファイル」-「Web およびデバイス用に保存」で

・プリセット:PNG-24
・透明部分:チェック
・sRGBに変換:チェック
・プレビュー:インターネット標準 RGB(カラーマネジメントなし)

で保存してFlash上で読みこめば再現性が高いかと思います。
ただ一つ一つ切りだしてWeb用に保存というのはかなり手間がかかるので、自分は1〜4で作成したpsdデータをFlashで読み込んだ後に、色の違いが気になる素材を別途Web用に保存で書きだすようにしてあります。

他にもPhotoshop – Fireworks – Flashと間にFireworksを経由してFireworks用PNGデータに変換するといいというのがありましたが、面倒な上に自分の環境では違いが見られなかったのでやってません。
どうやらOSだけでなくソフトのバージョンによっても違いがあるようです。

だいぶマシになったとは言え、どうも未だ元Macromedia製品とAdobe製品は互換性が悪いように感じます。ソフトのバージョンを上げるよりもMacromedia系ソフトのインターフェースをAdobe仕様にしてもらえないもんですかねぇ。

未だFlashはアニメとスクリプトの使い分けに悩みます

「PhotoshopデータをFlash読み込み時に色が変わる対策」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。