Skip to main content

Adobe Photoshop: The Complete Guide Bootcamp

Lesson 98 of 118

Displacement Map

Ben Willmore

Adobe Photoshop: The Complete Guide Bootcamp

Ben Willmore

Starting under


Get access to this class +2000 more taught by the world's top experts

  • 24/7 access via desktop, mobile, or TV
  • New classes added every month
  • Download lessons for offline viewing
  • Exclusive content for subscribers

Lesson Info

98. Displacement Map


  Class Trailer
Now Playing
2 Bridge vs. Lightroom Duration:06:39
3 Tour of Photoshop Interface Duration:18:21
4 Overview of Bridge Workspace Duration:07:42
9 Developing Raw Images Duration:30:33
11 How to Save Images Duration:03:37
12 Using the Transform Tool Duration:04:48
14 Selection Tools Duration:05:55
15 Combining Selection Tools Duration:07:37
17 Quick Mask Mode Duration:05:07
18 Select Menu Essentials Duration:21:28
20 Align Active Layers Duration:07:29
21 Creating a New Layer Duration:06:15
22 Creating a Clipping Mask Duration:03:02
23 Using Effects on Layers Duration:11:24
24 Using Adjustment Layers Duration:16:44
25 Using the Shape Tool Duration:04:39
30 Adding Texture to Images Duration:09:11
35 Understanding Curves Duration:06:18
36 Editing an Image Using Curves Duration:18:41
39 Editing with Blending Modes Duration:08:04
40 Color Theory Duration:05:59
41 Curves for Color Duration:16:52
42 Hue and Saturation Adjustments Duration:08:59
44 Match Colors Using Numbers Duration:16:59
45 Adjusting Skin Tones Duration:05:25
52 Clone Between Documents Duration:13:19
53 Crop Tool Duration:10:07
54 Frame Tool Duration:02:59
56 Paint Brush Tools Duration:13:33
57 History Brush Tool Duration:06:27
58 Eraser and Gradient Tools Duration:03:06
60 Blur and Shape Tools Duration:11:06
61 Dissolve Mode Duration:09:24
62 Multiply Mode Duration:15:29
63 Screen Mode Duration:14:08
64 Hard Light Mode Duration:14:54
66 Smart Filters Duration:11:32
67 High Pass Filter Duration:13:40
68 Blur Filter Duration:05:59
69 Filter Gallery Duration:07:42
70 Adaptive Wide Angle Filter Duration:04:43
71 Combing Filters and Features Duration:04:45
72 Select and Mask Duration:20:04
73 Manually Select and Mask Duration:08:08
74 Creating a Clean Background Duration:21:19
75 Changing the Background Duration:13:34
76 Smart Object Overview Duration:08:37
77 Nested Smart Objects Duration:09:55
78 Scale and Warp Smart Objects Duration:09:08
79 Replace Contents Duration:06:55
80 Raw Smart Objects Duration:10:20
83 Panoramas Duration:13:15
84 HDR Duration:11:20
85 Focus Stacking Duration:04:02
86 Time-lapse Duration:11:18
87 Light Painting Composite Duration:08:05
88 Remove Moire Patterns Duration:06:11
89 Remove Similar Objects At Once Duration:09:52
91 Replace a Repeating Pattern Duration:06:50
95 Warping Duration:11:03
96 Liquify Duration:14:02
97 Puppet Warp Duration:12:52
98 Displacement Map Duration:10:36
99 Polar Coordinates Duration:07:19
100 Organize Your Layers Duration:11:02
101 Layer Styles: Bevel and Emboss Duration:02:59
102 Layer Style: Knockout Deep Duration:12:34
103 Blending Options: Blend if Duration:13:18
105 Layer Comps Duration:08:30
106 Black-Only Shadows Duration:06:07
109 Create an Antique Color Action Duration:13:52
110 Create a Contour Map Action Duration:10:20
111 Faux Sunset Action Duration:07:20
112 Photo Credit Action Duration:05:54
113 Create Sharable Actions Duration:07:31
117 Scratch Disk Is Full Duration:06:02
118 Preview Thumbnail Duration:02:10

Lesson Info

Displacement Map

then there's another way of bending things in. This is where we convention things based on the brightness of a picture. If you look at the brightness of a three dimensional object, oftentimes it gives you clues as to its dimensionality, just from the shadows in the highlights. If you look at this particular photograph and you look at one side of my face, you'll notice that the areas their furthest away on the side of my face or darker in as my face gets closer and closer to camera. It's getting brighter and brighter in the very tip of my nose is the brightest on the other side of the face. It's a little different, and that is getting brighter as you go further away. That's because there was a light source over on that side, But still you see this thing where it might be getting darker as it gets closer to camera, because getting further away from the light source will. There's a way to use the brightness of your picture as what you might call a depth map, something that just defines ah...

