Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Sewing Embroidery Effect in Photoshop

www.psd-dude.com
Tutorials Text Effects 151926 March 12th, 2018

In this tutorial we'll create an embroidered logo using only layer styles and of course a fabric material. Stitching and sewing can be created also in Photoshop with very realistic results. 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.

How to make embroidery designs in Photoshop? You can use an embroidery Photoshop action, an embroidery mockup or, you can create the embroidery effect from scratch.

Learn how to create embroidery effects and sewing effect from this embroidery Photoshop tutorial. You can also use the embroidery Photoshop action for really fast results. You will obtain a realistic embroidery Photoshop effect instantly.

Embroidery Effect Photoshop

If need an embroidery effect generator, check out this Embroidery Photoshop action collection. The embroidery text generator has lots of cool features, stitching brushes and embroidery mockup included. Make your own embroidery Photoshop mockup using text, logos, etc. Find the best embroidery effect generator for a low price.

How To Create an Embroidery Effect in Photoshop

For the background you can choose any type of linen texture; I will use one from my list of jeans textures. If you want to try to create this embroidery effect in Photoshop using other textures you can also check Textures4Photoshop for free to use jeans texture images.

Make sure you adjust the texture to obtain a dark denim background otherwise the embroided text will not look good. Another solution is to use an embroidery pattern Photoshop file (PAT file).

Blue Jeans Texture

For creating the embroidery effect we need a font type that looks good on that kind of sewing effect. Handwritten signature fonts would work lovely. Here's a list of free signature fonts that you can download and install in Photoshop:

Free Signature Fonts

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 font in Photoshop like shown in this tutorial.

Hand Lettering on Fabric

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:

Jeans Letterpress Effect Photoshop

I always like to experiment with textures. If you want to get a different embroidery effect, you should try this awesome embroidery texture that you can download for free from Textures4Photoshop. Use the embroidery texture in the next step instead of the pattern. For now we'll just stick with a simple pixel pattern

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

Pixel Patterns

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.

Embroidery Stitches for Letters Photoshop

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:

Stitch Letterpress Effect in Photoshop

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

Photoshop Embroidery Effect for Logos

To make the jeans and embroidery effect more realistic you can add a crumpled paper texture or a simple 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.

Embroidery Effect Photoshop

Related Articles & Tutorials

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.

13 Embroidery and Stitch Photoshop Actions

Now you know how to create an embroidery text effect in just a few simple steps. The embroidered text effect looks great. You don't need an embroidery font, a sewing font or a stitch font. You can turn any regular font into a realistic embroidered text.

4.9 ( 110 votes)

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

36 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
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 3, 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 1, 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 5, 2015
how can I make a logo on a t-shirt like this?
reply
PSDDUde
4:12 AM Monday, January 5, 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 2, 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 2, 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 2, 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 2, 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
Shahtaj Ahmed
Shahtaj Ahmed
3:33 AM Thursday, February 22, 2018
Can i get psd file and photoshop action please? reply
vallabh
vallabh
1:06 PM Monday, April 29, 2019
wow.. very nice reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top