How to create displacement maps / distortions using Photoshop custom shapes tutorial
1) Open a new document.
2) You can then apply the vector artwork / Photoshop shapes as a fill or layer (once or multiple times),
4) save the document as a PSD
5) Use the PSD in texturizer filter / glass filter / displacement.
You can use any number of Photoshop custom shapes and you can find them on the web as well as many on this site via the Photoshop shapes section - you can see all our CSH Photoshop custom shape designs for Photoshop and elements and you can always create your own unique ones for your projects to create your own unique dispacement maps.
You can find all our displacement maps / distortions / textures for Photoshop, psp etc here
The key thing is that the displacement map for Photoshop is PSD. Other applications also have their own displacement maps systems and they often use other file types or all file types or perhaps a native format.
Sadly, the displace filter etc has not been (visibly at least) updated for quite a while and it is one of those filters that really could do with some serious updating (would love to see the filter allow for different sources such as brushes and custom shapes etc as a source as well as Photoshop patterns)
Space Alien Photoshop Custom Shapes have been used in this tutorial but you could easily have used other custom shapes on the set such as spiral Photoshop custom shapes and curled and scroll custom shapes and saw blade / sharp edge custom shapes for some amazing displacement maps
The displacement tiles are PSD format files.
The presets can be applied to any document and the result can be saved as a PSD. The key thing is to avoid the seams of the document.
The Photoshop custom shapes can be applied once or multiple times to fill the tile.
You can combine multiple different custom shapes and perhaps combine with opacity as well as layer effects (if the presets are added as a layer) along with opacity. You can also combine the presets with smart filters if you turn the artworks into smart objects via the layer menu.
Right, the artwork has been added as a single preset as a layer and a shadow has been added via the layer effects and then saved as a PSD file, the result can then be used in a variety of filters.
The PSD displacement map can now be applied once or multiple times using a number of filters in Photoshop. On the left, the glass filter has been applied with the PSD displacement.
1) select filter
2) browse for the displacement file created using the custom shapes
3) set the scaling etc
If you want to create slightly more interesting than a very basic tile (and the result will be a seamless tile)
1) Apply the shapes using the pixel option
2) change color (different grays)
3) filter menu and offset filter If the document for the PSD file is set to 600 x 600 in size then set the horizontal and vertical settings to -300 and 300.
You can also set the wrap option.
4) add more Photoshop custom shapes
5) Use offset again
6) save as a PSD file
The above all describe seamless tiles but you can always add the vector artworks over the edge of any tile.
You can also apply effects such as blurs / distortions etc and these will create a disjointed tile. You can use this to create intense distressed images. On the right you can see a design that can be used in the displacement map filters (glass etc).
The resulting displacement will have jarred lines or breaks in the displacement in most cases
You can find many additional tutorials on the site relating to custom shapes such as how to use fragments or parts of a custom vector shape in Photoshop and how to use custom shapes with RGB color channels in Photoshop and how to add glow effects to custom shapes in Photoshop and how to load multiple shapes in seconds in Photoshop tutorial