マテリアルとマッピングのチュートリアル > 合成マッピング >
アルファ値を使用した合成マップの作成

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

レッスンの準備:

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

   このシーンには、町の中でもあまり治安のよくないエリアにある質屋が描かれています。通りに面した店の正面には、1 枚ガラスの窓を保護するスチール製シャッターという重要な要素が欠けています。ここに、どっしりとしたスチール製シャッターの合成マップを作成する必要があります。

2. メイン メニューから、[カスタマイズ] [基本設定] [一般] [テクスチャ座標]領域を選択し、[リアル ワールド テクスチャ座標を使用]がオンになっている場合はこれをオフにします。[OK]をクリックします。

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

1. スレート マテリアル エディタを開きます。
2. 左にある[マテリアル/マップ ブラウザ]パネルで[サンプル スロット]グループを見つけます。

   最初のサンプル スロットには、Shop-Door という名前の Arch & Design マテリアルが含まれています。このマテリアルは、すでにロールアップ式シャッター オブジェクト(door-sec)に割り当てられています。

3. [Shop-Door]マテリアルをブラウザからアクティブ ビューにします。[インスタンス (コピー) マップ]ダイアログ ボックスで、[インスタンス]が選択されていることを確認したら[OK]をクリックします。

4. 後でビューポートで合成マップを表示できるよう、スレート マテリアル エディタのツールバーで ([マップをビューポートに表示])をクリックします。

   次は、マテリアルの拡散反射光カラー コンポーネントに合成マップを追加します。

5. ブラウザから[合成]マップ (既定値のグループでは、[合成]は[標準]マップです)をアクティブ ビューにドラッグし、合成マップ ノードから Shop-Door マテリアルの[拡散反射光カラー]コンポーネントにワイヤリングします。

6. 合成マップ ノードをダブルクリックしてパラメータを表示します。

   合成マップには、最初から単一のレイヤが含まれています。

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

1. ブラウザから[ビットマップ]をアクティブ ビューにドラッグします。

   ファイル ダイアログ ボックスが開きます。

   ファイル ダイアログ ボックスで、shutters.jpg を選択し、[開く]をクリックします。

2. ビットマップ ノードから合成マップの[レイヤ 1]コンポーネントにワイヤリングします。

   合成マップの[レイヤ 1]ロールアウトで、テクスチャ ボタンに shutters.jpg テクスチャが表示されます。このテクスチャは、合成マップの基本レイヤとなります。

3. Shop Door マテリアル ノードのタイトル バーを右クリックし、[プレビュー ウィンドウを開く]を選択します。

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

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

   これにより、サンプルの球が立方体に変わります。シャッター ジオメトリには、こちらのプレビューの方が適しています。

5. プレビュー ウィンドウのコーナーをドラッグして大きくします。

6. Shop Door ノードと[パラメータ編集]のコントロールががすべて見えるようこのプレビューを移動します。

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

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

1. [レイヤ 1]ロールアウトで、 ([このテクスチャをカラー補正])をクリックします。このボタンは、ロールアウトの左にあります。

   パラメータ エディタにカラー補正コントロールが表示され、ビットマップ マップと合成マップの間にカラー補正マップ ノードが挿入されます。

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

   [カラー セレクタ]が開きます。

3. RGB の各フィールドに以下の値を入力します。
   - R = 0.25
   - G = 0.15
   - B = 0.075

   [OK]をクリックして[カラー セレクタ]を閉じます。

4. [カラー]ロールアウトで、[彩度]スライダを約 17.0 までドラッグし、[強度]フィールドに 100.0 と入力します。

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

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

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

1. 合成マップ ノードをダブルクリックして、再度パラメータを表示します。
2. [合成レイヤ]ロールアウトの最上部で、 ([新規レイヤ追加])をクリックします。

   合成マップ パラメータの表示に新しい[レイヤ]ロールアウトが追加されます。

   また、アクティブ ビューでは合成マップ ノードに新しい[レイヤ 2]コンポーネントが表示されます。

