RSS Feed

Displacement Map tutorial

Posted on

Note to self: If you decide to make a comment on Facebook about how awesome displacement maps are and how everybody should do them, then maybe you should at least have a link to point to so that people know what you are talking about. Because I then decided to make this tutorial, and I did, and the image that I used ended up not even being, like, all that displacement-y, and so this tutorial did not work as dramatically as I wanted it to. But here you go anyway, and have faith that if you use it, you will be happy with your results. It’s a great thing to learn!

Okay. So we are going to put a fly on a wall. Except the wall is this cool looking wall in a parking lot downtown, and the fly is this cool graffiti fly.

See how if I just set it down on top of the wall, it just kind of looks like it’s floating above it? It doesn’t look like it’s sitting nicely in all the nooks and crannies. A displacement map will make it look more like it belongs there. You can use it anytime you put something flat onto a textured surface.  And this is how you do it!

We’re going to make TWO adjustment layers. One Hue/Saturation and one Brignthess/Contrast. Bring the saturation down so that the image is black and white, and move the contrast UP.

Here’s how it looks after I’ve applied the adjustment layers.

Merge down the adjustment layers, then add 1 px of gaussian blur.

Okay, you can read that! LOL. Save your map as a PSD somewhere you will find it. Then, move your element onto your textured surface.

Go filter/distort/displace

Stick with the default settings. I’ve never changed them.

Then it will have you open your map. This is the black and white image you just made.

Now here’s where it’s not as displacement-y as I wanted it to be. But you should still be able to see a difference.

Here’s a close up.

And then I did some more design magic ™ and made this paper.

For the curious: I changed the blending, erased it with a splatter brush, and added some mud.

And because I love ya, here’s a file containing the wall picture, the fly png, the finished paper, and a PDF with the slides from the tut. WOW.


I hope this all makes sense. If it doesn’t, please feel free to leave questions and I will do my best to answer.


4 responses »

  1. oh wow! This makes it all so easy, and I now know what the displacement filter does!!!
    THANK YOU so much for responding to our begging, LOL, and making this tutorial!! Will be sharing to spread the info around! Can’t wait to try this! Thanks also for the freebies – love that fly, LOL!!!!! xx

  2. Thanks Bernie for posting on your FB and a great big thank you to Andrea for being so great at making this tutorial and also for making it so nice for us to download so it’s so convenient to refer to.

  3. Thank you so much for this post. I want to let you know that I posted a link to your blog in CBH Digital Scrapbooking Freebies (please, notice the new url for my blog), under the Page 2 post on Aug. 29, 2012. Thanks again.

  4. Pingback: CraftCrave | Blog | Scrapbooking Tutorials (large): Thursday, 30 Aug 2012

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: