fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Create Realistic Fabric Folds In Photoshop With Displacement Map

www.psd-dude.com
Tutorials Textures And Patterns 5174 Views November 17th, 2016

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.

Advertisment
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
Part 1Part 2

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

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"

jody
jody
4:20 AM Wednesday, November 02, 2016
not sure what happened here, (LOL), but this was my result at step 4.... any suggestions? reply
PSDDude
4:23 AM Wednesday, November 02, 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
Jenny
Jenny
1:47 AM Sunday, November 06, 2016
Thank you for this good tutorial. I have create a candy swirl using this Photoshop effect reply
Marat
Marat
1:16 AM Saturday, December 03, 2016
Another one! :) reply
Marat
Marat
1:16 AM Saturday, December 03, 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


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Free sketchbook mock-up PSD with pencil sketch Photoshop effect that you can use in your projects. C...
Learn how to create a magic sparkle night photo manipulation in Photoshop using blending techniques ...
In this Adobe Photoshop tutorial you will learn how to add bokeh effect to your photos using a prema...
Get these useful frame and border premade backgrounds and textures and use them for your photos. You...

      Pixel Art Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Dispersion with Real Images Photoshop Action
top