Blending Layers
 
 
 

In the previous lesson, you added layers to the Composite map while in Normal mode. In this mode, no blending between layers takes place: Visibility is determined solely by each layer’s alpha channel.

With the blending modes, you can produce interesting composite effects by choosing how pixels in the top layer interact with those underneath. In this lesson, you will use two blending techniques to add more layers to the composite map.

Set up the lesson:

Add dirt to the bottom of the door with Multiply blending:

  1. Double-click the Composite map node so you can see its parameters.
  2. At the top of the Composite Layers rollout, click (Add A New Layer).
  3. Drag a Bitmap node from the Browser to the active View.

    3ds Max Design opens a file dialog.

    On the file dialog, choose dirt-bottom.jpg, and then click Open.

    This file shows dirt at the bottom of the door.

    Bitmap used in the first blend operation

  4. Wire the new Bitmap node to the Layer 4 component of the Composite map.

    This file is a .jpg image that has no alpha channel. It completely obscures all layers beneath it.

  5. On the Layer 4 rollout, open the Blending Mode drop-down list.

    In addition to Normal mode, which we have been using so far, there are a variety of other methods for blending layers.

  6. Experiment with blending techniques by choosing a few options from the list.

    The options resemble those available in such paint programs as PhotoShop and Combustion. Refer to the 3ds Max Design Help for a description of what each blending option does.

  7. Choose Multiply from the list.

    First blend operation using Multiply

    This option multiplies the color value of all layers in the composite. The non-white color channels have a value of less than 1.0, so the multiplication tends to produce darker colors, a condition you will now correct.

  8. On the Layer 4 rollout, change the Opacity value to 80.0, and then press Enter.

    The reduced opacity of the top layer results in a lighter overlay of grime.

Add dirt to the top of the door with Linear Burn blending:

  1. At the top of the Composite Layers rollout, click (Add A New Layer).
  2. Drag a Bitmap node from the Browser to the active View.

    3ds Max Design opens a file dialog.

    On the file dialog, choose dirt-top.jpg, and then click Open.

    This file shows dirt at the top of the door.

    Bitmap used in the second blend operation

  3. Wire the new Bitmap node to the Layer 5 component of the Composite map.

    This file is also a .jpg image that completely obscures all layers beneath it.

  4. On the Layer 5 rollout, choose Linear Burn from the Blending Mode drop-down list.

    Linear Burn blending combines the new dirt map with underlying layers.

    Second blend operation using Linear Burn

    Linear Burn combines the color of pixels in the top layer with colors from the underlying layers. The darker the Layer 5 color, the greater the effect: As a result, the default blending is too dark.

  5. On the Layer 5 rollout, change the Opacity value to 70.0, and then press Enter.

    Now the dirt at the top of the door, like the dirt at the bottom, blends well with the other textures.

Add bump information to the composite:

  1. Minimize the Slate Material Editor.
  2. Activate the Camera01 view, then on the main toolbar, click (Render Production).

    The shutter shows good detail, but in a rendering with shadows, its corrugated surface lacks depth. You will correct this by adding bump information from the shutters.jpg map.

  3. On the rendered frame window, click (Clone Rendered Frame Window).
  4. Restore the Slate Material Editor (press M).
  5. In the Slate Material Editor, click (Zoom Extents) to display the entire material tree, and press L to arrange the layout.

  6. Wire the original Bitmap node, the one that contains shutters.jpg (it is at the upper left), to the Bump Map component of the Shop Door material node.

  7. Double-click the Shop Door material node so you can see its parameters.
  8. Expand the Special Purpose Maps rollout. The buttom for Bump mapping should show that shutters.jpg has been assigned. Change the amount value (the numeric field just to the right of the Bump toggle) to 3.0.

    The effect in the preview is rather exaggerated.

  9. Render the Camera01 viewport again and compare the result with the cloned rendered frame.

    The fully composited shutter door, rendered with bump mapping

    The shutter has lost its flat look and appears more three dimensional.

Save your work:

  1. Save the scene as my_pawnshop_composite.max.

    If you like, you can open composite_completed.max and compare your work with a completed scene file of this tutorial.

  2. If you turned off the Use Real-World Texture Coordinates option at the beginning of this tutorial, then from the main menu, go to the Customize Preferences General panel Texture Coordinates group and turn the option back on.

Save your work:

Summary

In this tutorial, you learned how to create a composite map consisting of multiple layers of images. You used alpha channel information and a mask to control image transparency, then you used blending modes as an alternate way to specify how layers are composited.