Blenderの
テクスチャの基礎と
質感の作り方

Blenderでは、物の色やつやを数値で設定できます。ベースカラーで色を選び、粗さの数値でつやを調整します。この方法で木のテーブルを作ろうとすると、木の色にはなっても、木目は出ません。

数値で色やつやを決めるだけでは、表面全体が同じ見た目になります。ただ、現実の木の表面は均一ではなく、場所によって色の濃さや光り方が違います。それをひとつの数値だけで表すことはできません。

これから作る木のテーブルが本物らしく見えるかどうかは、光の当たり方・形・表面の質感の3つで決まります。光の当たり方は、前の記事で環境画像（HDRI）を設定しました。形は、平らな板1枚なので、そのままで問題ありません。

残っているのは表面の質感です。その質感を表現するために使うのが、テクスチャです。

まず、テクスチャ画像を用意します。今回は、前の記事で環境画像をダウンロードしたPoly Havenから、木目の画像を探します。

Poly Havenの素材はCC0というライセンスで公開されています。CC0は、クレジット表記が不要で商用利用もできる無料のライセンスです。

素材サイトはほかにもありますが、無料で配布されている素材でも、自由に使えるとは限りません。個人利用に限られていたり、クレジット表記が必要だったりする場合があります。ライセンスの表示を見て、CC0と書かれていれば、用途を気にせず使えます。

検索欄にwood tableと入れると、木のテーブルの素材が並びます。この記事では「Wood Table Worn」（使い込まれた木のテーブル）を使いますが、好きなものを選んで構いません。

Poly Havenは、ダウンロードする前にZIPの中身を選べます。ダウンロードボタンの中央にあるアイコンをクリックすると、ファイル形式のメニューが開きます。「ZIP」を選ぶと、Choose ZIP contents:という一覧が表示されます。

初期状態では、Blenderファイルや使わない画像にもチェックが入っています。今回は、次の3つだけにします。

解像度は1Kにします。ほかの行のチェックは、BlendやGltfも含めてすべて外します。

ダウンロードしたzipファイルを展開すると、texturesというフォルダの中に3つの画像が入っています。

ファイル名のdiffが色、nor_glが凹凸、roughが光り方です。diffは「ディフューズ」の略ですが、あとでつなぐ先は「ベースカラー」という名前になります。素材サイト側とBlender側で呼び方が違うだけで、指しているものは同じです。

nor_glとroughの2つは、EXRという見慣れない拡張子ですが、Blenderはそのまま読み込めます。

ダウンロードした3枚のうち、色の画像を貼ります。

画面上部のタブを「Layout」にして、Shift + Aから「メッシュ」→「平面」を追加します。前の記事から続けている方はそのファイルに、この記事から読み始めている方は立方体などを置いた新規ファイルに追加してください。

Sで拡大して、テーブルに見えるくらいの大きさにします。画像ではスケールを5倍にしています。

続けて、Ctrl + A→「全トランスフォーム」を選びます。オブジェクトの大きさを確定させるための操作です。前の記事でも、グラスに厚みをつける前に同じことをしました。

画面上部のタブを「Shading」に切り替えます。前の記事で使ったシェーダーエディターが開きます。

平面にはまだマテリアルがないので、「新規」をクリックしてマテリアルを作成します。プリンシプルBSDFとマテリアル出力の2つのノードが、自動で置かれます。

Shift + Aから「テクスチャ」→「画像テクスチャ」を追加します。

ノードの中にある「開く」をクリックして、ダウンロードしたwood_table_worn_diff_1kを読み込みます。

読み込んだら、画像テクスチャの「カラー」を、プリンシプルBSDFの「ベースカラー」につなぎます。前の記事でノードをつないだのと同じやり方です。丸をクリックしてドラッグし、つなぎ先の丸でドロップします。

木目が表示されました。

画像を貼る位置も大きさも指定していません。それなのに、模様は板の上にきちんと並んでいます。

