トップ > テクスチャ >
バンプマップで擬似的に凹凸を表現する

  

バンプマッピングで『でこぼこ』にする

この記事では『バンプマップ』について説明します。 バンプ(Bump)とは『こぶ』や『隆起』という意味で、バンプマップは凹凸を付けるためのテクスチャです

バンプマッピング
バンプマッピング

テクスチャというと、模様、つまり色をつけるための画像ということが真っ先に思い浮かびます。 しかし、テクスチャは色で模様をつけるだけでなく、凹凸を表現したり、拡散反射や鏡面反射の影響度、発光の強さなども表現することができます

ここで紹介するバンプマップは、凹凸を表現するためのもので、具体的には、テクスチャの暗い部分はそのままで、明るい部分を隆起させるというような効果があります。 なお、バンプマップとは凸凹を表現するための明暗のテクスチャ画像であり、それをテクスチャとしてメッシュに貼り付けることをバンプマッピングといいます。

バンプマッピングしてみよう

では、バンプマップで凹凸を表現してみましょう。 Blenderの新規ファイルを元にして作業を行いますので、画面上部のプルダウンメニューの"File" -> "New"を実行して新規ファイルを開いてください

まず、UV展開に最適な画面レイアウトに切り替えます。

1. 画面レイアウトをUV Editingに切り替える
1. 画面レイアウトをUV Editingに切り替える

上図のようにInfoウィンドウのヘッダ部で画面レイアウト選択リスト(画面レイアウト選択リスト)に "UV Editing" を選択します。

2. UV Editing画面レイアウト画像を拡大する
2. UV Editing画面レイアウト

上図のように左側にUV/Image Editorウィンドウ、右側に3D Viewウィンドウという画面レイアウトに切り替わります。

続いて、UV/Image Editorウィンドウの不要なプロパティシェルフを閉じましょう。 UV/Image Editorウィンドウ上でキーボードのNを押します

3. プロパティシェルフを閉じる画像を拡大する
3. プロパティシェルフを閉じる

上図のようにUV/Image Editorウィンドウのプロパティシェルフが閉じます。

続いて、新規イメージを作成します。

4. イメージ追加ボタンを押す
4. イメージ追加ボタンを押す

上図のようにUV/Image Editorウィンドウのイメージ選択リスト(イメージ選択リスト)のイメージ追加ボタン(イメージ追加ボタン)を押します。

5. OKボタンを押す
5. OKボタンを押す

上図のように"New Image"というタイトルのパネルが表示されますので、OKボタンを押します。

6. 新規イメージ画像を拡大する
6. 新規イメージ

上図のようにUV/Image Editorウィンドウにイメージが作成されます。 しかし、初期値の1024 x 1024のイメージでは、初期の表示倍率では画面からはみ出します。

適切な表示倍率にするため、キーボードのHomeキーを押します

7. イメージの全体表示画像を拡大する
7. イメージの全体表示

上図のように表示倍率が変更され、イメージ全体が表示されます。

次に立方体のUV展開を行いますが、まずはUV展開情報をリセットしましょう。 エディットモードで全選択し、キーボードのUを押します

8. UV Mappingメニュー
8. UV Mappingメニュー

上図のように"UV Mapping"というタイトルのメニューが表示されますので、"Reset"を実行します。

では、続いてUV展開を行いましょう。 キーボードのUを押します。

9. UV Mappingメニュー
9. UV Mappingメニュー

上図のように"UV Mapping"というタイトルのメニューが表示されますので、"Cube Projection"を実行します。

10. UV展開の結果
10. UV展開の結果

上図のようにUV展開されます。 イメージを大きく超える大きさで展開されているためわかりづらいですが、Cube Projectionによって2面 x 3箇所に展開されています

6面が同じ位置に重なるようにCube Sizeを1.0未満にしましょう。 Cube Size数値欄の左に配置されている減ボタン(減ボタン)を押すのが簡単です。

11. Cube Sizeを0.99に
11. Cube Sizeを0.99に

上図のようにCube Sizeを 0.99 にします。

12. UV展開の結果
12. UV展開の結果

上図のようにUV展開されます。 見た目ではわかりませんが、6面が同じ位置に重なっています。

次に、立方体に模様となるテクスチャを貼り付けましょう。 バンプマップではなく、模様としての普通のテクスチャです。 まずは模様としての普通のテクスチャを貼り、その後にバンプマップのテクスチャを貼り付けます。

どんな画像でもいいので模様として貼り付けるテクスチャを用意してください

では、再び、画面レイアウトを "Default" に戻しましょう。

13. 画面レイアウトをDefaultに切り替える
13. 画面レイアウトをDefaultに切り替える

上図のようにInfoウィンドウのヘッダ部で画面レイアウト選択リスト(画面レイアウト選択リスト)に "Default" を選択します。

では、立方体に、用意した画像ファイルをテクスチャとして貼り付けましょう。

