Cách làm normal map trong photoshop


In this Photoshop 3D tutorial, you’ll learn to work with Bump maps, Normal maps, and Depth maps.Bạn đang xem: Photoshop 3d

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.

Bạn đang xem: Cách làm normal map trong photoshop

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 inbump maps are used to tell the Photoshop how far to push down or pull down.


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.


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 luminosityof certain areas.

Even thoughBump 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 in for each and every polygon.


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.

Xem thêm: Cách Sửa File Word Bị Lỗi Font Chữ Trong Word Đơn Giản Nhất, Cách Sửa Lỗi Font Chữ Trong Word Đơn Giản Nhất


Unlike a Bump map, Normal maps can be very difficult edit in Photoshop. Each RGB channel is adjusted to present a movement in a single axis in 3D. This means thatany adjustments would need to be made the appropriateRGB 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.


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

Links Mentioned in This Tutorial

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

Diggin" these tutorials? Sign up for updates and subscriber-only tutorials…It"s FREE!Your Email Address:

Other Photoshop Tutorials You Might Like:

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe Login Notify of new follow-up comments new replies to my comments Label {} Name* Email* Website Label {} Name* Email* Website

This site uses Akismet to reduce spam. Learn how your comment data is processed.

11 Comments Oldest Newest Inline FeedbacksView all comments Jan Majoor 4 years ago

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

Reply Constance Reber 4 years ago 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.

I am a subscriber now!


ConstanceAZ, 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.