Bump Maps - Additional Information

Auto Bump in Material Wizard

The Auto Bump Map option on the Material Wizard creates a bump map (automatically) from the SketchUp image on a material.

Auto Bump Map Sample


Here is an Auto Bump example of a wall with SketchUp's stone material, and two spot light shining on the the material:
(Bump maps have their best effect when there is lighting at an angle to the material, because the bump map 3D effect is more pronounced when there is light shining on the material.)

No Auto Bump Map
With Auto Bump Map and 100% color strength



Bump map guidelines

A bump map uses the intensity of the raster image to determine a height offset from the base face on which the bump map is placed. (Black is the lowest elevation and white is the highest.) The bump map is used to alter the effects of lighting on the surface, which gives it an enhanced 3D effect, without having to model the geometry in 3d.

Basic bump map

This is a simple bump map, with a flat area in white, and a hole in black. There are several gray transition lines between the white and black areas.

bump1.png raster image
enlarged corner of bump image - to see depth transition lines (in gray).


Bump map material applied and rendered in SketchUp.
"Flat" rendering in SketchUp.
Bump map material has been applied to two faces.
Bump image rendered with IRender as "flat" image (no "bump" effect").


Bump rendering from IRender.
_bump was added to the material name in SketchUp.
(The name of the material, not the name of the texture image file.)

Rendered as normal bump map. Note the effects of light with make the black area appear as a hole.
Rendered as reverse bump map, by changing the material name to include _bumprev.
Note the gray and black areas create a rise from the base plane..


See: No transitions for an example with no transition lines.

Brick example

Bump map for brick

This is a bump map used for a brick effect. (The color will be added when the texture is created in SketchUp.)
(Note: This image, which was downloaded from the internet does not have any transition gray. It jumps from light to dark. The Renderer will add some transition if not is provided in the raster image.)


Flat brick rendering

This is the "flat" rendering in IRender.
(No bump effect)


Bump effect on brick rendering

This rendering is made with the same SketchUp material, and the bump effect enabled ("_bump" added to the material name.)
This gives more of a 3D effect. (The light and dark shades at the edges of the bricks are determined by the angle to the sun in the actual model.)


No gray transitions

Bump map with no gray transition lines.

This is the same image with the gray transition lines removed. The only colors are black an white.

The IRender engine adds some transition, but does not do it as smoothly as when transition lines are included in the raster image. But notice, there is some distortion on the corners.


Reversed bump map with no gray transition lines

Reversed bump map with no transition lines. The black area in the image appears to extrude out from the surface.


Shaded bump maps

Flat rendering with SketchUp store texture.

Bump maps should not contain shading from the light. (For instance, a photo of a stone wall will have dark areas because of lighting, rather than because of the depth of the surface.

This rendering on the right is a "flat" rendering of a SketchUp stone material.

rightBump map rendering of same texture.

However, because images such as this stone image tend to be darker between the rocks, they do make good, (even if not technically correct) bump maps.

Better stone example

Stone bump map image. A stone bump map downloaded from the internet: ( Filter Forge Bump Map ) Note: It does not look like a photo of stone, because the light and dark areas represent depth and not illumination.


Stone bump rendering in IRender it produces a very realistic stone effect.


Rendering with light from right. Note in the previous image that with the lighting from the left, the bum effect produces lighter shades on the left of each stone, and darker shades on the right. When we move the sun to the right, the effect is reversed. This is the advantage of bump maps over photographs - the effect of lighting is based on the angle of the light in your model, and not the angle of the light when the original photograph of a stone surface was created.
Bump map rendered as a displacement map. A Displacement Map creates geometry based on the intensities in the bump map image.


Realistic expectations

Bump maps can be used to provide some 3D effect to renderings without having to complicate your model with lots of 3D geometry.

However, the bump maps do not produce true 3D. They are used for lighting, but not used to obscure other geometry.

Also, bump maps work best when there is good angled light to bring out the bump effect.


Note. This concept - using an image to create a bump map of itself is not really correct. It make the dark parts of the image seem depressed and the light parts raised up. However, many people and many rendering systems use it because it create a 3D effect for some materials.

Here is a better example, using a depth oriented bump map, rather than just an image to create the bump effect.

Stone bump map image.
Note: It does not look like a photo of stone, because the light and dark areas represent depth and not illumination.
Stone bump rendering in IRender.
It produces a very realistic stone effect. Notice the subtle difference in shading between the front and the top.
(Based on the angle of the light.)


Advanced effects

Bump Map editor for nXt materials

IRender Plus users can create more advanced effects by applying bump maps to nXt materials. (For example, using one raster image for a bump map and another raster image for a texture.) See: IRender nXt Bump Maps


See also

For more information on Bump Maps: