【3DCG】戦車のテクスチャ描き方晒し

実際安い素人のMOD作者が戦車のテクスチャの描き方を晒す。 理想的な描き方では到底ありませんが、「テクスチャの描き方なんて右も左もわからない!」という方はひとつ参考にしてみてくださいな
28
えすだぶ@C103日曜東3"サ"-58a @FHSWman

私は自称火砲クラスタではあるけども、そうである以前に、3Dモデル作ったりテクスチャも描いたりすることもある……そういうわけで、 たまにはMOD作者らしくテクスチャのお話でもしてみましょ。レオパルトのを題材にして

2014-01-08 20:27:06
えすだぶ@C103日曜東3"サ"-58a @FHSWman

ただの素人のお話なので、実際凄い専門家の人は、どうか笑ってやってください

2014-01-08 20:28:26
えすだぶ@C103日曜東3"サ"-58a @FHSWman

お題はレオパルト偵察戦車 http://t.co/lsM4NSNgli こいつの描き方です。全体を見るのも大変なので、前面装甲あたりのテクスチャだけに着目して行きましょ

2014-01-08 20:34:18
えすだぶ@C103日曜東3"サ"-58a @FHSWman

つまり、茶色っぽい黄色の板を一枚描きたくて、出来れば金属っぽく魅せたいわけです。金属でもなんでもないのっぺりしたポリゴン板を金属のように見せる方法は色々ありますが、ここでは実際に金属地っぽいものの上に塗装他を重ねていくスタイルで行きましょ

2014-01-08 20:37:31
えすだぶ@C103日曜東3"サ"-58a @FHSWman

金属っぽい下地は自分で描いてもいいんですが、フリーの写真素材とか画像描画ツールに元々入ってるようなパターン塗りツールでも使うのが楽。今回はこんな感じのを使います。これだけ見るとあからさまにループしてますが、最終的には気になりません http://t.co/XeWqBhVyzF

2014-01-08 20:41:13
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

ここから塗装するんですが、ベタっと丸ごと塗ってしまったら下に金属地を用意した意味がない。塗装が所々剥げていて下地が見える感じにしたいところです。そんなときは、現実にはどういう部分の塗装が剥げやすいだろうかと考えてみます。たぶん角とかはぶつけたりなんかして剥げ易いですね

2014-01-08 20:45:40
えすだぶ@C103日曜東3"サ"-58a @FHSWman

このままではどの部分がパーツの角にあたるのかわからないので、UV展開図を別レイヤーで置いてみます(そう、今回はきちんとUV展開されたモデルがあるのが前提です)。このレイヤーはあくまで作業の目安にするための物であって、最終的には消します http://t.co/EwytvxSAkt

2014-01-08 20:48:07
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

これでパーツの端を避けて色を塗っていくんですが、ここではブラシの向きや強度をランダムに変えてやる機能(GIMPでは「動的特性」)を使うと、いい感じにランダムに塗れます。どんな特性とブラシが良いかは自分で色々実験してみましょ http://t.co/MmIHoW1Zx5

2014-01-08 20:53:40
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

適当にブラシを変えたりなんかしつつ、パーツの端以外の部分を「適当に」塗り潰します。あるいは逆に、最初にベタ塗りしちゃってからパーツの端とかを消しゴムで適当に消してもいいんですが。ともあれ、ランダムな感じの表面ができました http://t.co/ejQg1WLrE2

2014-01-08 20:55:50
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

説明に邪魔なんでUVは取っ払っちゃいましょ。実際の作業では適宜表示・非表示を使い分けます http://t.co/8IywaM5wYL

2014-01-08 20:57:24
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

これだけでは単にまだらな平面になっているだけで、厚みが感じられません。ここでバンプマップ(またはツール毎の類似機能)を使います。バンプマップの説明はここなんかが判りやすいです http://t.co/UFBGVJJHwa

2014-01-08 21:03:57
えすだぶ@C103日曜東3"サ"-58a @FHSWman

