アルファ値を使用した合成マップの作成

スチール製シャッターのビットマップを選択し、次に拡散反射光またはカラーの値を Arch & Design マテリアルに割り当てることで、合成マップの基本レイヤを作成します。その後、アルファ値を使用して各レイヤが基本レイヤにどのように重なるかを定義し、2 つのイメージレイヤを追加します。

レッスンの準備:

クイックアクセスツールバーで ([ファイルを開く](Open File))をクリックし、\scenes\materials_and_mapping\composite_mapping\ に移動して composite_start.max を開きます。
注: シーンの[ガンマと LUT](Gamma And LUT)設定を使用するかどうかを尋ねるダイアログボックスが表示されたら、シーンのガンマ設定を受け入れ、[OK]をクリックします。シーンの単位を使用するかどうかを尋ねるダイアログボックスが表示されたら、シーンの単位を受け入れ、[OK]をクリックします。

このシーンには、町の中でもあまり治安のよくないエリアにある質屋が描かれています。通りに面した店の正面には、1 枚ガラスの窓を保護するスチール製シャッターという重要な要素が欠けています。ここに、どっしりとしたスチール製シャッターの合成マップを作成する必要があります。
メインメニューから、[カスタマイズ](Customize) [基本設定](Preferences) [一般](General) [テクスチャ座標](Texture Coordinates)領域を選択し、[リアルワールドテクスチャ座標を使用](Use Real-World Texture Coordinates)がオンになっている場合はこれをオフにします。[OK]をクリックします。

基本レイヤを作成してカラー補正する:

スレートマテリアルエディタを開きます。
左にある[マテリアル/マップブラウザ](Material/Map Browser)パネルで[サンプルスロット](Sample Slots)グループを見つけます。
最初のサンプルスロットには、Shop-Door という名前の Arch & Design マテリアルが含まれています。このマテリアルは、すでにロールアップ式シャッターオブジェクト(door-sec)に割り当てられています。
[Shop-Door]マテリアルをブラウザからアクティブビューにします。[インスタンス (コピー) マップ](Copy/Instance map)ダイアログボックスで、[インスタンス](Instance)が選択されていることを確認したら[OK]をクリックします。
後でビューポートで合成マップを表示できるよう、スレートマテリアルエディタのツールバーで ([シェーディングマテリアルをビューポートに表示](Show Shaded Material In Viewport))をクリックします。(従来のビューポートドライバを使用する場合は、このボタンのツールチップに[標準マップをビューポートに表示](Show Standard Map In Viewport)と表示されます)。
次は、マテリアルの拡散反射光カラーコンポーネントに合成マップを追加します。
ブラウザから[合成](Composite)マップ (既定値のグループでは、[合成](Composite)は[標準](Standard)マップです)をアクティブビューにドラッグし、合成マップノードから Shop-Door マテリアルの[拡散反射光カラー](Diffuse Color)コンポーネントにワイヤリングします。
合成マップノードをダブルクリックしてパラメータを表示します。
合成マップには、最初から単一のレイヤが含まれています。

合成マップの 1 番目のレイヤを指定する:

ブラウザから[ビットマップ](Bitmap)をアクティブビューにドラッグします。
3ds Max によってファイルダイアログボックスが開きます。

ファイルダイアログボックスで、shutters.jpg を選択し、[開く](Open)をクリックします。
ビットマップノードから合成マップの[レイヤ 1](Layer 1)コンポーネントにワイヤリングします。
合成マップの[レイヤ 1](Layers 1)ロールアウトで、テクスチャボタンに shutters.jpg テクスチャが表示されます。このテクスチャは、合成マップの基本レイヤとなります。
Shop Door マテリアルノードのタイトルバーを右クリックし、[プレビューウィンドウを開く](Open Preview Window)を選択します。

プレビューではマップの外観をチェックしながら、レイヤを追加したり、調整を加えたりできるため便利です。

注: プレビューウィンドウのレンダリングには、マテリアルノードのタイトルバーの小さなプレビューよりも時間がかかります。
Shop Door マテリアルノードのタイトルバーを右クリックし、[オブジェクトタイプをプレビュー](Preview Object Type) [ボックス](Box)を選択します。

これにより、3ds Max によってサンプルの球が立方体に変わります。シャッタージオメトリには、こちらのプレビューの方が適しています。
プレビューウィンドウのコーナーをドラッグして大きくします。
Shop Door ノードと[パラメータ編集](Parameter Editor)のコントロールががすべて見えるようこのプレビューを移動します。

1 番目のレイヤに錆びの色を加える:

シャッター扉マテリアルのカラーは、均一なグレーです。シャッターの古びた感じを出すために、錆びを少し追加してみましょう。

