New user? Subscribe!  ·  Already a subscriber? .

Using Displacement Maps

By Wendy Williams  ·  May 12th, 2006

I have an image of a car and I want to make it look as though it is painted with a flag on it. This is an idea time to use a displacement map so first lets look at what a displacement map does. All it really does is to distort the flag so that it fits the contours of the car. It is just as simple as that.

So first you need an image of a car and an image of a flag. These are the ones I used. (The size of my car image is 3072 pixels x 2048 pixels … so the instructions may need to be adjusted for different sizes).

Map A

Map B

1. First select the car and copy it to its own layer. Save layered file as "Car"

2. Next duplicate the image and call the duplicate "Map". My Map file had two layers … (Background and Car) so I deleted the Background layer and just kept the Car image

3. Next do Enhance>Adjust Lighting>Brightness & Contrast (Brightness -19, Contrast + 36), then Filter Blur>Gaussian Blur. I used 8

4. Now flatten the image and save it as a .psd

Map C

5. Open both your "Car" image and your "Flag" Image. Clicked on the Flag image and do … Select>All, Edit Copy

6. Next click on the Car image and do … Edit Paste

7. The Car image should now have three layers (Background, Car on its own layer and Flag). Lower the opacity of the flag layer and move it around until it looks.

Map D

8. Now return the opacity to 100% (do make sure your flag layer is still the active layer at this stage.)

9. Next Filter>Distort>Displace (Horizontal 10, Vertical 10, Stretch to fit, Repeat Edge Pixels … these are just the standard settings). Click OK and select your Map to load… when you click on open then your flag will distort to the shape of the car.

Map E

10. The images will now need tidying up. To do that you need to regain the selection of the car so Control Click (Mac Command Click) on the layer thumbnail then click on the flag layer and do Select>Inverse, Edit>Delete

Map F

11. Use either the eraser to remove the excess flag or a layer mask. Then lower the opacity of the layer to around 60%.

12. Finally go to the layers palette and drag the car on its own layer to the top of the pile then experiment with changing the layer blending mode. Try multiply or soft light they both work well.

There you have your repainted car.

Map G

Enjoy painting :)

Wendy

6 Replies to Using Displacement Maps:

  1. Verneitta

    June 1, 2010 at 8:59 pm

    Ilovw it!

    • Verneitta

      June 1, 2010 at 9:00 pm

      O-o-o-ops, I mean I love it!

  2. Sandra

    June 17, 2010 at 4:09 am

    Sure wish there was video of this.

    • Rick

      June 17, 2010 at 10:40 am

      Sandra,

      If you click on the displacement maps tag above, you’ll find three videos and another tutorial about using displacement maps.

      Rick

  3. James

    July 2, 2010 at 1:20 pm

    I agree with Sandra. Although I have viewed the videos on displacement maps, I have trouble relating them to this one. The “car” instructions, for some reason, do not seem to match what really happens when trying to use them.

    It is probably me, but it would be extremely helpful to see a video on this one. Would really like to learn it.

    Thanks for listening.

    James

  4. James

    July 3, 2010 at 9:12 am

    To modify my previous post, the tutorial on blending the flag into the stone wall is an excellent supplement to this tutorial. It cleared up several questions and enabled success.

    Thanks to all who contributed on the subject.

    James

Tell us what you think.

You must be to post a comment.

Learn Elements Today!

Learn Elements Today DVD boxIf you're looking for the quickest way to get up to speed with Adobe Photoshop Elements 11 (or earlier versions, both Windows and Mac), check out our "Learn Elements Today" training course DVD. Our gurus will help you use Elements to take your photos from good to Great!

Who Are We?

We are Photo One Media, a small company based in lovely Portland, Oregon. Our passion is helping people create, enhance, and share photos; designing cards, calendars, books and scrapbooks; and getting the most out of your digital camera.

Photoshop Elements Techniques is a magazine and website devoted to helping folks get the most out of Adobe Photoshop Elements. Subscribers get six feature-packed issues per year, with weekly tutorial videos and more on this site. If you would like to see the magazine for yourself, you can get two free sample issues.

Follow us!

Follow us on Twitter Find us on Facebook