• Premium Lifetime access

  • Realistic Fabric Folds Effect in Photoshop

    Share on pinterest
    Share on facebook
    Share on tumblr
    Share on twitter
    Share on whatsapp
  • 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

    Realistic Fabric Folds Effect in Photoshop Photoshop Tutorials 2022

    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.

    Realistic Fabric Folds Effect in Photoshop Photoshop Tutorials 2022

    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.

    Realistic Fabric Folds Effect in Photoshop Photoshop Tutorials 2022

    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.

    Realistic Fabric Folds Effect in Photoshop Photoshop Tutorials 2022

    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.

    Realistic Fabric Folds Effect in Photoshop Photoshop Tutorials 2022

    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

    Other tutorials

    Leave a Reply

    Your email address will not be published.

  • Keep in touch

  • © PSD Box 2010-2022 | Andrei Oprinca

    What's new in 2022

    In this video I will highlight the most important changes and new releases in 2022.

    If you are a member and have any problems accessing the site or downloading the premium content, please click the “I need help” link on the top menu bar.

    Log in

    Access your account

    Don't have an account?

    Create a free account and unlock hundreds of free downloads: PSD files and tutorial resources

    Novedades en 2022​

    En este vídeo destacaré los cambios más importantes y las novedades de 2022.

    Si eres miembro y tienes algún problema para acceder al sitio o descargar los contenidos premium, haz clic en el enlace “Necesito ayuda” de la barra de menú superior.

    Iniciar sesión

    Accede a tu cuenta

    ¿No eres miembro?

    Cree una cuenta gratuita y desbloquee cientos de descargas gratuitas: Archivos PSD y recursos