Home > Tutorials > Effects > Realistic Fabric Folds Effect in Photoshop
Realistic Fabric Folds Effect in Photoshop

Realistic Fabric Folds Effect in Photoshop

This is going to be a short tutorial for beginners mostly. In this tutorial I will show you how to turn a flat image into a realistic folded fabric using the Displace filter. It’s a really easy process but many people just do it wrong or use some really complicated techniques. Hope you like this one.

Final Result

Resources

A folded fabric stock image: http://depositphotos.com/2495624/stock-photo-Red-SatinSilk-Fabric-1.html

A flag or logo or whatever you want to apply the fold effect to. I used the Spanish flag but you can use whatever you want.

The first technique I will show you is how to apply folds to a flag.

Step 1

Open your flag image, and make sure you have a background color or texture, in other words don’t use a transparent PNG image. Unlock the layer if it’s locked and name it flag.

Next open the folded fabric stock image and paste it on a new layer above your flag. Name this layer folds.

Step 2

Select the folds layer and desaturate it with the shortcut Shift+Ctrl+U. After that, save the file as in PSD format with the name displacer.psd.

Step 3

Now that you saved the file as PSD turn off the folds layer for a moment by clicking the eye icon next to it on the Layers Palette.

Now, select the flag layer, right click on it and convert it into a Smart Object, then go to Filters>Distort>Displace. The Horizontal and Vertical scale values you must imput depend on the size of your canvas. Usually 10 or 15 is ok. Choose the settings as in the image below and click OK. After clicking OK a new window opens asking you to select the displacement map. All you have to do is locate displacer.psd which you saved a few moments ago in Step 2. Select the PSD file and click OK. You should see that the flag has been distorted.

You can see that the edges have some noise all around, and it doesn’t really look good at all. You can fix that by using the Blur Tool and try softening the edges but that will force you to rasterize your Smart Object. At this point I will leave it as it is but you can try the Blur Tool and soften those edges.

Step 4

You’re almost there. Turn on the visibility of the folds layer and change it’s blend mode to Linear Light. And voilà you have the effect.

It might not look the same on all cases because the blend modes act different depending on the colors you’re using. You can also try Hard Light. If you don’t get as much contrast as you would like, use Levels on the folds layer and increase Highlights and Shadows.

As you can see the edges don’t look very good, that’s Why I suggest you create this on high resolution and then scale down to soften the noise on the edges.

I hope you enjoyed this tutorial. Feel free to post your results on my Facebook fan page or on my Flickr group wall for everybody to see.

 

Folded fabric image provided by Depositphotos

Download PSD File

Folds-Effect-by-PSDBOX (1.8 MiB, 1281 downloads)

About Andrei Oprinca

Yep that's me :) I like Photoshop and Spotify 2 years ago I said to myself I will fill this with some useful info about me but I never had the chance to do it XDDD
  • aksesoris mobil
  • http://tgprod.ro TG Productions

    totusi..as fii dorit sa fie steagul Romaniei …

  • Patrick Lohmann

    Realy nice! But, i have a question. I will translate you tutorial for the biggest german Image manipulation community. its ok? in the credits i will post a link back to you website. greeting from germany, patrick.

    ps: sorry for my lack of english.

    • http://www.psdbox.com Andrei Oprinca

      Ok you can do that but you are only allowed to translate this tutorial. Please do not translate the other tutorials.

      • Patrick Lohmann

        Thank you, i only translate this one. I work now for over 8 years with Photoshop. All other tutorials that I write come from me. I wish you much success.

        • Andrei Oprinca

          Thank you. You too

  • http://pratt29.deviantart.com/ prateek

    this is mindblowing !! thanks for this awesome tutorial !!

  • LAKER

    Gracias mi opinión es que SI eres UN ARTISTA GRAFICO felicidades.
    Saludos en la distancia.

  • Salah

    Thank you so much Andrei really it is fantastic I like it

    • http://www.psdbox.com Andrei Oprinca

      thank you very much for the feedback. I’m glad you like it

  • http://none samuel

    Andrei….am really pleased with every bit of stuff you have on your site and and youtbe …they are trulu great….am still learning to be good as you …any thanks

  • AMC

    Thank You so much for your tutorials!!!

  • gcs

    gr8 & thank u :)