Embroidered Text in Photoshop

A friend of mine was working on some logos for a little league team and asked me for a way to make text look as if it had been embroidered onto a uniform.

After a fair amount of experimentation, it turns out it’s not that hard to do — but it does take a little tweaking. The final results are surprisingly versatile.

In this tutorial, we’re going to make the this header for a fictitious sewing blog:

GET THE FILES

To follow along, you’re going to need this brush and this layer style. (Right click and choose “Save Link As…”/”Save Target As…” to download.)

START SEWING

1. Create a new file, 900×500. Fill the background with black.

2. Add the text (T) you want to make look embroidered. Use a really thin font for this — the stitch effect traces the outsides of the letters, and if you use something too bold you’re only going to get embroidered outlines. I’m working with Nobel Light. Make sure there’s enough space between your letters to avoid overlapping piles of thread.

3. Click the text warp button on the Options bar.

Choose “Arc” from the drop-down menu and set the Bend slider to about 19.

(You can skip this and the following step if you just want straight letters.)

4. Hit Ctrl+T, rotate the text a bit and hit enter.

5. With the type layer selected, choose Layer > Type > Create Work Path.

You have now created a path based on the outlines of the text.

6. Select the brush tool and load the brush file you downloaded. Change the size to 8pt or so. Make sure your foreground color is the same as your text color.

7. Create a new layer. (Shift+Ctrl+N)

8. Choose the pen tool (P), then right-click on the image and choose “Stroke Path…”.

Make sure “Brush” is selected and the “Simulate Pressure” box is checked.

Click OK. Yay, fuzzy text!

9. Load the layer style you downloaded, and apply it to the stroke layer (not the type layer).

Select the text layer underneath and make the font color a little lighter.

And there you have it. Shiny embroidered text:

10. Find a home for your fine sewing work, like this blog template:

Keep in mind that the brush preset also works as, well, a brush, and you can also use it to draw embroidered-looking things on its own — for instance, the RSS feed icon in the example. Just be sure to drop the layer style on top for shine.

Happy stitching!

Email This Post Email This Post    |   Print This Post Print This Post

This entry was posted on Friday, May 2nd, 2008 at 10:44 pm and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “Embroidered Text in Photoshop”

  1. Tami Says:

    I can’t seem to download the brush or layer style. You have the most realistic embroidery look on the web! Can you please email the brush/layer style?
    Thanks

  2. Victoria Says:

    Thanks! Try right-clicking and choosing “save link as…” — they should work just fine. Clicking on them in some browsers just gives you the files as scrambled text.

Leave a Reply