[レイヤ 1](Layer 1)ロールアウトで、 ([このテクスチャをカラー補正](Color Correct This Texture))をクリックします。このボタンは、ロールアウトの左にあります。
3ds Max によってパラメータエディタにカラー補正コントロールが表示され、ビットマップマップと合成マップの間にカラー補正マップノードが挿入されます。

ヒント: アクティブビューで L を押すとレイアウトが編成し直され、ノードがより見やすくなります。その他のナビゲーションツールを使用してビュー内の複数のノード間を移動します。
[カラー](Color)ロールアウトで、[色相ティント](Hue Tint)カラー見本をクリックします。

3ds Max によって[カラーセレクタ](Color Selector)が開きます。
RGB の各フィールドに以下の値を入力します。
- R = 0.25
- G = 0.15
- B = 0.075
[OK]をクリックして[カラーセレクタ](Color Selector)を閉じます。
[カラー](Color)ロールアウトで、[彩度](Saturation)スライダを約 17.0 までドラッグし、[強度](Strength)フィールドに 100.0 と入力します。

Shop Door マテリアルに茶色がかった色合いが付けられました。

アルファ値を使用してグラフィティのレイヤを追加する:

次は、グラフィティアーティストによる大胆なストロークを含む 2 つ目のレイヤを合成マップに追加します。

合成マップノードをダブルクリックして、再度パラメータを表示します。
[合成レイヤ](Composite Layers)ロールアウトの最上部で、 ([新規レイヤ追加](Add A New Layer))をクリックします。
3ds Max によって合成マップパラメータの表示に新しい[レイヤ](Layer)ロールアウトが追加されます。

また、アクティブビューでは合成マップノードに新しい[レイヤ 2](Layer 2)コンポーネントが表示されます。
ブラウザから[ビットマップ](Bitmap)をアクティブビューの[レイヤ 1](Layer 1)のビットマップノードのすぐ下にドラッグします。
3ds Max によってファイルダイアログボックスが開きます。

ファイルダイアログボックスで、[ファイルタイプ](Files Of Type)が[すべての形式](All Formats)に設定されていることを確認し、graffiti.png を選択して[表示](View)をクリックします。

3ds Max ではgraffiti.png テクスチャが表示されたファイルビューアが開きます。

合成マップの 2 つ目のレイヤとして使用したグラフィティビットマップ

ビットマップの .png ファイル形式には、赤、緑、青(RGB)情報に加え、アルファチャネル情報も含まれています。アルファチャネルには、グラフィティイメージを基本イメージに重ねるために必要な不透明度レベルの情報を提供します。
ファイルビューアのツールバーで、 ([アルファチャネル](Alpha Channel))をクリックします。
ビューアにファイルのアルファ情報を示すイメージの白黒バージョンが表示されます。

グラフィティビットマップのアルファチャネル

ビットマップの黒の領域は、合成マップでは完全に透明になります。グラフィティのストロークを示す白の領域は、合成マップでは完全に不透明で、すべてがはっきりと表示されます。グレーの領域は半透明で、可視性がそれほど高くないため、グラフィティの端がぼやけて見えます。

注: アルファチャネル情報を保持できる他のビットマップ形式には、.tif、.tga、.exr があります。
graffiti.png ビューアを閉じて、ファイルダイアログボックスで[開く](Open)をクリックします。
3ds Max によってビットマップノードがアクティブビューに追加されます。
新しいグラフィティビットマップから合成マップの[レイヤ 2](Layer 2)コンポーネントにワイヤリングします。

[レイヤ 2](Layer 2)ロールアウトに graffiti.png テクスチャが表示され、マテリアルプレビューに合成されたグラフィティが表示されます。

シャッターレイヤの上にグラフィティレイヤを合成した合成マップ

アルファとカラーのレベルを調整する:

ビューポートで Shop Door マテリアルを見ると(スレートマテリアルエディタは移動するか最小化してください)、graffiti.png の合成に使用した既定値では、扉の波型のテクスチャの上にグラフィティが浮かんでいるような外観になっています。

このレイヤのアルファ設定をいくつか調整することで、この問題を修正しましょう。

[レイヤ 2](Layer 2)ロールアウトで、[不透明度](Opacity)の値を 90.0 に変更し、Enter を押します。

これにより、レイヤ 2 全体の透明度がわずかに増加するため、下にあるレイヤ 1 の一部が見えるようになります。その結果、グラフィティがシャッターの表面により自然にブレンドされます。

グラフィティレイヤをもう少し目立たせる必要があるため、カラー補正ツールを使用してその効果を追加します。
ブラウザから[カラー補正](Color Correction)マップをアクティブビューにドラッグし、ビットマップマップと合成マップの間のワイヤ上で、マップの挿入が可能であることを示すカーソルが現れたらドロップします。