14. テクスチャパネル切替ボタンを押す
14. テクスチャパネル切替ボタンを押す

上図のようにPropertiesウィンドウのテクスチャパネル切替ボタン(テクスチャパネル切替ボタン)を押します。

続いて、テクスチャを選択し、テクスチャの種類を選択します。

15. テクスチャの選択とテクスチャの種類の選択
15. テクスチャの選択とテクスチャの種類の選択

上図のようにテクスチャスロットから "Tex" を選択し、Typeに "Image or Movie" を選択します。

では、用意した画像を読み込みましょう。

16. 画像ファイルを開く
16. 画像ファイルを開く

上図のようにImageパネルのイメージ選択リスト(イメージ選択リスト)のイメージ読み込みボタン(イメージ読み込みボタン)を押します。

17. File Browserウィンドウ画像を拡大する
17. File Browserウィンドウ

上図のようにFile Browserウィンドウが表示されますので、用意した画像ファイルを選択して、[Open Image]ボタン([Open Image]ボタン)を押します。

ファイルが読み込まれると、File Browserウィンドウは自動的に閉じます。

次に、メッシュとテクスチャのマッピング方法を変更します。

18. UVマップ形式に変更
18. UVマップ形式に変更

上図のようにMappingパネルのCoordinatesに "UV" を、Mapに "UVMap" を選択します。

  
Mapの "UVmap" はUV展開時に自動に作成されたUVマップです。

では、この状態でレンダリングしてみます。 キーボードのF12キーを押します。

19. レンダリング結果
19. レンダリング結果

上図のように模様としてテクスチャが貼り付けられます。

ここまでは、バンプマップとは直接関係のない操作でした。 ここからは、いよいよバンプマップを利用します。 バンプマップを利用することで、立方体に凹凸があるかのように表現しましょう。

では、最初に作成したイメージを、バンプマップのテクスチャとしてマテリアルと関連付けましょう

  
最初に作成したイメージとは、UV/Image Editor上で開いているイメージのことです。
20. テクスチャパネル切替ボタンを押す
20. テクスチャパネル切替ボタンを押す

上図のようにPropertiesウィンドウのテクスチャパネル切替ボタン(テクスチャパネル切替ボタン)を押します。

続いて、新たなテクスチャを作成します。 テクスチャ "Tex" は、すでに模様のテクスチャで使用していますので、新たに作成する必要があります。

21. テクスチャ追加ボタンを押す
21. テクスチャ追加ボタンを押す

上図のように空のテクスチャスロットを選択し、続けて、テクスチャ選択リスト(テクスチャ選択リスト)のテクスチャ追加ボタン(テクスチャ追加ボタン)を押します。

続いて、テクスチャの種類を選択します。

22. テクスチャの種類の選択
22. テクスチャの種類の選択

上図のようにTypeに "Image or Movie" を選択します。

  
おそらく選択済みだと思います。

続いて、テクスチャとバンプマップ用のイメージを結びつけます。

23. イメージとの結びつけ
23. イメージとの結びつけ

上図のようにImageに "Untitled" を選択します。

次に、メッシュとテクスチャのマッピング方法を変更します。

24. UVマップ形式に変更
24. UVマップ形式に変更

上図のようにMappingパネルのCoordinatesに "UV" を、Mapに "UVMap" を選択します。

  
Mapの "UVmap" はUV展開時に自動に作成されたUVマップです。

これで、マテリアルへのバンプマップの割り当てが終わりました。 ただし、バンプマップのイメージは黒色ですので、ここで色を塗りましょう。

作業はUV/Image Editorウィンドウで行いますので、UV展開に最適な画面レイアウトに切り替えます。

25. 画面レイアウトをUV Editingに切り替える
25. 画面レイアウトをUV Editingに切り替える

上図のようにInfoウィンドウのヘッダ部で画面レイアウト選択リスト(画面レイアウト選択リスト)に "UV Editing" を選択します。

続いて、UV/Image Editorウィンドウの画像モードをビューモードからペイントモードへ切り替えましょう。

26. 画像モード選択リストのPaintを選択
26. 画像モード選択リストのPaintを選択

上図のようにUV/Image Editorウィンドウのヘッダにある画像モード選択リスト(画像モード選択リスト)のPaintを選択します。

  
画像モード選択リスト(画像モード選択リスト)が隠れて見えない場合は、UV/Image Editorウィンドウのヘッダをマウスの中ボタン(マウスの中ボタン)でドラッグしてスクロールします。

続いて、筆先を太くします。 ペイント関連の設定項目は、ツールシェルフにあります。 UV/Image Editor上でキーボードのTを押してツールシェルフを開いてください

27. ツールシェルフ画像を拡大する
27. ツールシェルフ

上図のようにツールシェルフが開きます。

では筆先のサイズを変更しましょう。

28. Radiusを200に
28. Radiusを200に

上図のようにRadiusを200に設定します。 設定したら、再度キーボードのTを押してツールシェルフを閉じます

