In this tutorial, I will show you how to create a realistic embroidery text effect in Photoshop using stitch brushes and layer styles. The end result will be a font that looks like embroidery!
Step 7
Create a new layer and call it Ripple Edge. Take the Brush Tool and pick the Soft Round Brush which is a default Adobe Photoshop brush that you should have in your list. Toggle the Brush panel to customize the brush and make these settings: Size 50 px, Angle 90, Roundness 45%, Spacing 150%.
Step 8
Draw two lines using this custom brush and color white. Set the blend mode of the Ripple Edge layer to Overlay, 40% opacity level. Also add a Drop Shadow layer style (color
#0f1114
).4. How to Create an Embroidery Effect in Photoshop
Step 1
Create a new text layer and call it Embroidered Text. Type your text using the False Positive font. Click on the Toggle the Character and Paragraph Panels button and set the Font Size to around 230 px, Vertically/Horizontally Scale, etc., as shown in the preview.
You can of course use any font type you want or even combine text and vector shapes. In this last case you will have to convert the layers into a smart object.
Step 2
Add a Stroke layer style to the Embroidered Text layer. I am doing that to make the text a little thinner. Right click on the layer and Convert to Smart Object.
Step 3
Again, add this layer style to the Embroidered Text smart object: Drop Shadow (color
#000000
), Inner Shadow (color #000000
), Bevel and Emboss (colors #ffffff
and #000000
, Bevel and Emboss - Texture (Pattern "pixel-pattern-diagonal"), Color Overlay (color #686565
). Step 4
Convert the layer into a smart object one more time to be able to add another layer style without rasterizing the effects. Press Control-T to transform the smart object and scale it to 130% on both the horizontal and vertical scales.
Step 5
Duplicate the Embroidered Text smart object and call it Shadow. Move this layer below the Embroidered Text smart object.
Step 6
Now we'll add layer styles for each of these two layers. Let's start with the Embroidered Text smart object. Add an Inner Shadow (color
#000000
), Bevel and Emboss (colors #ffffff
and #000000
), Color Overlay (color #ffc000
) and Gradient Overlay (colors #ffffff
and #ffffff
). You can choose any Color Overlay you like, but just make sure to also adjust the Gradient Overlay opacity if you want a darker or lighter color tone.Step 7
To make the effect more realistic, let's add a Filter > Distort > Ripple and a Filter > Distort > Noise effect. These two effects are added as Smart Filters so you can edit them at any time by double clicking on the Filter name.
Step 8
Go to the Shadow Layer and set the Fill to 0%. Next, add a Bevel and Emboss (colors
#ffffff
and #000000
) layer style. The embroidered text should now look like this.Step 9
Create a new layer just below the Shadow layer and name it Stitched Border. Keep the Control key pressed and click on the Embroidered Text layer thumbnail to make a selection. Go to Select > Modify > Expand and expand by 5 pixels.
Step 10
Go to the Paths tab and choose Make Work Path.
Step 11
Select the Brush Tool, color
#ffffff
, and pick the "stitch1" brush. Again from the Paths tab, choose Stroke Path. Press Delete to remove the work path. Step 12
Add a Drop Shadow (color
#000000
) layer style to the Stitched Border layer. Convert this layer to a smart object. Step 13
Finally, let's add a layer style to the Stitched Border smart object: Drop Shadow (color
#161616
), Inner Shadow (color #161616
), Bevel and Emboss (color #ffffff
and #161616
), Color Overlay (color #f5f5f5
—you can choose any color you want for the stitch). Congratulations! You're Done!
In this tutorial you learned how to create an embroidered text effect in Adobe Photoshop. I hope you've enjoyed this tutorial.
The Embroidered text effect is a part of Embroidery and Stitching Photoshop Creation Kit from my portfolio on Envato Market.
0 comments:
Post a Comment