Monday, February 16, 2015

Photoshop Tutorial: Using Displacement Masks

As you are waiting for the conclusion of my 2015 film adventure, here is something to keep you busy. A pretty cool Photoshop tutorial: Displacement Masks! The name probably does not reveal much to you. What does it do? How do you use it? Why should you use it?

They say a picture is worth a thousand words, so let me use two and tell you that today's article will show you how to turn this:



into this:


In other words (not two thousand, still!), a displacement mask allows you to map a texture onto a surface. In this example, I mapped a zebra pattern onto a dolphin. The options are limited only by your imagination. A common application is to create a decayed effect by mapping dirt, rock textures, etc., onto somebody's face.

Step 1
Open your image, and go to the Channels palette. Pick the channel with the best contrast (it is usually the Red one, but it could depend). Click on the arrow on the right of the palette and select "Duplicate Channel". Then, select Document: New as the destination.



Step 2 
We are working on the new image. Go to Filter>Noise>Median. On the popup dialog, select a value somewhere between 4-8 (I chose 5 for this; experiment).
OK, and then Filter>Blur>Gaussian Blur. Select between 7-15 (I chose 8; again, experiment).
OK, and them Mode> Grayscale.
Save As a Photoshop. PSD file (not jpeg, nor anything else).
You can now close this image.

Step 3
Back on the original image (if needed select RGB on the channel list to get back the colors), and go back to the layers palette. On the image, select the area you want to apply the displacement mask. Use whichever tool or combination of tools you need to.
Select> Save Selection
You can now deselect (CTRL+D on Windows; Command+D on Mac)

Step 4
Paste (as a layer) the texture you want to apply. In my case, it was a zebra texture. Needless to say, the size of the texture layer must cover the area you want to apply it to entirely. Load the selection you saved before, then click on the Add Layer Mask button (or select it from the menu), so that the texture layer will be applied only over the selection (that is the area you want it to appear; in our case, the dolphin).
Change the blend mode to Overlay.

Step 5
Having selected on the texture layer (it probably is already as such, if you haven't clicked on anything else), unlink the layer from the mask (click on the little chain between the layer icon and the layer mask icon).

Step 6
Make sure you have clicked on the texture layer, not the mask itself
Filter>Distort>Displace
First you must select some parameters. You can experiment later if you want, I usually choose 10, 10, "Stretch to fit", "Repeat edge pixels" (I believe it is the default). Clicking OK, you are asked to select the displacement mask file. Yep, you guessed that right - it's what you saved before, the .PSD file.

Step 7
You can experiment with opacity to achieve the required result. If needed, apply a low level Gaussian blur on the texture layer mask, to smoothen the transitions.








No comments:

Post a Comment