How to Use Displace Filter in Photoshop

Resources

• Images used :
  • Brick Texture – 6 by AGF81
  • Summer by kkart
  • young woman opening curtains (This photo is also courtesy of Shutterstock and can be found by clicking on it.)

Step 01

• Open Adobe Photoshop create a new document. The document size will be 2560 x 1440for the size. Save it as Displacement Scenery’s.psd.

Step 02

• Now import the brick image (check the resources section at the beginning of the tutorial), now place that image in the newly created Ps document.

Step 03

• Now again import the image with a girl near a window, now keep it in top of the brick layer.

Step 04

• With the Lasso Tool (L) or the Pen Tool (P) select the empty white. Once you select the areas you can go to path pallet and select the selection and remove the white background.
• Now while the image being selected go to Select>Refine Edges give the below mentioned values.

Step 05

• As the next step, we will again select only the girl with the pen tool and place it in another layer.
• Now after that, bring the brick layer on top of the curtain layer and mask it to the brick layer.

Step 06

• As for the next step we will duplicate the curtain layer and make some adjustments in that layer.
• Then go to Image>Adjustment> Desaturate, then go to Image>Adjustment>Levels. Increase the black inputs and a little bit of the white. Check out the image below for reference.

Step 07

• Now again makes the brick layer to the newly made curtain layer adjustment layer, Change the Blend Mode of the Layer to Overlay. Your result will be something like the image below. You can make the effect stronger by duplicating the layer if you want, if you are going to do that change the opacity otherwise it will become too dark.
• I made the second brick layer in to Soft Light.

Step 08

• Now as for the next steps, we will duplicate the girl with only the curtain without the masked brick layer and we will apply the above added Layer adjustment and Desaturate effect to it and save it as a separate PSD file, this will be used as the displacement map in the next steps.

Step 09

• Now go Back to your design, select the brick wall layer and go to Filter>Distort>Pixelate. Use 10 for the Horizontal Scale, 30 for the Vertical Scale. Select Stretch to Fit and Repeat Edge Pixels. Press OK and then another dialog box will open asking you to select a file. Select the Photoshop file you saved in the previous step.

Step 10

• Now after adding all these displacement effects, go to Layer>New Adjustment Layer>Gradient Map. Make sure that its black and white and the change the Blend Mode to Soft Light.

Step 11

• As for the next step go to Layer>New Adjustment Layer>Photo Filter. Use orange for the color with 60% Density.

Step 12

• As for the next step we will add an adjustment layer of Hue and Saturation go to Layer>New Adjustment Layer>Hue and Saturation. Change the Saturation to -20.

Step 13

• Now as the next step add the other image with the fields and sun shine in it (check resources section).

Step 14

• Now for the final touch ups add a new layer on top of the others and fill it with black
• Then with the Brush Tool (B) select a very soft brush and white for the color. Then paint with white in the center until you get a white ellipse.
• After that just change the Blend Mode to multiply to create a vignette effect.

Step 15

• As for the final step select all the layer that we have created currently and merge them Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. Change this layer’s Blend Mode to Screen and the Opacity to 60%.

Now it’s up to you, you can try different images and see the result, the most important thing is that you practice and have fun with Photoshop.