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.
Download the demo file by clicking the Download Image button below.Download Image
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.
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.
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.
Turn off the visibility for the gray layer and select the Custom Shape tool.
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.
Hold the Shift key and click-drag in the document to add your new shape layer.
Right-click the shape layer and choose Rasterize Layer. This makes it possible to apply a filter to the layer.
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.
Navigate to your grayscale image and click Open. The shape becomes distorted.
To complete the effect, set the shape layer Blend Mode to Multiply. Another option that works quite well is the Color Blend Mode.