We embroider the text in Photoshop

In this tutorial, I will show you how to create an embroidered text effect.

Step 1. Let’s start with the fabric. Create a new document of any size (I created a canvas of 250×250 px).

Step 2. Using Rectangle tool (Rectangle) (U), on the new layer draw a small black rectangle.

Apply layer styles to create texture Layer – Layer Style (Layer – Layer Style):

And we get this result.

Step 4. Duplicate the rectangle (CTRL + J) and create a shape like this:

Step 5. Merge all layers with rectangles together and use Rectangular marquee tool (Rectangular selection) (M) to select a texture area. From the selected area we will create a seamless texture.

Step 6. Highlighting the texture, go Edit – Define Pattern (Editing – Define texture). In the window that appears, enter the name of the texture and click OK.

Step 7. We will use this texture to create a fabric that will be the background for our illustration. Create a new document of 2500×2500 px.

Step 8. Move on Edit – Fill (Editing – Fill). Select our texture from the drop-down menu (it should be at the bottom of the texture list).

Step 9. To add a little color, apply to this layer. Layer – Layer Style – Color Overlay (Layer – Layer Style – Overlap Color).

Step 10. I want to add a bit of variety to the texture. Start by creating a new layer with a white fill. Then apply the filter Filter – Noise – Add Noise (Filter – Noise – Add noise) 100% and blur using a filter Filter – Blur – Motion Blur (Filter – Blur – Blur in motion) with an angle of 55 degrees and an offset of 40 px. Set the layer blending mode to Multiply (Multiply) and reduce the Opacity to 75%.

Step 11. Continue to work with the texture. Create another new layer and apply a filter. Filter – Render – Clouds (Filter – Rendering – Clouds). Set the layer blending mode to Multiply (Multiplication) and Opacity by 5%.

Step 12. Select all the layers on the layers panel, click on them with the right mouse button and select Convert to Smart Object (Convert to smart object). Rename the smart object to “Fabric” and save this file.

Step 13. Now we need to create a new document. Since we are creating a screensaver for the iPad, we choose a resolution of 1024×768 px, which means that when rotating horizontally or vertically, it will not exceed 1024 width or 1024 height. To make sure that our wallpapers fit on the screen in any position, we need to create a new document with a size of 1024×1024 px.

Step 14. For convenience, I created a new group in which there will be horizontal and vertical auxiliary lines.

Step 15. Now we can hide the group with lines. We import a smart object with a fabric texture to our working paper. Transform (CTRL + T) texture in perspective. Save the document.

Step 16. We will create stitches on a separate document. We need to make sure that its size will be enough so that later we can transform it a little in perspective. The total size of the document will depend on your text or logo. For this project, I created a new document with a size of 2200×500 px.

Step 17. Find the logo or text that you want to use and paste into the working document. Increase it (CTRL + T) to fill the space.

Step 18. Now we will create stitches. If you are fluent in Illustrator, it will be easier to do in it, especially when using the Blend Tool (Transition) (W). But since this is a lesson on working in Photoshop, we will limit ourselves to them. As you can see, I changed Opacity (Opacity) of the logo layer to make my work more visible. On the new layer we use the tool Line tool (Line) (U) to draw stitches on top of the logo.

To facilitate the work, draw a single line and duplicate it (CTRL + J). Then CTRL + T, to go into transformation mode. Move the copy slightly up and press ENTER to accept the changes. Thereafter CTRL + ALT + SHIFT + T, to repeat the transformation. We continue to perform this process until we have a strip of stitches ready.

After that, we merge the layers with stitches together and use them to fill the entire logo.

Step 19. We continue to create stitches for the rounded areas of the logo.

Step 20. Now we have a logo covered with lines. We need to make the ends of all lines rounded. Add a filter Filter – Noise – Median (Filter – Noise – Median) with a radius of 1.

Step 21. You may notice that some stitches overlap each other. To fix this we use eraser (E) and correct these areas. When finished with stitches, we can continue to create our wallpaper.

Step 22 We insert stitches on the document with the fabric and transform them in perspective (CTRL + T). Activate the auxiliary lines to see how the illustration looks in horizontal and vertical positions.

Step 23 We need to make the middle of the stitches slightly raised above the fabric. For this we will use the filter Liquify (Plastic). Move on Filter – Liquify (Filter – Plastic) and using Forward warp tool (Direct Curvature) transform stitches.

Step 24 Let’s start with the size of the brush 76. Carefully hold the center of the stitches to raise them. So we continue with all the stitches, adjusting the size of the brush.

The result should be:

Step 25. We need white stitches, so go to Levels (Levels) (CTRL + L) and adjust the bottom sliders.

Step 26. Duplicate (CTRL + J) this layer and add a filter Noise (Noise) with an amount (amount) of 100%. Next, go Filter – Blur – Blur More (Filter – Blur – Blur +) to soften the noise. This will give roughness to the stitches.

Step 27. We merge these two layers and call them “Stitches”.

Step 28. To add bulk, add layer style Bevel and Emboss (Chamfer and embossing).

Step 29. Duplicate (CTRL + J) the “Stitches” layer and rename the copy to “Shadow”. Remove the layer style and adjust the Levels (CTRL + L) until the shadow turns completely black. Lay this layer under the stitches.

Step 30. Apply filter to this layer. Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) 14 px and set the blending mode to Multiply (Multiplication) and Opacity by 50%.

Step 31 Next, duplicate the “Stitches” layer again and add layer styles (this will replace the existing layer styles).

Here is the result:

Step 32 Rename this layer to “Texture of the seams” and use moving (V) to slightly move this layer up and to the right.

Step 33 Activate the “Texture of the seams” layer, hold down the CTRL and click on its thumbnail on the layers panel to load the selection.

Step 34 On the new layer, fill the selection with white. Add a filter Noise (Noise) with the amount (amount) of 87% and turn Filter – Blur – Blur (Filter – Blur – Blur). Set the layer blending mode to Screen (Lighten) and Opacity by 35%.

Step 35 To finish the stitches, duplicate (CTRL + J) the “Stitches” layer again. Remove layer styles and adjust Levels (Levels) (CTRL + L) to make the copy completely black — as in step 29. Move this layer under the Stitches layer and apply the filter Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) with the parameter 1.8 px. Install Opacity (Opacity) at 71% and move the layer down a bit to make it more visible. Thanks to these simple manipulations, the stitches are now more realistic on the fabric.

Step 36 The last thing we have to do is give the image a depth effect. Start by creating a merged copy of all layers (CTRL + ALT + E).

Step 37. On the new layer we use Gradient tool (Gradient) (G) in Reflected mode (Mirror) to create such a gradient fill.

Step 38 Select all (CTRL + A) and copy (CTRL + C) selection, then go to the channel panel. Create a new channel and insert (CTRL + V) selection. We will use the new alpha channel when we add Lens blur (Blur at shallow depth of field).

Step 39. Remove the gradient layer, we will not need it anymore. Activate the combined copy of all layers and go Filter – Blur – LensBlur (Filter – Blur – Blur at shallow depth of field). We apply the following parameters:

I also added a black vignette. Your work should look like this:


(click on image to enlarge)

Author: Stephen Petrany

Like this post? Please share to your friends: