2007/09/30

iWebの画像の色

気になったので実験してみた。
modoのレンダリング画像をAdobeRGBとsRGBにカラー設定を変えてモニタプロファイルで読み込んでそれぞれのプロファイルに変換したものを、プロファイル付きと無しでjpeg保存したものとWeb書き出しでjpegにしたものを、

そのままDreamweaverでレイアウトしたもの
http://www.yoshii.com/test070930/test-1.html

iWebでレイアウトしたもの。
http://web.mac.com/hiroshiyoshii/test/Photos.html

MacでもPC両方でSafariとFirefoxで見てみたので間違いないと思うけど、やはりiWebの画像はプロファイルのあるなしに関わらず、かなり暗く表示されるようだ。う〜ん。どう判断すりゃ。
まあ、このあたりのことは気にし始めたらきりがないので、気にしないのがいちばんなんだけど。便利さは捨てがたいけど、色を気にする人はiWebは使わないほうがいいのかもしれん。

●追加でこれ↓をテストしてみたところ、意外なことがわかった。
http://www.yoshii.com/test070930/test-2.html
なぜか、FirefoxとIEではsRGBだけが(ちょっと彩度上がり気味なものの)元の色に近い感じで表示された。つまりsRGBのプロファイルしか効かないようだ(SafariではAdobeRGBも近い色になる)。やはりこれ常識だったのかな。結論としては、Webに使う画像にはsRGBのプロファイルをつけるのがいいらしい。ん〜。面倒だけど、yoshii.comやブログ画像もできれば差し替えたい。


■追記
コメントのところで助言などいただきまして、実験しなおしての結論。

●Webに使う画像にsRGBプロファイルをつけると、Mac/PCのFirefoxやPCのIEではPhotoshop上とほぼ同じ色で表示させることができる。

●iWebで作成したページの画像はかなり暗く変色してしまう。が、iWeb2.02アップデート以降は暗くならないようになった。

iWebで作成(更新前)

iWebで作成(2.02にアップデート)

● ただし、iWebで作成したページの画像はWindows版Safariベータ以外のSafariでは、プロファイルをつけるとむしろ違う色に表示されてしまう。プロファイル無しのほうが かえってPhotoshopの色に近くなるようだ。ひょっとするとプロファイル無し画像を勝手にsRGB(あるいはAdobeRGB)と解釈して補正して 表示してるのかも。だからプロファイル付き画像はもう一度sRGBとしての補正がされ、それがカラマネが二重にかかってるみたいな感じと思ったのかもしれ ん。並べて厳密に比較してないのでちょっと混乱してるかもしれないけど、iWeb作成ページ以外のサイトでは、SafariでもsRGBで正しく表示されるようだ。

●BloggerではAdobeRGBプロファイルをつけた画像を投稿すると、サムネール画像が自動的にプロファイル無しにな り(破棄される?)、クリックして開く大きい画像ではプロファイルがついたままで表示されていたようだ。今までSafariもFirefoxも Bloggerのサムネールと本画像の色が異なるのはしかたないと思ってたけど、sRGBプロファイルをつけて投稿してみたところ、Firefoxではサ ムネールと本画像の色が同一に表示されるようになった(TDW_1519のカエルをsRGBの画像に差し替えた。それ以前の画像はサムネールと本画像の色がちがうので見てみて)。Safari2ではサムネールと本画像はぜんぜん色がちがうが、サム ネールの色はsRGB付き画像のようにちゃんと表示される。どういうことなんだこりゃ。sRGB付き画像を使えばMac版のSafari2と3ベータ以外 では何も問題ないことだけは確か。

TDW_1519

(埋め込みプロファイルをsRGBに変更したバージョンと差し替えました)

あまりに単純な形状で、いったい何やってんの?って感じかもしれないですけど、何をやってるかというと、光を透過するプラスチックに不透明なインクでタンポ印刷(パッド印刷)した感じを出そうとしてるのです。特におなかの白。あと、ついでに解説しておくと、最近やってるものは極端に単純な形状なものが多いですが、何をやってるかというと「作品として成立する限界の単純形状に挑戦」です。質感とレンダリングのリアルさのおかげで、単純でもそれほど安っぽく見えないので可能なんだけど。極端な話、ただの球体に色塗りしただけでもけっこうもつのではないかと。

もう一つ。Safariで見ている人は、画像をクリックして大きな画像を表示してみてください。カラーマネジメントが効いた状態で見れます。(とは言っても、二重にカラマネがかかったような感じになることもあって、派手な色がド派手になったりすることもあるんだけど。このあたり、Appleのソフトでの統一設定の仕方がよくわからない。たとえばiWebだと確実に二重っぽくなってしまい、SafariでiWebで作ったサイトを表示すると、画像の色がどす黒い感じになってしまったりする。)

2007/09/26

TDW_1515



TDW_1497の続編みたいな。(これもsRGBに差し替えた。ピンクの発色がぜんぜんちがう)

2007/09/22

TDW_1511


今回のテクスチャペイントは、アタリを書きだしてIllustratorで描いてみた。modoに戻して確認、Illustratorで修正して何度も書き出し。ちょっと面倒だけど、ここぞという場合にテクスチャをきれいに描く方法としてアリかも。Liner UVでは無理だけど。

2007/09/21

TDW_1510


下側までなかなか光が回り込んでくれなくて苦労してたんだけど、光のバウンスを初期設定の1から2に変更したら、いい具合に全体を照明できた。なあんだ、そういうことだったのか。これから照明がラクになりそう(っていうか、1508から2にしてある)。ただし、他の値を調整しないと計算時間がすごくかかる。


元。
っていうか、3D化シリーズやってるんじゃないですよ。たまたまです。
おもしろいんでまたやると思うけど。

2007/09/19

TDW_1508


これに刺激されて、はじめてクルマを作ってみた。部品やマテリアルが多いクルマはかなり大変な作業。同一マテリアル・一体型のいつものキャラクターの3倍くらい時間かかった。

これが元。