Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Create Realistic Fabric Folds In Photoshop With Displacement Map
Tutorials Textures And Patterns 10133 November 17th, 2018

Learn how to create realistic fabric folds in Adobe Photoshop from this quick tutorial for beginners. You can turn any folded textile into a displacement map to create realistic printed fabric effects. This Displace Filter technique can also be used for other textures like rock, cracked walls, etc. It is a great way to apply material and add texture a 3D object.

how to create realistic fabric folds in photoshop

Create the Displacement Map PSD in Photoshop

Download this fabric folds texture on your computer. Open the image in a new PSD file and call this layer Fabric Folds. The size of your image and PSD file will be 3500x2500px. Now it is time to set the size of your canvas; you can either crop the image using the Crop Tool or resize the image by going to Image > Image Size.

fabric folds displacement map texture free

Now you can make small adjustments to the folds images. For example you can resize (CTRL+T), move or rotate. Also you can use the Filter > Blur > Gaussian Blur to obtain a softer look. I will leave it as it is.

Save the PSD file and name it fabric-folds-displacement-map.psd.

create displacement map PSD file

Again go to File menu and this time choose the Save as option. Call this new PSD file fabric-folds.psd. Hide the Fabric Folds layer for the moment.

save as in photoshop

Download this fabric texture and place it into your fabric-folds.psd PSD file, below the Fabric Folds layer. Call this layer Fabric Texture.

fabric texture in photoshop

Now you can add your logo or a simple text in a new layer(s) above the Fabric Texture layer and below the hidden Fabric Folds layer. Using a logo you will see and understand the effect of the displacement map much better. I used white color for the logo with Overlay blend mode.

fabric logo in photoshop

Select the Fabric Texture and the Logo layer and right click to convert into a smart object called Fabric Logo.

convert into smart object in photoshop

Add Displacement Map in Photoshop

Go to Filter > Distort > Displace and choose the fabric-folds-displacement-map.psd as dosplacement map. Set the Horizontal scale and Vertical scale to 20, Tile, Wrap Around. Here you can find more tutorials on how to use the Displacement Map Filter in Photoshop .

displace filter in photoshop displacement map in photoshop

Now. make visible the Fabric Folds layer and set the blend mode to Multiply, 80% opacity level.

fabric folds in photoshop

Add a Gradient Map adjustment layer with these colors: #132330(location 3%), #796c50(location 30%) and #000000(location 100%).

gradient map in photoshop

Add a Brightness/Contrast adjustment layer.

brightness and contrast in photoshop

Press SHIFT+CTRL+ALT+E to make a new layer with all the visible layers merged. Call this layer High Pass. Go to Filter > Other > High Pass.

high pass in photoshop

Set the blend mode of this layer to Overlay. If you want a more sharpen result you can duplicate this layer as many times as you want. So here is the final result

high pass in photoshop how to create realistic fabric folds in photoshop
5 ( 107 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

5 comment(s) for "Create Realistic Fabric Folds In Photoshop With Displacement Map"

4:20 AM Wednesday, November 2, 2016
not sure what happened here, (LOL), but this was my result at step 4.... any suggestions? reply
4:23 AM Wednesday, November 2, 2016
The layer mask for all the Gradient layers must look like in Part 1 (Step 9). I see that the Gradient 3 layer mask is black. Simply fill the layer mask with white color.

Also don't forget to set the Fill to 0% opacity level for all three gradient layers. reply
1:47 AM Sunday, November 6, 2016
Thank you for this good tutorial. I have create a candy swirl using this Photoshop effect reply
1:16 AM Saturday, December 3, 2016
Another one! :) reply
1:16 AM Saturday, December 3, 2016
Abstract Light Swirls and Circles. Thanks! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Get new posts by email:

      Online Photo Editor