
illustratorのグラデーションについてお尋ねします。
3DCG用のディスプレイスメントマップで滑らかな盛り上がりを表現するため
illustratorのグラデーションメッシュを使ってみたのですが、
作ったファイルを3DCGソフトに持っていくと
グレーの諧調が滑らかに出ず、ガタガタの段差ができてしまいました。
illustratorで作ったグラデーションを綺麗に修正する方法をお教えください。
ファイルは
行数3
列数3
外側のポイントに100%の黒、真ん中が50%のグレーを使用。
※画像は3DCGソフトのモデル画面です。
今まで試したやり方として
(1)photoshopへファイルをもって行き、フィルターのぼかしをかけてみました。
若干ましになりますが、地図の等高線グラフみたいになりました。
(2)3DCG側の調整もアンチエイリアシングや評価密度も変えてみたのですが、
アンチエイリアシングをかけるとがたついた形のまま丸くなるので良い結果が望めませんでした。
やはり2D画像の段階での処理の必要を感じました。
(3)アピアランスのグラデーションよりはグラデーションメッシュの方が幾分かは綺麗でした。
一番変化があったのはやはりphotoshopのぼかしでしたが、使い方が悪いせいか思った通りになりませんでした。
illustrator,photoshopでお知恵がありましたらよろしくお願いします。

No.2ベストアンサー
- 回答日時:
印刷ではよく「ノイズ」を加えてトーンジャンプを軽減させます。
No.1さんの回答の4.のところでぼかしではなく、フィルタ→ノイズ→ノイズを加える で、
3~4%、ガウス分布でノイズを加えるとグラデーションが滑らかになります。
印刷での話なので3DCGで使えるかわかりませんが参考までに。
sp201073様、
回答ありがとうございます。
ノイズをかける方法を試してみましたが、3DCG側にもっていってディスプレイスメントをかけるとノイズだけが反映されてしまいました。
ですがノイズをかけた後、更にボカシをかけると階調が幾分なだらかになるという効果が得られました。
ヒントを頂きまして感謝しております。
ただphotoshopのブラシに比べてみるとやはり階調の違いが出てしまうので、
sp201073様のヒントを参考にもう少し思考錯誤してみようと思います。
お陰でポイントが絞れてきた感じがしました。
検証を重ねると、どうもベクターデータとピクセルデータのピクセルの扱いの差が
関係しているようです。
ディスプレイスメントマップは1pxのグレーの色調の差分で擬似的に高さを表現するのですが、photoshopのブラシなどで作った陰影は上手くボケて、というかピクセルの粒子がバラけているため滑らかさを感じる様です。
illustratorのグラデーションはハンドリングが直感的で
陰影も自由に扱えるので好きなのですが、ディスプレイスメントで使おうとするとグラデーションの階調が素直に出てしまいます。
illustratorでマップ作りが出来ればこれ程強力なツールは無いのでもう少し検証してみようと思います。
ご助言ありがとうございました。
No.1
- 回答日時:
3DCGアプリ側にもよりますが、16bitグレーにされてみてはいかがでしょうか?
昔のことなので記憶がちょっと薄いのですが、Zbrushでマップ作成→16bitグレーで書き出し→3dsMaxでレンダリングすると、あのガタガタが出ないで済んでいたように思います。
1.Aiで作成したグラデーションメッシュをAiから解像度を上げてPSDで書き出し。
2.その画像をPsに読み込み、グレーの16Bitに設定変更。
3.それを適正なサイズ(例えば1024px×1024px)に解像度変更。その際に「バイリニア(なめらかなグラデーション)を設定。
4.それでもなめらかでない場合、少しだけぼかしを入れる。
以上のような感じはどうでしょうか?
shut0325様、回答ありがとうございます。
おっしゃる通り3DCG側のペイントや
photoshopのブラシでグラデーションを作成したところ、
滑らかな陰影がつきました。
ただillustratorでのアピアランスのグラデーションやグラデーションメッシュで
陰影を付けてphotoshop形式で書き出し、
photoshopで開いて画像解像度で1024px、バイリニアに変更
ボカシ(ガウス)をかけ、別名で保存16bit形式のTIFF形式で保存してみましたが
やはり等高線のような階段が出来てしまい、レンダー調整でも粗い所が目立ってしまいました。
illustratorは見た目には綺麗なグラデーションが表現出来ていて
ディスプレイスメントマップに向いているかと思ったのですが、グラデーションの計算方法が違うのでしょうか。
shut0325様御回答感謝しております。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Photoshopのハーフトーンパター...
-
イラストレータで2つの画像の...
-
PhotoShopで太字しか入力できな...
-
PhotoshopCSで、写真画像をグレ...
-
CS2でベタから透明へのグラデー...
-
集合写真の文字入れ
-
Illustrator上でDICカラーでの...
-
写真の照明むらを補正したい
-
素材の重なり時に、色が変わる...
-
illustratorで作成したグラデー...
-
Fireworksで線のグラデーション...
-
Illustratorの透明...
-
Photoshop:グラデーションの位...
-
イラストレーター グラデーシ...
-
PhotoShopで文字の背景色をつけ...
-
Photoshopでパスのオフセットの...
-
イラストレーターでスプレー缶...
-
イラストレータで「ファイル」⇒...
-
イラストレータのレイヤーパレ...
-
複数の画像を同じ色合いに補正...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Photoshopのハーフトーンパター...
-
CS2でベタから透明へのグラデー...
-
イラストレータで2つの画像の...
-
素材の重なり時に、色が変わる...
-
集合写真の文字入れ
-
Illustrator CS3。不透明マスク...
-
Photoshop:グラデーションの位...
-
【Photoshop】文字の背景に黒い...
-
クリッピングパスを使うとレイ...
-
photshopで楕円のグラデーション
-
Illustratorでホコリ、土煙のよ...
-
写真の照明むらを補正したい
-
Photoshopでもそうでなくても良...
-
イラストレーター グラデーシ...
-
Illustratorの透明...
-
フォトショップ,テキスト入力...
-
photoshop
-
【photoshopのグラデーションツ...
-
ゲラデーションができない
-
フォトショで背景の色にグラデ...
おすすめ情報