Photoshop 3D – Using Depth Maps, Bump Maps, and Normal Maps


In this Photoshop 3D tutorial, you’ll learn to work with Bump maps, Normal maps, and Depth maps.

We will create a realistic brick wall using Photoshop’s 3D features, and a Depth Map. We will also discuss Bump Maps and Normal Maps which can add more detail and realism to 3D objects.

Bump Maps in Photoshop 3D

Bump maps are grayscale images that allow you to fake detail in 3D objects. The detail that they generate is simply a lighting trick on the surface of 3D objects. The actual 3D geometry is not changed in any way.

The 256 different levels of luminosity in bump maps are used to tell Photoshop how far to push down or pull down.

Bump Map

Bump maps are really easy to create using Photoshop’s 3D filters. Go to Filter > 3D > Generate Bump Map. This will bring up the Generate Bump Map dialog box which gives you an interactive 3D preview, with controls on how to generate the grayscale image that will make up your Bump map.

Generate Bump Maps

After you generate your Bump map, you can edit it with any of photoshop’s regular adjustments, tools, or filters. One common technique is to use the Dodge and Burn tools to adjust the luminosity of certain areas.

Even though Bump Maps can be very useful in many projects, their drawback is that in certain angles they do not look very realistic.

Normal Maps in Photoshop 3D

Normal Maps are very similar to bump maps. They also allow you to fake the illusion of depth and detail on a 3D object without actually adding any 3D geometry. But Normal maps do it in a different way.

A normal map uses RGB information that corresponds to the X, Y, and Z-axis in 3D space. The RGB channels tell Photoshop the direction of the surface normals are oriented for each and every polygon.

Normal Map

Normal maps are as easy to create in Photoshop as Bump maps. Go to Filter > 3D > Generate Bump Map.

The Generate Normal Map dialog box is almost identical to the Generate Bump Map dialog box. It also gives you an interactive 3D preview, with controls on how to generate the image that will make up your Normal map.

Generate Normal Map Dialog

Unlike a Bump map, Normal maps can be very difficult to edit in Photoshop. Each RGB channel is adjusted to present a movement in a single axis in 3D. This means that any adjustments would need to be made to the appropriate RGB channel, and not the whole image.

Depth Maps in Photoshop 3D

Depth maps are 2D images that use their luminance values to create 3D objects. Unlike Bump maps or Normal maps, Depth maps in Photoshop do alter the 3D geometry of an object.

In this tutorial, we use a Bump map as a Depth map to create our 3D object.

Depth Map

This image was also created using a Depth map 3D modeling technique similar to the one shown in this video.

Depth Maps
Depth Map 3D Model

Adobe Stock Image (Brick Wall):
https://stock.adobe.com/stock-photo/brick-brick-wall-wall/85284114

Photoshop CC Minimum System Requirements:
https://helpx.adobe.com/lightroom/system-requirements.html

Final Image

Drag The Slider To See Before & After

Similar Posts

Subscribe
Notify of
12 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Jan Majoor

Jesús,
Photoshop 3D – Understanding Depth Maps, Bump Maps, and Normal Maps
i have a problem when i juce generate normalfrom diffuse than works
adobephotoshop 2017 cc no more.what is my problem?Jan Majoor.From Holland

Constance Reber

Hi J,

I did enjoy this lesson and spent a lot of time on it, as this is new information for me. I will split my lesson review sessions into smaller chunks for now though since, like an old file cabinet, too much new front load causes random files to fall out the back!

I did have significant difficulty following without frequent rewinds as the control panels are small and blurry, especially following along with a split screen (I use windows and have a large desktop monitor).

I would do much better with a separate window on your screen that shows the editing selections as (or more) prominent than the product results. I have the latest versions of Adobe and a strong machine, but my control options vary from yours at times, which is another reason why clear directions are imperative for those of us who are unfamiliar with 3D controls on PS. Sidebar: my tools are set to default and yet my selection marque only offers a 2D vertical or horizontal line without any scrolling rectangles (used to select render area). So, I just used the lasso (which looks different from yours too).

In this lesson, I really liked that there is not any background noise and that your voice is easy to understand.

For me, watching a video has tremendous value but, having a hard copy flow sheet with simple graphics is handy, both would be amazing.

I am a subscriber now!

smiles,

Constance
AZ, USA

PS: Do you have a fave, no pay (other than CC subscription)”GO TO” person for AI? I love Deke, but my “Linda.com” subscription has expired.

Constance Reber

J,

BTW:

The bottom of the screen in this lesson is overlaid with the youtube (for me at least) bottom edge control bar. So, for example, when you selected the global light from the 3D menu, your cursor disappeared. I have never used this light, so it took a few reviews to find it.

Oh, and I also had to review (or pause) when my window or tool setting varied from those you already had selected (from your main top bar options in their flyouts). Perhaps a quick list of your settings at the onset would solve this?

When I could read the values (like for the histogram or maps) it was very helpful as a reference point (I was using my own picture).

Most users may not experience these issues, but this is from a 3D graphics novice.

smiles,

Constance

ps: I only critique educators that I find offer top-notch lessons in areas that I am interested in. Just ignore my input if it is not useful to you. note: my website is down.

Constance Reber

Thanks, J.!

kamalesh baruah

i use in Photoshop cs6 is this possible

Ralph Thompson

Hi,

I love these tutorials, I have CS6 and was able to get my wall to look pretty good, I had to pause the video and figure out how to do it with CS6 but I got it to work.

Thanks for the tutorials

RJ

Colleen

Jesús,
I loved this tutorial, really great!
I am wondering if this kind of depth map can be applied to a 3D object that you create, like a cup shape? I wanted texture to protrude on the outside of a cup.
Thank you for any help!
Colleen

Kent Barrett

This was one of the best photoshop tutorials I’ve ever experienced. I REALLY appreciate it. Thanks so so much!

Bikal Dumaru

How do I get filter>3D>Generate normal map/Generate bump map tool ?

Untitled.jpg