Welcome to Tutorials-Photoshop.com

Member Login
Lost your password?
Not a member yet? Sign Up!

Photoshop Tutorial – Fabric Folds

fabricfolds07

In this tutorial, we’ll learn to create a background image that looks like multiple folds of silk fabric. This is a great effect and technique for your collage artwork, as it is easy to blend or fade in with other elements of a collage piece.

Step-by-Step Instructions:

1. Open a new document in Photoshop (I will be using dimensions 600×600 px).

2. With your blank canvas open, select the Gradient tool.

3. Open the Gradient Editor and set the gradient from Black to White (By default, the black to white gradient should be the square in the top left corner of the “Presets” section).

3. Make sure the Mode is set to “Difference” and the Opacity is set to “70%”.

4. Now with the Gradient Tool, click and drag from the top left of the canvas to the bottom right.

5. There should now be a gradient going from light to dark at a diagonal direction.

6. Now with the Gradient Tool, click and drag from the lower right of the canvas to the top left.

7. Simply repeat steps 4 through 6 over and over again. What you will get are many different types of folds that look like fabric.

8. Goto Image > Adjustments > Color Balance. Adjust the color sliders to give the fabric folds some color.

VN:F [1.9.22_1171]
Rating: 8.6/10 (27 votes cast)
VN:F [1.9.22_1171]
Rating: +10 (from 10 votes)
Photoshop Tutorial – Fabric Folds, 8.6 out of 10 based on 27 ratings

Tags: ,

23 Responses to Photoshop Tutorial – Fabric Folds

  1. anand on August 25, 2010 at 5:30 pm

    dear sir
    its very useful to make different types of background

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 2 votes)
  2. Peach on September 9, 2010 at 4:21 am

    Thank you so much for making this tutorial. I’ve been trying to figure out how to do this for a while and I couldn’t find anything that really explained it until I came across this page! :-)

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: -1 (from 1 vote)
  3. peter on October 18, 2010 at 7:02 am

    easy and effective

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  4. kiku on October 21, 2010 at 5:48 pm

    It is beautiful!!

    However, it is difficult.
    Please Could you teach procedure ’7′ in detail?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  5. Krzysztof on November 13, 2010 at 9:13 pm

    Great, simple, powerfull idea!!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. beto on November 19, 2010 at 5:58 pm

    how come i didnt think of this before? so simple, so brilliant

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. www.internationalwed.com on November 30, 2010 at 11:09 am

    very nice photo tips ;-)

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. mIKE on December 29, 2010 at 11:52 pm

    hello! i was wondering how to blend a real cloth picture to a photograph, making it look like its part of the photograph?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. covertwarrior on July 20, 2011 at 12:01 am

    Excellent post, I can see now this makes it all look so easy. And it really is except far too many people don’t know, I know that I will be trying to implement what you said. Really worthwhile post :-) Thx!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. alena on August 13, 2011 at 7:04 pm

    simple and perfect! thanks a lot!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. Vũ Mạnh Tiến on August 31, 2011 at 8:51 am

    great tut :x :x
    your work is beutifull to :x

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. Moorefords on October 4, 2011 at 8:21 pm

    Mine dont come out straight it makes squares n circles n nothing like that

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  13. iffy on January 17, 2012 at 5:15 pm

    What i got was something that looks like a shit storm..worst tutorial ever

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: -2 (from 2 votes)
    • heather on March 2, 2012 at 10:46 am

      If you are trying this and it ends up all kinds of ugly crazy colors and doesn’t look like the black and white image, try changing your mode or RGB. It looked quite awful when my mode was on CYMK.

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  14. [...] background in Photoshop CS5 Create Artistic Abstract Shapes via the Powerful Warp Tool in Photoshop Photoshop Tutorial – Fabric Folds Creating a Cool Brushed Metal Surface in Photoshop Colourful Swirl Windows Vista Aurora Effect [...]

  15. CJ on May 15, 2012 at 1:58 am

    Hello, I’m trying to do this. However, I’m wondering are you supposed to do the gradient on different layers or keep it all on the same layer when doing it multiple times?

    Please let me know, thanks! Such a great looking piece. :)

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  16. Danita on September 23, 2012 at 6:35 pm

    Well I totally disagree with the disbelievers. This is the easiest and best tutorial. I am now a fold making fool. Great. What the others need to do is just mess around with it and make shorter strokes when you are going back and forth with the gradient. And make strokes in specific areas as well. As you proceed through you don’t have to go all the way across the canvas. Keep it on the same layer. Try it modify it, but don’t discredit. Again Great Tutorial!!

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  17. Ankita on September 24, 2012 at 5:21 pm

    Excellent tutorial :)
    Thanks :) :)

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  18. Wendy on October 24, 2012 at 5:09 pm

    THANK YOU! I thought I’d be spending at least an hour creating something like this.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  19. Taj on November 14, 2012 at 4:32 pm

    i dint get that one properly

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  20. [...] Photoshop Tutorial – Fabric Folds – MORE INFO [...]

  21. How To Create Photoshop Textures Tutorials on March 27, 2013 at 6:52 pm

    [...] How To Create Fabric Folds [...]

Leave a Reply

Your email address will not be published.





Powered by WP Robot