3. ブラウザから[ビットマップ]をアクティブ ビューの[レイヤ 1]のビットマップ ノードのすぐ下にドラッグします。

   ファイル ダイアログ ボックスが開きます。

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

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

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

   ビットマップの .png ファイル形式には、赤、緑、青(RGB)情報に加え、アルファ チャネル情報も含まれています。アルファ チャネルには、グラフィティ イメージを基本イメージに重ねるために必要な不透明度レベルの情報を提供します。

4. ファイル ビューアのツールバーで、 ([アルファ チャネル])をクリックします。

   ビューアにファイルのアルファ情報を示すイメージの白黒バージョンが表示されます。

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

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

   注:アルファ チャネル情報を保持できる他のビットマップ形式には、.tif、.tga、.exr があります。
5. graffiti.png ビューアを閉じて、ファイル ダイアログ ボックスで[開く]をクリックします。

   ビットマップ ノードがアクティブ ビューに追加されます。

6. 新しいグラフィティ ビットマップから合成マップの[レイヤ 2]コンポーネントにワイヤリングします。

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

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

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

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

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

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

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

   グラフィティ レイヤをもう少し目立たせる必要があるため、カラー補正ツールを使用してその効果を追加します。

2. ブラウザから[カラー補正]マップをアクティブ ビューにドラッグし、ビットマップ マップと合成マップの間のワイヤ上で、マップの挿入が可能であることを示すカーソルが現れたらドロップします。

   グラフィティ ビットマップと合成マップの間にカラー補正ノードが挿入されます。これは、カラー補正マップを追加するもう 1 つのやり方です。

3. 新しいカラー補正ノードをダブルクリックしてパラメータを表示します。
4. [ライトネス]ロールアウトで、[輝度]スライダを[輝度]フィールドの値が約 15.0 になるまで右にドラッグします。

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

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

   この問題は、コントラスト レベルを上げることで修正できます。

5. ボックスの値がおよそ 25.0 になるまで、[コントラスト]スライダを右にドラッグします。

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

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

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

1. 合成マップ ノードをダブルクリックして再度パラメータを表示します。
2. [合成レイヤ]ロールアウトの最上部で、 ([新規レイヤ追加])をクリックします。

   合成マップ パラメータに新しい[レイヤ]ロールアウトが追加され、アクティブ ビューでは、合成マップ ノードに新しい[レイヤ 3]コンポーネントが追加されます。

3. ブラウザから[ビットマップ]をアクティブ ビューにドラッグします。

   ファイル ダイアログ ボックスが開きます。

   ファイル ダイアログ ボックスで、c-sign.jpg を選択し、[開く]をクリックします。

4. ビットマップ ノードから合成マップの[レイヤ 3]コンポーネントにワイヤリングします。

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

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

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

5. ブラウザから[ビットマップ]をもう 1 つアクティブ ビューにドラッグします。

   ファイル ダイアログ ボックスが開きます。

   ファイル ダイアログ ボックスで、c-sign-msk.jpg を選択し、[開く]をクリックします。

6. 新しいマスク ビットマップ ノードから合成マップの[レイヤ 3 (マスク)]コンポーネントにワイヤリングします。

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

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

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

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

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

   小さな問題が1つ残っています。現状はグラフィティの上にステッカーが貼られていますが、逆にポスターの上にグラフィティを描く必要があります。

7. [レイヤ 2]ロールアウトのラベルを、新しい[レイヤ 3]ロールアウトのすぐ上までドラッグします。[レイヤ 3]ロールアウト ラベルのすぐ上に青い線が表示されたら、マウスを放します。

   レイヤが記録され、順序の変更に従ってレイヤに番号が振り直されます。([レイヤ 3]が[レイヤ 2]になり、[レイヤ 2]が[レイヤ 3]になります)。

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

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

作業を保存する:

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

次のレッスン

レイヤのブレンド