Black Friday Photoshop Discounts 2017 from PSDDude
fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Sewing Embroidery Effect in Photoshop

www.psd-dude.com
Tutorials Text Effects 131935 Views March 12th, 2014

Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutorial we'll create a embroidered logo using only layer styles and of course a fabric material. I chose a denim fabric texture but you can of course choose any fabric you want. If you change the material automatically you will have to adjust also all the layer styles. Here are some other Photoshop stitch tutorials and brushes that you might also like.

Advertisment

For the background you can choose any type of linen texture; I will use one of these jeans textures ; make sure you adjust the texture to obtain a dark denim background otherwise the embroided text will not look good.

For creating the embroidery effect we need a font type that looks good on that kind of sewing effect. You can embroid any kind of image but for this tutorial I will use a text. So for the embroidery text I will pick this free calligraphy font type called Mardian . Download the font type and install new font in Photoshop like shown in this tutorial.

Convert the Text Layer(s) into a smart object ; you may have more than one text layer so you have to select all of them and turn into a smart object. Call this new layer Embroidery 1. Make two more copies of this layer and call them Embroidery 2 and Embroidery 3.

For each smart object we will add different layer styles and other effects like smart filters. So let's start with the Embroidery 1 layer, Set the Fill to 0% and create a pressed effect using these styles:

The pressed jeans effect should now look like this:

Go to the next layer, Embroidery 2, and add a Pattern Overlay using a pixel pattern with oblique stripe lines; you can set the Pattern Overlay scale to 100-150% . Also you have to reduce the Fill to 0%

Convert the Embroidery 2 layer again into a smart object. Add the following layer styles to create the embroided effect. You can pick whatever color you like for the Color Overlay effect. You can also add a Ripple Filter (Filter>Distort)

Go to the next layer, Embroidery 3. Set the Fill to 0% and add these layer styles to create an embossed effect.

Make a selection using the Embroidery 1 layer (keep the CTRL key pressed and click on the layer thumbnail to make a selection). Go to Select>Modify and choose Expand by 15px.

Create a new layer below the Embroidery 1 layer and call it Pressed Effect. Fill the layer with any color; copy the layer styles from the Embroidery 1 layer and paste the styles to the Pressed Effect layer. Your embroided logo should now look like this:

For the final touches I have added some stitching and sewing effects using these stitch brushes . I have also resized all the text layers to 110% to create a more realistic embroidery.

To make the jeans and embroidery effect more realistic you can add a crumpled paper texture in a new layer above all the other ones; set the blend mode to Overlay or Color Burn, depending on the texture. Set the opacity to a level that creates a soft result.

I have also increased the contrast of the entire image and sharpen the result. So here you have the embroided text effect made from scratch in Photoshop. Hope you like it.

Realistic Embroidery and Sewing Photoshop Tool - Only 5$

The Embroidery and Sewing Photoshop Tool contains 4 Photoshop actions for creating embroidery and sewing effects with realistic results. The action works with text, shapes and also with graphic images.

+14 Embroidery Photoshop Actions - Only 5$

The Embroidery and Stitching Creator contains 18 Photoshop actions and 6 bonus actions to help you with the creation process. This pack will allow you to create realistic embroidery, sewing and stitching effects out of any text, shape, raster.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

35 comment(s) for "Sewing Embroidery Effect in Photoshop"

Ivan
Ivan
1:04 AM Thursday, March 13, 2014
Its really nice but I get lot at some point, seems that I start doing the steps twice after the color overlay. reply
John
1:09 AM Thursday, March 13, 2014
Hi Ivan,

I don't really understand the problem. I am pretty sure that if you follow the tutorial steps for each layer, the effect should work ok. reply
John
8:29 AM Thursday, March 13, 2014
Use this free PSD mock-up to get a quick idea on how your logo looks like embroidered on a t-shirt. You can easily change the texture color to go along with your design.

