この記事を読むのに必要な時間は約 14 分です。
Photoshop（フォトショップ）を使ってノーマルマップ（法線マップ）を作る方法を解説します。
テクスチャを簡単・お手軽にノーマルマップに変換する事ができます。
フォトショ初心者の方にも再現できるできるよう、順を追ってノーマルマップ（法線マップ）の作成手順を解説いたします！
この記事の目次
ノーマルマップとはテクスチャで平坦なモデルの表面に凹凸があるかのように見せる手法の事です。
お手軽にモデルの情報量を増やす事ができる技の一つです。
ポリゴンを割けば割く程細かい造形のオブジェクトが作れますが、その分描画とメモリを食います。
MAYA、3ds MAX、今は無きSoftimage等で作成したローポリのキャラをZBrushにインポートして細かく造形、ノーマルマップに書き出しをしてテクスチャに適用すると…少ない描画パワーでさもZBrushで作成したハイポリモデルのようなローポリモデルをサクサク動かす事ができます。
ノーマルマップを作成するには必ずしもZBrushでスカルプトしないとダメ…という事はありません。
キャラクターモデルやドアップになるようなオブジェクトはZBrushによるモデリングが必要です。
細かい掘り込みの光の当たり方などが変だと目立ちますからね。
しかし通常の背景モデルはテクスチャからノーマルマップに変換する方法で問題ありません。
テクスチャ変換によるなんちゃって造形でも違和感が無いのです。
もちろん全てZBrushでガチ造形した方がクオリティが高いのですが…ゲーム制作には予算と制作期間が決まっていますからね。
という事で、当記事ではフォトショップを使った低コストで作れるノーマルマップを紹介します。
ではフォトショップフィルターの3Dを使ったノーマルマップ（法線マップ）の作り方を解説します。
フォトショ初心者の方にも再現できるよう詳しく解説いたします！
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
ノーマルマップ（法線マップ）を生成
サンプルはロボットの腕パーツ用テクスチャです。
サンプルは黒で掘り込みのラインを描きました。
ノーマルマップ用テクスチャは統合し、1つのレイヤーにしておきましょう。
[ レイヤーパネル ] → [ 右クリック ] → [ 画像を統合 ]
さらに [ スマートオブジェクトに変換 ] しておきましょう。
※統合したファイルは必ず別名保存、レイヤー分けしている元PSDは必ず残しておきましょう。
例：normalmap.psd
[ 法線ディティール ] 、[ コントラストのディティール ] 、[ マテリアルプレビュー ] を設定できます。
イメージに近づくように設定しましょう。
[ オブジェクト ] から他の形状のオブジェクトを選択できます。
設定が完了したら [ OK ] をクリックします。
テクスチャを丸ごとノーマルマップにする
例えば [ Ctrl + L ] でレベル補正を開き、陰影を濃くします。
[ イメージ ] → [ 色調補正 ] → [ 明るさ・コントラスト ] を追加し、コントラストを強めます。
※スマートオブジェクトにした状態で色調補正を行うと [ スマートフィルター ] が追加され、再編集可能になります。
この手法は背景の岩壁や自然物などに対して有効です。
ただ、キャラクターやロボットのような造形物に対して行うと不自然な凹凸情報になるので注意が必要。
別途ノーマルマップ用の凹凸テクスチャを準備、またはZBrushでのガチ造形をオススメします。
ゲーム制作会社では高性能なCrazyBump（要ライセンス）を使っている場合が多いです。
バンプ（高さ）マップを生成
バンプマップ用テクスチャは統合し、1つのレイヤーにしておきましょう。
[ レイヤーパネル ] → [ 右クリック ] → [ 画像を統合 ]
※統合したファイルは必ず別名保存、レイヤー分けしているPSDは必ず残しておきましょう。
例：bumpmap.psd
[ バンプディティール ] 、[ コントラストのディティール ] 、[ マテリアルプレビュー ] を設定できます。
イメージに近づくように設定しましょう。
[ オブジェクト ] から他の形状のオブジェクトを選択できます。
設定が完了したら [ OK ] をクリックします。
[ Ctrl + S ] で保存したら完成です。
前者が白黒、後者がRGBで表現する仕組みです。
今時のゲームCGではノーマルマップが主流なので古いバンプマップを使う事は基本的にありません。
単なる文字や写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。
もちろん文字だけでなく様々なグラフィックに適用可能！全て商用利用可能です。
Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。
AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。
制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選
文字に高品質なエフェクトを追加するモックアップ
時短と品質の向上をされたい方に超オススメ！
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選
下記記事で良質な素材を紹介しております。併せてチェックしてください！
以上、Photoshop（フォトショップ）を使ってノーマルマップ（法線マップ）をお手軽に作成する方法についてでした。
PS3以降のゲームでは当たり前になったノーマルマップによる質感向上は目を見張るものがあります。
そんなノーマルマップはフォトショさえあれば誰でも簡単に作成可能！
3DCGをされている方は一度ノーマルマップをお試しください。
ではまた！
フォトショに搭載されている数多くのフィルターの使い方やサンプルをカテゴリ別に徹底解説しています。少ない労力で画像の雰囲気を激変させられますよ。
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
InDesign用の商用利用可能なポートフォリオテンプレート77選はコチラ！
フォトショ基本操作
フォトショ応用操作
商用可能なフォトショ用素材
フォトショップのお困りごと
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！