, three dimensional character of a two dimensional photograph. And if you want to use that to bend something. Then we can do so using something called a displacement map. So let me give you a brief idea of how to think about displacement maps. We can use that flag image because there you can tell if it's been bent. So I'm gonna grab the flag. Image will use my move tool I'll click within the flag image will drag up to the other tab on the drag down into this documents. We put it in here, closed the original flag, zoom out, and I probably want to scale the flag down. But before I scale it down, I think I'm gonna turn it into a smart object. Therefore, everything will be calculated on the original size flag, all type command T that's free. Transform control team windows and I'm gonna scale this down. I'm gonna bend that flag around my face, even get some stars and things in there. But I'm gonna do it based on the brightness of my face. So first I'm going to start off with the base image that's here in what I need to do is simplify it to simplify, just so I don't mess up the original I'll duplicate this layer. It's not that essential that you duplicate the layer where you could do, in fact, is just duplicate the document that be easier. So image duplicate will give you a brand new file so you don't mess up the original and I'm gonna call this the map and then I'll throw away the flag because it's a duplicate document and I just want to simplify what's here. The first thing I'm gonna do to simplify things is take all the color out, an image adjustments. De saturate should do that for me. The next thing I want to dio is get rid of the really fine detail. If you look at the fine detail, what's going to happen is areas that are bright are gonna be thought of as being close to you in areas that are dark. They're going to be thought of being further away. And what that means is where the pores are in my face. It's going to think their little role, little drill holes that they're lower than the rest of my face, and I don't want it to distort the flag with that much detail. I wanted to think about the overall shape of my face, not every little whisker and poor. So what I'm going to do next is blur the image using a filter called Ghazi Ambler. And I'm just gonna blurt enough that the fine detail goes away like the pores on my face. And then I just see the overall brightness of the image, the overall tone, ality and shading. Probably somewhere right around there, All the really fine details, whiskers, pores, all that go away. Then I'm going to save this on my hard drive just to save as put it right on my desktop. And I can use Photoshopped file format. Now we can close that file now. I'm gonna work on the layer that it's on top. That's when it has to fly again. It turn its little eyeball back on, and I wanna bend the flag based on that simplified document that saved on my hard drive. So to accomplish that, I'm gonna choose filter, distort, displace. This comes up and it wants me to type in a number. That number tells you how mountainous theon result will be. If you type in a low number, imagine you're seeing a three dimensional object from the side. You'll get a very slight raised to the image. If you type in a high number, you're going to see a very tall raised to the image. And you don't really know what number to use because it's really based on how high resolution your picture is and how much contrast is in that file. We're going to feed it. How close to white is the bright area? How close to black is the dark? And so I'm really just gonna guess here. And if I don't like my in results, I'll just choose, undo, and I'll try again. Type in either ah, higher or lower number. I always type in the same number for horizontal and vertical, and then we have some options down here, and this really is saying, What should it do? If the image we saved on our hard drive was a different size than this document, it's needs to be the same size, and so to make it the same size if it was smaller, should it stretch it to fit? Or should it Thailand repeat it? Well, that's not gonna matter. It's exactly the same size as this document and then what should it do with the undefined areas? Should it wrap around to the other side will repeat the eggs pickles. We're not going to need to worry about that. All I'm going to do is click OK, and when I do, it's gonna ask me for a file. It's a file that it's just gonna look at the brightness of, and it's gonna think of bright things that's being close to you. And dark things is being far away in white Click open. It should bend our flag. There it is. So if you look at where the edge of my, um, Chin would be and not my when he called this part my jaw line, I can see it's been bent. I can also see it's been bent on the other side. There was some vertical line there. If I were to hide this, I could tell what it is. But what I'm gonna do now just to make it easier to tell how that is conforming to my face is I'm gonna print it on my face like a tattoo, and I could do that by changing the menu at the top of the layers panel known as the blending Mode menu. I'm gonna choose a choice called Multiply, and when I do now, you might be able to see that where my eye is. You can see it's bending down into my eye socket and right here where my skin bulges out to have my cheek, you can see it bending to conform with that. The only other thing I might want to do then is mask it so that it only applies to where my faces and doesn't go beyond. And I might want to mask it so it doesn't print on my eyeball. Uh, otherwise it wouldn't quite be inaccurate Tattoo. Now, what I could do, though, is choose undo with Command Z. And let's say I wanted to bend Mawr. I was using the number of 20. I'm gonna type Command Z one more time so it's no longer applied. Or since I used a smart object, I don't even you do that right here. It says, displaced. Just double click on that. You'd be able to change it when you double click, it will ask you for the settings I was using. 20. Let's try each time you click. OK, though it's gonna ask you for that other file, so make sure you don't throw it away until you're sure that you like the settings. But now we have more of an extreme or mountainous bend. If I said it to multiply, it might be more appropriate. It all depends on the image. But what? This is how you could grab a tube of toothpaste that had no label on it whatsoever. You can put a new label on top of it into a displacement map, because the highlights and shadows that would define the kind of wrinkly character of ah tube of toothpaste could be used to bend the label to make it look like it fits. Or you have a T shirt. He and the T shirt has wrinkles in it. You want to show a design on the T shirt that conforms to those wrinkles, displacement maps, how you do it, where you have the door of a car and you need to put a police logo for a police car design on it. Well, if it has any shading to that door, the card, it's usually going to give it some sense for the dimension and using that to bend Ah, logo that would be printed on the door will usually make it look appropriate. Then you use multiply mode to actually make it look like it's printed on it. And then you can mask it to make sure here, if I add a layer mask that maybe in this case would all do is use the quick selection tool to try to select my sky. I also got a little about my hat in their lips, don't want to take away hat, and then maybe I select inverse to get the opposite. And actually, I don't need inverse. There's already a mask here. All right, I'm gonna fill that part of my mask with black, get it off the background, and I'm gonna come up here in paint with black. Just grab my paintbrush, gotta paint with black, get it off my eyeball, uh, and get it off my hat. But there's all sorts of uses for that. Any time you see those T shirts that have designs that have never been printed on a T shirt before, but they're previewing it, they're using displacement maps to do so. The key is you have a blurry black and white photograph saved on your hard drive that you feed the displaced filter