http://graphicburger.com/embroidered-logo-mockup/ reply
vallabh
2:55 AM Friday, March 14, 2014
wow.. very nice reply
Giuliana
Giuliana
1:39 AM Saturday, March 15, 2014
The best sewing embroidery Photoshop tutorial that I've read so far! I also love your premium action pack :)
Here is my embroidered logo text effect, hope you like it ... reply
John
8:31 AM Saturday, March 15, 2014
Hi Giuliana,
I am glad you enjoyed practicing this tutorial. Your embroidered logo looks very realistic, keep up the good work! reply
pAlicja
pAlicja
2:52 AM Tuesday, March 18, 2014
Thank you for the tutorial reply
John
3:24 AM Tuesday, March 18, 2014
Really creative embroidery, keep up the good work! reply
Isa Jordan
Isa Jordan
3:45 AM Thursday, March 27, 2014
Thanks... it was really helpful... reply
John
4:42 AM Thursday, March 27, 2014
Hi Isa Jordan, I am glad you find our sewing tutorial useful but I can not see the actual embroidery effect in your image :( did you used the stripe pixel pattern? reply
John
9:20 AM Thursday, April 03, 2014
Why is not working? reply
francisco
francisco
3:11 AM Monday, May 12, 2014
Dear seller
I bought today but when i try to work from action say:
embroidery 1 is not currently available and
embroidery 2 is not currently available, where is this file reply
John
3:14 AM Monday, May 12, 2014
Hi,
if you are talking about the graphicRiver item, please write me from there and we'll talk on the email about your problems with the action! reply
Francisco
Francisco
3:23 AM Tuesday, May 13, 2014
where is the graphicriver in your wrb, because don't find
please can you put link, thanks reply
John
3:24 AM Tuesday, May 13, 2014
Write me here:
http://graphicriver.net/item/embroidery-and-stitching-photoshop-creation-kit/6990240/comments reply
Duif
Duif
8:01 AM Tuesday, July 01, 2014
I bought today, but nothing works on CS6. Pity. reply
PSDDude
3:39 AM Thursday, July 24, 2014
Jeans Embroidered Label in Photoshop made by helena_todorova reply
PSDDude
2:00 AM Saturday, July 26, 2014
Embroidery Sewing Text Effect on Denim Fabric made by voki (http://www.photoshop-master.ru/) reply
Hamid
Hamid
4:09 AM Monday, January 05, 2015
how can I make a logo on a t-shirt like this?
reply
PSDDUde
4:12 AM Monday, January 05, 2015
It is a little more complicated to make a embroidered emblem. I will try to make a Photoshop generator for this kind of embroidery. reply
Hamid
Hamid
2:27 AM Tuesday, January 20, 2015
I would be happy, thank you PSDDUde! reply
Dale
Dale
2:29 AM Tuesday, January 20, 2015
I've gotten lost somehow between the step where you expand the selection on embroidery 1 by 15 px and the pressed effect layer. I expand the selection and then create the new layer and paste the effects but nothing happens. I think I'm missing something in between those two steps. reply
PSDDude
2:37 AM Tuesday, January 20, 2015
You either forgot to Fill the new layer with a color, or you didn't copy well the layer styles. reply
Pixelpusher
Pixelpusher
2:56 AM Wednesday, December 02, 2015
When I follow the steps I don't get the result shown at step 5. I tried multiple times. What am I missing? reply
PSDDude
2:59 AM Wednesday, December 02, 2015
The result depends on your text size, font type etc. If you use an identical text you will get the same result.

Otherwise you have to adjust the layer styles. Go to Layer>Layer Style and choose Scale Effects. Or you can adjust the styles by hand. reply
Mike Meek
Mike Meek
2:50 AM Wednesday, February 24, 2016
Hi,

First, let me say, you are really AWESOME! This looks like the real thing. Anyway, have a quick question here, I used your PSD mock-up for quick embroidered result and it seems that the image, though perfectly looks embroidered, is tilted.

The question is, how can I get it back to the original position which is not tilted? Thanks in advance!

Again, great work man! Keep it up. reply
PSDDude
2:59 AM Wednesday, February 24, 2016
Hi Mike,

sorry for the late reply. If you used the graphicburger embroidery mock-up that is not my file so I can not give you assistance. reply
Ruth
Ruth
1:35 AM Friday, February 26, 2016
Will the embroidery pack work with Photoshop CS4?

The instructions were great btw, I was following along thinking that gosh it didn't look right, but then when it was all done it looked pretty nice! reply
PSDDude
2:23 AM Friday, February 26, 2016
If you are talking about the 2 embroidery premium actions from graphicRiver, the answer is "yes" they work with Photoshop CS4 . reply
PSDDude
3:30 AM Saturday, March 19, 2016
Lace and Denim Embroidery made in Photoshop by feola reply
Doni Hutagalung
Doni Hutagalung
11:00 AM Sunday, May 29, 2016
heres my artwork, hey thank you for this tutorial fellas! reply
Russell
Russell
9:15 AM Tuesday, October 18, 2016
Wow this is cool! SO I have been looking to create a Herbalife 24 emblem so I can brand my clothing. Would you be able to help me ? We do have access to EPS, JPG, PDF and PNG but need a DST file.

If you search for herbalife24 gears on google you will see what I am referring to.

Regards,
Russell reply
PSDDude
9:19 AM Tuesday, October 18, 2016
Hi Russell, unfortunately I don't know how to convert a PSD or AI file in DST file.
I am only working with Photoshop and I also have this premium Photoshop action for creating embroidered badges:

https://graphicriver.net/item/embroidered-logo-badge-photoshop-action/15284525?ref=psddude

But they are not 300 DPI print ready. reply
Sangeeta
Sangeeta
1:24 AM Friday, December 02, 2016
Hi,

I have been trying to follow each step by step. But there is something I am missing. The 5th step after applying the 4 styles doesn't look like the 5th step here. It is still retaining the colour.

I am using the settings as you have given. Is there something I am missing reply
PSDDude
1:26 AM Friday, December 02, 2016
Please read the tutorial again as I made some changes.. You have to set the Fill to 0% for the Embroidery 1 and for the Embroidery 3 layers. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top