How to use the Displace filter and displacement maps in Photoshop CC 2017 2015 CS6 CS5 etc tutorial
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
The 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
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
As 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
Another 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
A 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
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).
The 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
You 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)
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 ®.
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