つまるとこ、高い低いの情報をソースとして、そこに発生する陰影をシミュレートし起伏があるように見せかける機能です。ここでは肯定情報のソースとして、先ほど塗った塗装レイヤーを使います http://t.co/Ze1MbJLe2g

2014-01-08 21:06:57
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

先の塗装レイヤーをもとに作ったバンプマップがこちら。なんだかゴツゴツした画像が出来上がります http://t.co/Ta3C7CAfQg

2014-01-08 21:08:12
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

出来上がったバンプマップレイヤーを乗算してやると、塗装部と下地との間に凹凸がある感じになってきます。このままではあまりに強く浮き出ているので、適当にバンプマップレイヤーの透明度を調整してやる必要がありますが http://t.co/DJF77g0eCz

2014-01-08 21:10:42
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

バンプマップレイヤーの透明度を調整した結果。これでもそれなりに凹凸がある風ではあるんですが、あるのは影だけです。次はここに光も足してみましょ http://t.co/NPfDp0lvtD

2014-01-08 21:12:41
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

先の説明ページにあるとおり、バンプマップは生成するときに「方向」というパラメータを変えることができます。光を当てる方向が変われば、生じる影も変わるわけです。ここでは最初に作ったバンプマップから180度向きの違うものを生成 http://t.co/iiuFIJZHax

2014-01-08 21:15:44
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

生成されたバンプマップは光と影の向きが最初の物とは逆になってます。こいつを乗算でなく除算でかけてやれば、陰の反対に光がある格好になるわけですね。これでなんだか凹凸してる風に見えてきました http://t.co/UoqADBBi9v

2014-01-08 21:17:59
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

これで何となく端のほうが剥げたような風になりました。180度向きを変えたバンプマップで乗算と除算を使ってやるのは、凹凸表現のためのなかなか強力なツールであると思います

2014-01-08 21:21:16
えすだぶ@C103日曜東3"サ"-58a @FHSWman

次はもうちょっと細かい凹凸も付けてみましょ。同様にバンプマップを使うわけですが、これはソース画像をどうするかが肝です。細かい凹凸を表現したいので、こういうランダムな感じの水玉っぽいものを造りたいところですが、手で描くのは手間な…… http://t.co/sfIwM6UN7h

2014-01-08 21:27:14
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

目の前にすげえコンピュータがあるんですから、面倒な事はそいつにやらせましょう。たぶん大抵の描画系ツールには「ノイズ」的な機能があります。まずこいつでランダムなブツブツを作ってやります。この段階では最終目標より細かいブツブツでok http://t.co/waDSnORPZV

2014-01-08 21:29:21
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

次に、出来上がったランダムなブツブツにぼかしをかけてやります。gimpの場合はガウスぼかしで、全体に対して均一に。ぼかし半径は最終的に出来上がる物に影響するので試行錯誤しましょ http://t.co/IpaJ1F1dsA

2014-01-08 21:30:53
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

ぼかしたブツブツに大して「しきい値」をかけてやります。ある色より暗い色は真っ黒に、それ以外は真っ白にと、二色に分けてしまうのです。これで凹凸表現に良い感じのソース画像が完成。ぼかし半径やしきい値の大きさは色々試してみましょ http://t.co/NGMMXdlWfd

2014-01-08 21:33:14
拡大
えすだぶ@C103日曜東3"サ"-58a @FHSWman

このへんのお話はちょっと枝葉に過ぎた気もしますね。でも、こういう風に自分の手をできるだけ使わず、機能をいくつか組み合わせて望む結果を得られる小技をいくつか覚えておくと、腱鞘炎にならずに済むとか色々いい事があります

2014-01-08 21:34:52
えすだぶ@C103日曜東3"サ"-58a @FHSWman

出来上がったソース画像をもとにバンプ2枚組の乗算・除算で凹凸をつけた結果がこちら。まるで中学生の鼻みたいにデコボコしてます。望んだ結果にならなかった時は、バンプのソース画像とかバンプの設定とか諸々変えて試してみましょ http://t.co/a9EYz8gWlN

2014-01-08 21:37:49
拡大