Subscribe Via RSS

3902 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Cloth, Patch & Stitches

February 12th, 2009 in Photoshop Tutorials by Richard Carpenter

Cloth, Patch & Stitches

1 Star2 Stars3 Stars4 Stars5 Stars11 Votes, Rating: 4.82
Loading ... Loading ...

Hello and welcome to another tutorial by the hv-designs team, in this tutorial il show you how to create a neat little patch, as in a patch on some clothes. We’l be creating everything from scratch, the material texture, stitches even a safety pin.

Right lets get started the first thing you need to do is create a document 3 times bigger as you want it, im just using 600×200 pixels for the purpose of this tutorial so i would start with 1800×600 pixels. Double click your background layer to unlock it. Doing this will allow you to add layer styles to the background layer. Add the gradient overlay and the settings in the image below.

create a new a layer above your background layer called texture. Fill this layer with a greyish color #808080. Press D on the keyboard to reset your background and forground colors. Now goto “filter > pixelate > color halftone” use the settings below.

You should have something like this. (dont get dizzy).

Now goto “filter > sketch > chalk and charcoal” use settings below.

You should have something like this.

Now goto “image > image size” and re-size your image to what you wanted in the 1st place in my case 600×200 pixels. Then goto “image > adjustments > brightness/contrast” change your brightness to -100. Also set your layer blending mode to overlay. You should hopefully have something like this.

Select the color #505050 and create two in rectangles within the canvas area, this is best done with the rectangle tool using stroke path with a 1pixel brush. (NOT RECTANGULAR MARQUEE TOOL).

Add this drop shadow to your two inner rectangle lines.

With the rectangular marquee tool make a small selection that covers both lines then hit the delete key, move the selection across then hit the delete key, do this all the way around when your finished you should have something like this.

Create a new layer above the rest and fill with the color black, reset your forground and background colors with the letter D on your keyboard. Goto “filter > render > clouds” set the clouds layer to overlay with an opacity of 50%. You should have something like this.

Select the rounded rectangle tool and the color #d6c8ae, with a radius of 10 pixels drag out a small – medium rectangle.

Click your layer with the rectangle on whilst holding down the CTRL key this should load a selection. Goto “filter > noise > add noise” enter 3% in the amount and make sure uniform and monochromatic are selected. Using the lasso tool make a crazy selection like this.

Goto “select > inverse” then hit the delete key you should be left with something like this.

To make finer rips like i have in the corner, use the “polygonal lasso tool” after you have complete the steps above. Download some crack brushes (ive had mine for a while and cant remember where i got them from) theres plenty around the internet so shouldnt be hard to find. Add some cracks to your patch, set layer opacity to 25%. Apply them using the color #9b9281.

Now you need to add your stitches to your patch, do this in the same way we did our background stitches but only use one rectangle, try and leave a few missing as we’ll be adding loose bits of cotton and our saftey pin.

Where your stiches are missing use the type tool and add some periods (….), also use the pen tool to create swirly bits of loose cotton.

For the saftey pin select the rounded rectangel and create a small rectangle. Right click with the pen tool and goto stroke path. We only need the outline for this.

Using the elliptical marquee tool create a cirlce at one end of the rectangle, use the rubber or the rectangular marquee tool to cut out a peice of the outline.

Add these layer styles to your pin.

Move your need into one of the corners where you have threads missing. Where we cut part of the saftey pin away add two lines at each end, these will look like small creates where the pin has gone through the fabric (shown in red) Its hard to see close up but when u look at 100% they are visable.

Thats it all done, hope you’ve enjoyed this tutorial. dont forget to subscribe to out twitter & RSS.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

20 Responses to “Cloth, Patch & Stitches”

  1. Gindi says:

    Thanks man

    i was looking for something like that

  2. shan says:

    Thanks for sharing your knowledge. Appreciated.

  3. loswl says:

    This tutorial is a keeper!!…bookmark!! :o)

  4. Predator7 says:

    Very nice. Been looking for this. Great tutorial!!!

  5. Nathan says:

    Very nice!

  6. AwesomeGirl86 says:

    Awesome tutorial!!!
    But I had problems deleting the inner rectangle lines. B/c when I try to delete the selected lines, it would up deleting both lines.
    Also, when I was working on the patch, I was trying to delete the selected area, but it ended up deleting the lines instead of the edges of the patch.

    I followed the instructions, but I don’t know what I did wrong. Can you please help me?

  7. SteeL says:

    Awesome tutorial, but i can’t make it.
    I don’t know why, it’s a little bit complicated, i haved try 2 times but, nothing.

    Thanks for tutorial, very very nice!

  8. Lincoln says:

    hi, can you please explain better the the creating and deleting of the inner rectangle lines.
    Thanks

  9. Mike says:

    Unique and very helpful; been looking for a design tut of this style.

  10. manjula says:

    hey thnak you very much for your wonderful tute. I tried so many things before now i am satisfied.

    thanks a lot

  11. Pim says:

    Ooh, man. You are so good! But the thing with the striped lines just is too much work and too complicated… I have bookmarked it!

  12. Amber says:

    Yeah, the part where you use the rectangular marquee tool to make the stitching is complicated. I have tried several different ways, but no go, I can’t get it to work. But awesome tutorial!

  13. kecap says:

    Great tut but its easier to find Stitches as brush and then make path and stroke path with that brushes :D

  14. dindigul says:

    Very Great !. thanks a lot.

    cheers
    Elijah

  15. hello123456 says:

    Perfect, I just joined a pirate styled forum, and with this I could make a perfect suiting avatar :D
    Take a look here:
    http://www.imgdumper.nl/uploads2/4af4a4a88be82/4af4a4a88a713-Hello123456_Avatar_NZBPirates_2.png

  16. akeelah says:

    step 7…how to achieve ?

Leave a Reply