では、イメージに色を塗りましょう。 隆起させたい部分が白色になるように塗ります。

29. ペイント
29. ペイント

上図のようにペイントします。

では、画面レイアウトを "Default" に戻します。

30. 画面レイアウトをDefaultに切り替える
30. 画面レイアウトをDefaultに切り替える

上図のようにInfoウィンドウのヘッダ部で画面レイアウト選択リスト(画面レイアウト選択リスト)に "Default" を選択します。

ではここでレンダリングしてみましょう。 キーボードのF12キーを押します。

31. レンダリング結果
31. レンダリング結果

上図のようにバンプマップのテクスチャが模様として貼り付けられました。 凹凸を表しているようには見えません。

そうです、まだ設定が足りません。 テクスチャは、初期設定では模様として貼り付けられるようになっています。

色ではなく凹凸として貼り付けるには、マテリアルがどのように作用するかの設定を変更する必要があります

32. テクスチャパネル切替ボタンを押す
32. テクスチャパネル切替ボタンを押す

上図のようにPropertiesウィンドウのテクスチャパネル切替ボタン(テクスチャパネル切替ボタン)を押します。

続いて、テクスチャを選択します。

33. Textureを選択
33. Textureを選択

上図のようにバンプマップ用のテクスチャ "Texture" を選択します。

では、このテクスチャが、どのように作用するのかを設定しましょう。 模様としてではなく、凹凸を表現するよう設定を変更します。

34. Influenceパネル
34. Influenceパネル

上図のようにInfluenceパネルのColorチェックボックスをオフにし、Normalチェックボックスをオンにします。 模様、つまり色としてではなく、ノーマル(法線)に作用するよう変更したということです。

  
法線とは、面から垂直に伸びる仮想的な線のことです。 その線をテクスチャの明暗によって曲げることで、陰影が変化し、結果として凹凸が付いたように見えます。
  
バンプマップは、別名、法線マップとも呼ばれます。

では、レンダリングしてみましょう。 キーボードのF12キーを押してください。

35. レンダリング結果
35. レンダリング結果

上図のように擬似的な凹凸が表現されました。 バンプマップ上で黒色の部分は変化がなく、白色の部分が隆起しているように見えます。

このように、バンプマップを使用することで、平坦な面に凹凸を表現することができます。 もし、モデリングで凹凸を作っていたとしたら、面数が増えてしまいレンダリングの時間が長くかかってしまいます。

バンプマップであれば、面数を増やすことなく凹凸を表現できるのです

ただし、陰影計算で擬似的に凹凸があるかのように見せているだけなので、面を横から見ても盛り上がってはいません

試しにカメラを動かしてレンダリングしてみましょう。

36. レンダリング結果
36. レンダリング結果

上図のように凹凸はありません。 上の面や左の面がわかりやすいです。

  

拡散反射・鏡面反射の影響度や発光の強さを表現するには

今回はテクスチャで凹凸を表現しました。 他にも、拡散反射や鏡面反射の影響度、発光の強さなども表現できます

それらも、Influenceパネルで調整します。 Diffuseの設定項目で拡散反射を、Specularの設定項目で鏡面反射を、ShadingのEmitで発光の強さを表現できます。

ただし、今回のバンプマップのように、テクスチャの明暗によって強弱がつくのではありません。 テクスチャの不透明度(アルファ値)によって、強弱がつけられます。

つまり、テクスチャとして用意する画像が透明度を持っている必要があります。 他のソフトウェアで出力した画像を使う場合は、PNG形式のような透明を扱える方式でファイルを用意しましょう

UV/Imge Editorウィンドウで透明な画像を作成するには

UV/Image Editorウィンドウで作成するイメージも、もちろん透明度を持つことができます。 New Imageパネルのカラーフィールドで、透明な色を設定するだけです。

手順は以下の通りです。

1. イメージ追加ボタンを押す
1. イメージ追加ボタンを押す

上図のようにUV/Image Editorウィンドウのイメージ選択リスト(イメージ選択リスト)のイメージ追加ボタン(イメージ追加ボタン)を押します。

続いて、イメージの色を指定します。 初期状態では、不透明な黒色が指定されていますので、これを透明に変更しましょう

2. カラーフィールドをクリック
2. カラーフィールドをクリック

上図のようにカラーフィールドをクリックします。

3. カラーピッカー
3. カラーピッカー

上図のようにカラーピッカーが開きますので、A に 0.0 を指定します。

4. OKボタンを押す
4. OKボタンを押す

上図のようにカラーフィールドの右側が市松模様になっていることを確認し、OKボタンを押します。

5. 新規イメージ
5. 新規イメージ

上図のようにUV/Image Editorウィンドウに透明なイメージが作成されます。 市松模様の部分が透明を表しています

  

まとめ

バンプマップとは凹凸を表現するためのテクスチャ画像です。 黒色の部分は変化がなく、白色の部分が隆起します。

メニュー