PSDDude GraphicRiver Portfolio
Advertisment

Photoshop Stitch Text

Tutorials / Text Effects , June 19th, 2012

In this new tutorial I will show you how to create a realistic fabric text effect in Photoshop with threads and stitch effects applied. Nothing to complicated but you have to know the basics of Work Path, otherwise it will seem a little confusing. I know that from experience, so I am considering making a more simpler tutorial that teaches you how to work with Paths in Photoshop.

Don't forget to download the stitch brushes you will need it to complete this tutorial. You can of course work with other brushes or even create your own customized stitch brush.

Stitch Text in Photoshop

Befor we begin let's take a quick look at this Stitch Text in Photoshop tutorial we are about to create. It is a simple jeans text with threads and stitch effects applied. I really hope you will enjoy this new Photoshop text tutorial and like always I am curious to see your results!

Jeans Background

For this stitch text ffect you can use any fabric you want, but I decided to use a denim/jeans texture which is one of my favorite fabric textures. I will use a denim seamless pattern. If you don't like this pattern you can use one of the many Jeans Texture available for free on the internet.

Open a new document and call the first layer, Jeans Background and fill it with any color you want. I will make a denim background using these Jeans Patterns so load them into your Photoshop. Open the layer style window and add Pattern Overlay using the Jeans Dark Wash pattern.

Use the Type Tool to write your text. I wrote "STITCH" using a free font that comes with CS4, called Poplar Std. Use a big size of around 300 pt and choose any choose the color white for the text.

Press CTRL and click the layer thumbnail to select the Text Layer and make a Layer via Copy from the Jeans Background layer. Simply press CTRL+J to make the layer copy. Call this layer Jeans Text. you can now hide the Text Layer because we don't need it anymore.

As you can see the new created Jeans Text has a Pattern Overlay layer applied. I want to rasterize or merge that style into the layer. There are several ways in which you can do that. One is to hide all the other layers, right click on the layer and choose Merge Visible.

You can see that the Jeans Text is completly camouflaged by the background layer. So to make a difference between the two layers I will add two adjustment layers only to the Jeans Text. First I will apply a Color Balance adjustment layer and than a Brightness and Contrast adjustment.

To apply the adjustments only to the Jeans Text layer you have to press the button shown in the image below. Make sure you set the color, contrast and brightness correctly but even if you don't they can easily be adjusted at any time.

Press CTRL and click the layer thumbnail to select the Text Layer. Press Select, Modify, Contract by 2px. Select Inverse and press delete to obtain a thiner text effect.

Create a new layer below the Jeans Text layer and call it Threads layer. Press CTRL and click the layer thumbnail to select the Text Layer. Press Select, Modify, Expand by 2px.

Right click on the selection and choose Make Work Path. Now I will use one of my custom made brushes that you will find in the ZIP pack to create fabric threads.

Make sure you have the Threads Brush selected and that your Foreground color is #3a8cdb. Select the Path Selection Tool and right click on the Work Path and choose Stroke Path. You should obtain a similar result.

Use the Eraser Tool to remove the areas that you don't like from the Threads layer and also add a Drop Shadow effect using these settings.

Now it is time for the final effect, the stitch text effect. Create a new layer above all the others and call it Stitch layer.

Press CTRL and click the layer thumbnail to select the Text Layer. Press Select, Modify, Contract by 4px. Make again a work path from this selection and use the Stitch Brush to Stroke the Path in the new created Stitch layer.

Make sure you have the Stitch Brush selected and that your Foreground color is #f7f2bc. Select the Path Selection Tool and right click on the Work Path and choose Stroke Path.

Open the layer style window for the Stitch layer and add Drop Shadow and Inner Shadow to obtain a more realistic result.

Here is the final result for this Photoshop stitch text effect. As I told you in the beginning of this tutorial you can try it with different fabric textures for more interesting results. You can of course play with other, more complicated stitch brushes. Hope you like it! And don't forget to download the ZIP file that contains the two brushes used in this tutorial.

If you enjoyed reading this tutorial you might want to take a look at this Jeans Heart in Photoshop tutorial also. It is one of my favorite and you can explore even more the Photoshop stitch effect.

Find more Photoshop resources...

5 comment(s) for "Photoshop Stitch Text"

Nisha
4:17 AM Monday, July 23, 2012
wow this is a cool effect and its easy too! thanks for the tut! :) reply
Nita
Nita
7:21 AM Friday, October 19, 2012
Finally, i have finished my very first time art, Thanks for your tutorial. I know my result doesn't look like yours, however i am very happy that i can even finish it ;) Next time i'll try your other tutorial :) reply
PSDDude
7:24 AM Friday, October 19, 2012
It looks great, if this your first tutorial I must say you are a real talent :) keep up the good work! reply
Amir Sattar
2:29 AM Friday, June 14, 2013
WoOO! this is great tutorial. i like it reply
John
2:30 AM Friday, June 14, 2013
Thank you, I am glad you like it! reply

Leave a comment

Upload your fan art

Share your Psd Dude inspired works


Search This Site
Free Updates

Delivered by FeedBurner

Recent Posts
In this tutorial we are going to create a cartoon landscape with a cute Easter rabbit driving a carr...
I was always a big fan of fairy tales like the ones written by Hans Christian Andersen or Grimm Brot...
The best fantasy fairy tale inspired Photoshop tutorials that you might want to bookmark. This colle...
This is a new collection of free textures for Photoshop that you might want to have. The list contai...
infographic charts and graphics html tags javascript library
long shadow jQuery plugin AI Vault Store Custom Shapes for Photoshop
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Partners
Valid XHTML 1.0 Strict CSS valid!