Class Description

All individual classes that make up this bootcamp are also available here for individual purchase.


  • Develop an understanding of how Photoshop works
  • Create your ideal workspace
  • Configure the essential preference settings
  • Set up Adobe Bridge and Lightroom for optimal integration with Photoshop
  • Navigate multiple images seamlessly


Adobe® Photoshop® 2020 is a feature-rich creative force, perfect for turning raw ideas into audience-wowing images. With Ben Willmore as your guide, you can master it faster than you think and take on a new decade of projects.

Ben takes you step-by-step through Adobe Photoshop 2020 as only he can. With an easy pace and zero technobabble, he demystifies this powerful program and makes you feel confident enough to create anything. This class is part of a fully-updated bundle – complete with 2020 features and more efficient ways to maximize the tools everyone uses most.

Whether you’re a 20-year designer or you’re opening the app for the first time, this is the perfect way to learn and love using Photoshop. From retouching to masking to troubleshooting, Ben unpacks all the essentials and hidden gems, while giving you real-world examples to drive each lesson home. By the end of the class, you’ll feel eager to make serious magic with Photoshop 2020.


  • Beginner, intermediate, and advanced users of Adobe Photoshop.
  • Those who want to gain confidence in Adobe Photoshop and learn new features to help edit photos.
  • Students who’d like to take ordinary images and make them look extraordinary with some image editing or Photoshop fixes.


Adobe Photoshop 2020 (V21)


Noel Ice

I am an avid reader of photoshop books, and an avid watcher of photoshop tutorials. I have attended (internet) several hundred of presentations. In the course of this endeavor, I have found my own favorite photoshop websites and instructors. Creative Live is probably the bargain out there as well as among the top three internet course sites. I have to say with great enthusiasm that the best Photoshop instructor is Ben Willmore. There are many great ones, but truly, he is the best I have come across, and, as indicated above, I have watched literally 100s of tutorials on Photoshop. I have seen all of Ben's courses, I think, and among them, this one is the best by far, and that is saying a lot, because that makes this course the best course on Photoshop to be found anywhere. I am going back and watching it twice. Not only is it comprehensive, but Ben is so familiar with his subject that he is able to explain it like no other. This is crème de la crème of Photoshop classes. I have been wanting to write this review for some time because I have been so thoroughly impressed with everything about this class!

a Creativelive Student

Wow. I cannot communicate the value of this course!! The true value in this course is how the instructor identifies workflows you'll need before you'll ever realize it, repeats important information without it becoming annoying, and explains the "why" behind the techniques so well that even if you forget the exact method, you can figure it out via the principles learned. Excellent value, excellent material, excellent instructor!!!


The short lessons makes it easy to find things. Clear explanations, structured content, great examples, handbook plus practice images - this class is worth x10 the price! I have seen many of Ben's classes and I'm so happy you created this one, love it