これは、平面に最初から「UV」という情報が用意されているからです。UVは、画像を物の表面のどこに置くかを決める情報で、平面や立方体のような基本の形にはあらかじめ設定されています。

テクスチャ座標ノードをつながないと表示されない、と思われがちですが、基本の形なら、つながなくても画像は表示されます。テクスチャ座標が必要になるのは、模様の大きさや向きを調整したいときです。

木目は表示されました。近づいて見てみます。

表面全体が同じようにつるりと光っていて、平らです。木目の模様はあるのに、木には見えません。写真を貼った板、という状態です。

ここから、あと2枚の画像を重ねます。

残りの2枚をつないでいきます。

この記事で「ラフネス」と書いているのは、Blenderの画面にある「粗さ」のことです。英語ではRoughnessといい、カタカナで呼ばれることもあります。

すでに貼ったdiffは、木目を目で見るための画像でした。これから読み込む2枚は違います。

画像に見えますが、中身は数字です。そのためBlenderに「これは色ではありません」と伝える必要があります。それが「色空間」の設定です。色を表す画像はsRGBのまま、数値を表す画像は「非カラー」にします。

数値の画像をsRGBのままにすると、Blenderが色として補正するため、記録されていた数値が変わり、質感がおかしくなります。

Shift + Aから「テクスチャ」→「画像テクスチャ」を追加し、wood_table_worn_rough_1kを読み込みます。

読み込んだら、ノードの中にある「色空間」を「非カラー」に変えます。

ドロップダウンを開くと、上のほうに「▶」のついた項目がいくつか並んでいます。それらは開かずに、リストの下のほうにある「非カラー」を選びます。

そのうえで、画像テクスチャの「カラー」を、プリンシプルBSDFの「粗さ」につなぎます。

見た目が変わりました。

さっきまで全体が同じように光っていたのが、場所によって光り方が変わりました。塗装が残っているところはつやがあり、擦れて木が出ているところはつやが消えています。

ベースカラーが「何色か」を決めるものだとすれば、ラフネスは「どう光るか」を決めるものです。

最後の1枚です。Shift + Aから「テクスチャ」→「画像テクスチャ」を追加し、wood_table_worn_nor_gl_1kを読み込みます。色空間を「非カラー」にするのはラフネスと同じです。

ただし、この画像だけは直接つなぎません。間にノードを1つ挟みます。

Shift + Aから「ディスプレイスメント」→「ノーマルマップ」を追加して、次の順につなぎます。

木目の溝や繊維に、光と影が出るようになりました。

この画像だけノードを挟むのは、ノーマルマップノードが、RGBの数値を「向き」として読み直しているからです。挟まないと、Blenderはその数値を色として受け取ります。このとき、エラーは出ませんが、何も起こりません。

変化が分かりにくいときは、ノーマルマップノードの「強さ」の数値を上げると、はっきりします。この記事の画像では3.0にしています。

ただし、凹凸に見えているだけで、形は変わっていません。横から見ると、板は平らなままです。

足したのは画像2枚だけです。それでも、最初の「写真を貼った板」とは違うものになりました。

ベースカラーの画像は、最初から最後まで同じものを使っています。変わったのは、その表面が光をどう反射するかです。木らしく見えるかどうかは、画像そのものより、光の反射の仕方で決まります。

画像が3枚になると、どれをどこにつなぐのか迷うこともあります。たとえば、ラフネス用の画像をベースカラーにつないでしまう、といった間違いです。

そんなときは、ベースカラー1枚だけの状態に戻します。ラフネスとノーマルの線を外せば、テーブルを作って、画像を1枚貼るで作った状態に戻ります。そこから1枚ずつつなぎ直せば、どこで間違えたかが分かります。

木目は貼れましたが、模様の大きさはまだ調整していません。いまの状態では、木の板1枚分の幅が実物より広く見えます。ここを調整します。

