Home   Products   Tutorials   Videos

Displacement maps and Photoshop displace filter tutorial

How to use the Displace filter and displacement maps in Photoshop CC 2017 2015 CS6 CS5 etc tutorialdisplacement map pose displace filter

PSD files and displacements

The displacement maps are standard PSD files. They can be made from anything, images, type etc but you can also use displacement maps via patterns or textures. You can find our displacement maps and distortions for Photoshop and psp and others on this site for all kinds of work such as create awesome linear effects, scratching, text effects and more


displace filter and photoshop displacement mapsThe key thing about the displacement map is that is PSD and it is loaded via the displace filter found in the distort menu of Photoshop and it can be used once or multiple times.


1) open image


2) filter menu


3) distort


4) displace


This displays the panel for the displace filter which has not been really updated for ages and ages, but the options are horizontal scale, vertical scale, displacement map stretch or tile and what to do with the undefined area such as wrap or repeat. Once you click the ok, you will then be able to select the displacement map file. It is one of those filters that really does need an overhaul to include the file selection within the first filter, a two pass filter is just plain odd now.


5) select the file to use for the displacement map


The displace filter is one of those tools that probably works best when applied multiple times. One application of the displacement maps and displace filter can look a little limited, apply it again and the magic really happens and even better, apply the magic with the displace filter combined with other filters such as noise or oil paint and you will see the tool in many new ways.


You can also combine the displacement maps with other resources as well (they are not cast in stone) such as adding addition artworks to the design (perhaps intermixed with effects) such as brush strokes such as the jagged and line brushes for Photoshop, psp etc and lattice and line nodes brushes and symmetry and kaleidoscope brushes


Displace filter and Photoshop layers

displace filter blending modes displacement maps photoshopAs with many filters, I find that the filters work best with a layer so before you use the filter, simply duplicate the current layer via the layer menu.


Apply the displace filter to that layer and then use the layer menu and the blending modes to blend with the original image such as select blending mode of darken such as in the image on the left. Also in the image on the left, a circular displacement was used to create a curved cutting displace effect along with the wrap option in the displace filter


displace filter and multiple effects in PhotoshopAnother thing with layers, you can always remove them if you are unhappy with the result instead of the destructive displace filter effect.


Of course, you can also combine the displace filter with other Photoshop filters such as a gaussian blur and oil paint etc. In the image on the right, two different displacement maps are applied in the filter mixed with blur and oil paint filter. Literally millions of wonderful images can be created using the layers (and it does not need to be just one layer and one displace filter combined) as on the right


Use displacement maps as smart objects with displace

photoshop displace filter and photoshop smart objectsA key thing for me is that the displace filter can be used with Photoshop smart objects and that means instead of just applying the effect and that is that, you can use it but at the same time you can decide that you don't want it or try different settings and so on. It is a pity that you can't select the displace entry and duplicate and duplicate (so adding 10 or so filter entries), you have to manually create them


1) Select a layer


2) layer and smart objects


3) convert


4) Apply displace filter


5) Apply another displace filter and so on


6) Add adjustments to smart objects


You can also combine multiple smart filters with the smart object and also combine those effects with adjustments and layer effects to create a truly awesome effect. You can also bundle the whole thing up in a new smart object and save the result to the CC libraries.


You can also combine the displacement maps for use with the Photoshop displace filter with patterns such as flower and rosette patterns for Photoshop, elements etc and stripe line patterns and star patterns but central to the whole thing is the PSD file (unless Adobe change their mind with the filter and allow for multiple other sources such as ones from CC libraries and PNG files as well).


Displace filter on color channels

displace filter channels photoshopdisplace filter channelThe displace filter can be used with color channels, separate color channels.


1) channels panel


2) select red channel


3) filter and distort and displace filter


4) settings and select file


5) select green channel


6) different settings and different file if you wish


7) blue channel etc


You can create some very interesting colorful effects with the channels and the displacement maps


Modifying displacement maps

photoshop displacement maps displace filterYou can also open the displacement maps PSD files and apply other effects to them such as blurs etc. If you want to avoid the seams then use masks / selections etc to control the effect on the edge. Or perhaps use brushes on the displacement map and only modify the center of the work.


Another option is to use the edit menu and define pattern. You can then re-size the document, perhaps make it 10 times bigger and then fill that new document with patterns and they will still be seamless. You can then save that new file as a PSD file and use that with the displace filter.


All the PSD files on this site are grayscale, you can always manipulate the image with the full RGB and then use that in the displace filter for additional features (for another tutorial)

Displacement maps and scripts

The Photoshop displacement maps / displace filter works well with scripting as you can create scripts with a randomized element, creating effects that match painting. Instead of applying 1, 1 for the scaling, using scripting this can be repeated over and over with subtle changes to the numbers to result in all number of different displacement map end effects.


The Photoshop displacement maps can be used with the displace filter to create abstract artwork in seconds. Use the wrap around option and re-apply the displace filter a number of times to displace the image in numerous ways. As mentioned, you can also create a script to randomize this and multiple displacement maps / displace filter can be used to create abstract art as well as painted effects. They also make wonderful brush strokes in Adobe ® Photoshop ®.


Other tutorials

You can find other tutorials such as how to use custom shapes to create new displacement maps in Photoshop and how to create /define Photoshop patterns and how to use Photoshop gradients to create frames / borders


Youtube video tutorials

Youtube video showing the creation of intense lines / oil painting effect in Adobe ® Photoshop ®