Contour Image With Displace Filter

Contour Image With Displace Filter

Photoshop CS6 Tutorial


How to Contour an Image to Match Another Image in Photoshop



It is common in Photoshop composite multiple elements into a single image. Unfortunately, all objects are not flat, square boxes. In this example we will composite a custom shape on a corrugated panel using the Displace filter. A link is included to the corrugated metal image or you can use an image of your choice.


Step One

Download the demo file by clicking the Download Image button below.

Download Image


Step Two

Open the MetalPanel.png image in Photoshop (File > Open) and with the Background layer active, press Cmd/j (PC - Ctrl/j) to duplicate the layer.

Step Three

The next step is to convert the duplicated layer to a grayscale image. Click the new layer and choose Image > Adjustments > Black and White. Adjust the sliders to optimize the image, then press OK.

Step Four

We will be using the grayscale image to contour our graphic that's created in the next few steps. Choose File > Save As and save your grayscale image as a PSD file.

Step Five

Turn off the visibility for the gray layer and select the Custom Shape tool.

Step Six

Set the options to Shape and choose a shape from the options pull-down menu. Set the Fill and Stroke colors for your new shape.

Step Seven

Hold the Shift key and click-drag in the document to add your new shape layer.

Step Eight

Right-click the shape layer and choose Rasterize Layer. This makes it possible to apply a filter to the layer.

Step Nine

With the Shape layer active, choose Filter > Distort > Displace. Set the Horizontal and Vertical Scale to 30 and click Stretch To Fit and Repeat Edge Pixels, Then press OK.

Step Ten

Navigate to your grayscale image and click Open. The shape becomes distorted.

Step Eleven

To complete the effect, set the shape layer Blend Mode to Multiply. Another option that works quite well is the Color Blend Mode.

Soften the Effect

To soften the effect, try dropping the Shape layer opacity. career skills