物の表面に、0から1までの目盛りがついた透明な方眼紙が貼ってあると考えてください。UVは、その方眼紙のどの位置に画像のどの部分を置くかを決める情報です。平面には最初からUVが用意されているため、何も設定しなくても木目がきれいに並びました。

UVを動かせば、画像の見え方が変わります。変えているのは画像そのものではなく、貼り方です。

Shift + Aから「入力」→「テクスチャ座標」と、「ユーティリティ」→「ベクトル」→「マッピング」を追加します。

つなぐ順番は次のとおりです。

マッピングの「スケール」のXとYを4.0にしてみます。

模様が小さくなり、繰り返しが増えました。数値を大きくしたのに、画像は小さくなります。

動かしているのが画像ではなく、UVのほうだからです。UVを4倍に引き伸ばすと、その上に並ぶ画像は相対的に小さくなり、板の上に何度も繰り返されます。

数値をいくつにすればいいのか迷ったときは、木目の細かさを見て決めます。

数値が小さいと木目が引き伸ばされ、板が実際より大きいように見えます。逆に数値を上げすぎると木目が細かくなり、木というより布地のように見えてきます。置いてあるカップと見比べて、木目がそれらしい細かさに見えるところで止めます。

マッピングでは大きさ以外も調整できます。「位置」を変えれば模様の位置がずれ、「回転」のZを90にすれば木目の向きが変わります。

ここまで、UVを動かしながら模様を調整してきました。一方で、テクスチャの解説によく出てくる「UV展開」は、まだ一度もしていません。UV展開とは、このUVを自分で作り直す作業のことです。

木目や石のように、表面に模様を付けるだけなら、UV展開を知らなくても困りません。UV展開が必要になるのは、画像のどの部分を、物のどこに置くかを決めたいときです。

たとえば、缶のラベル、Tシャツのプリント、キャラクターの顔などです。「この絵を、ここに置きたい」という位置が決まっている場合に、UV展開を使います。

円柱と球だけ「だいたいできる」としたのは、貼れる場所と無理が出る場所があるからです。球にこの記事と同じ木目を貼ると、こうなります。

側面はきれいに貼れています。潰れているのはてっぺんと底だけで、そこに向かって模様が渦を巻くように集まっています。「球には貼れない」わけではなく、無理が出るのは上下の2点だけです。

平面でも、縦横の比率を大きく変えると模様が伸びます。

このとき、画面の左下に「アクティブオブジェクトに非均一なスケールがあります」と表示されます。この表示が出たら、縦・横・高さを同じ倍率で拡大・縮小していないということです。

ただし、この表示を消しても模様は直りません。

Ctrl + A→「全トランスフォーム」を実行すると、スケールの数値は1に戻り、表示も消えますが、模様は伸びたままです。

これは、スケールを適用してもUVの形は変わらないためです。すでにUVが伸びてしまっているので、UVを作り直さないかぎり、木目の伸びは直りません。

UVを作り直す方法は、次の記事で解説します。

なお、模様が伸びる理由は1つではありません。UVがない、UVが歪んでいる、別のUVが使われている、オブジェクトの大きさが確定していない、といった原因があります。

そのため、模様が伸びたときは、UV展開の前に原因を順番に確かめます。

画像を貼ったのに表示されない、真っ黒になるときは、次の5つを上から確認してみてください。

マテリアルプレビューでは見えるのに、レンダーにすると黒い場合は、光が足りていません。前の記事で読み込んだ環境画像を確認してください。

この記事では、3枚の画像を重ねて木の質感を作りました。

覚えることが多いと感じたら、次の5つを押さえておけば質感は作れます。

次は、「この絵を、ここに置きたい」を実現するUV展開です。缶のラベルやキャラクターの顔のように、位置が決まっている絵を貼るときに必要になります。この記事で直せなかった模様の伸びも、そこで解決します。