3ds Max によってグラフィティビットマップと合成マップの間にカラー補正ノードが挿入されます。これは、カラー補正マップを追加するもう 1 つのやり方です。
新しいカラー補正ノードをダブルクリックしてパラメータを表示します。
[ライトネス](Lightness)ロールアウトで、[輝度](Brightness)スライダを[輝度](Brightness)フィールドの値が約 15.0 になるまで右にドラッグします。

グラフィティのカラーが明るくなりました。一方で、[輝度](Brightness)の変更がアルファチャネルの半透明な部分にも影響し、グラフィティのストロークの周りに不要なハロー(光輪)効果が現れています。

グラフィティのストロークの周りに現れたハロー

この問題は、コントラストレベルを上げることで修正できます。
ボックスの値がおよそ 25.0 になるまで、[コントラスト](Contrast)スライダを右にドラッグします。

これでグラフィティは扉にペイントされたような外観に近づきました。

マスクを使用してステッカーを追加する:

次は、ステッカーを含む 3 つ目のレイヤを合成マップに追加します。

合成マップノードをダブルクリックして再度パラメータを表示します。
[合成レイヤ](Composite Layers)ロールアウトの最上部で、 ([新規レイヤ追加](Add A New Layer))をクリックします。
3ds Max によって合成マップパラメータに新しい[レイヤ](Layer)ロールアウトが追加され、アクティブビューでは、合成マップノードに新しい[レイヤ 3](Layer 3)コンポーネントが追加されます。
ブラウザから[ビットマップ](Bitmap)をアクティブビューにドラッグします。
3ds Max によってファイルダイアログボックスが開きます。

ファイルダイアログボックスで、c-sign.jpg を選択し、[開く](Open)をクリックします。
ビットマップノードから合成マップの[レイヤ 3](Layer 3)コンポーネントにワイヤリングします。

3ds Max によって[レイヤ 3](Layer 3)ロールアウトおよびプレビューウィンドウに新しいビットマップが表示されます。

合成マップの最上位レイヤとして割り当てられた c-sign ビットマップ

.jpg 形式で保存されたビットマップには、アルファチャネル情報がありません。c-sign.jpg イメージを最上位のレイヤとして直接適用すると、その下にあるすべてのレイヤが完全に見えなくなります。この問題は、マスクを追加することで修正できます。(マスクはペイントプログラムで簡単に作成できますが、このチュートリアルではマスクイメージが既に準備されています。)
ブラウザから[ビットマップ](Bitmap)をもう 1 つアクティブビューにドラッグします。
3ds Max によってファイルダイアログボックスが開きます。

ファイルダイアログボックスで、c-sign-msk.jpg を選択し、[開く](Open)をクリックします。
新しいマスクビットマップノードから合成マップの[レイヤ 3 (マスク)](Layer 3 (Mask))コンポーネントにワイヤリングします。

マスクは、カラーマップに対する「カスタム」アルファチャネルとして機能する白黒のイメージです。マスクの黒の領域では下にあるレイヤが透けて見えます。白の領域は不透明となり、グレーの領域は部分的に透明になります。

レイヤ 3 のポスター部分の切り抜きの作成に使用するビットマップ

[レイヤ 3](Layer 3)ロールアウトの左にステッカーを含むテクスチャが表示され、右にマスクビットマップが表示されます。

プレビューでは、扉の残りの部分とともに、「CAUTION」ステッカーだけが表示されています。

マスクを適用したレイヤ 3

小さな問題が1つ残っています。現状はグラフィティの上にステッカーが貼られていますが、逆にポスターの上にグラフィティを描く必要があります。
[レイヤ 2](Layer 2)ロールアウトのラベルを、新しい[レイヤ 3](Layer 3)ロールアウトのすぐ上までドラッグします。3ds Max では[レイヤ 3](Layer 3)ロールアウトラベルのすぐ上に青い線が表示されたら、マウスを放します。

3ds Max によってそれに応じてレイヤの順序と番号が変更されます。([レイヤ 3](Layer 3)が[レイヤ 2](Layer 2)になり、[レイヤ 2](Layer 2)が[レイヤ 3](Layer 3)になります)。

これでグラフィティが閉店ステッカーの上に現れるようになりました。

注: アクティブビューでは、3ds Max によってレイヤの順序の変更に応じてノードのワイヤが張り直されます。アクティブビューでLを押してノードのレイアウトを更新してください。

作業を保存する:

シーンに my_shop_door_3layers.max と名前を付けて保存します。

次のレッスン

レイヤのブレンド