Dazzling Woven Text Effect
In this tutorial, we’ll create a dazzling woven-like text effect, using Photoshop’s Filters and Layer Styles. Because this effect is so busy and uses big bold fonts, it looks better when applied for 1 – 3 letters only.
The Final Result
- Software Used : Photoshop
- Version : CS5 Extended
- Time : 0:45 – 1:15
- Bevan font.
- Woven Pattern.
Create a new 1024 x 768 px document. Fill the Background with the color
#044476, then go to Filter > Texture > Patchwork, make sure that the Square Size is 4, and the Relief is set to 8.
Go to Filter > Render > Lighting Effects, and use the values below:
Go to Filter > Brush Strokes > Crosshatch, and change the Stroke Length to 9, the Sharpness to 6, and the Strength to 1.
Create the text using font Bevan, the Size 480 px, and the color
Duplicate the text layer and make the original invisible (by clicking the eye icon next to it).
Right click the copy layer, and choose Rasterize Type.
With the rasterized copy layer selected, set the Foreground color to
#00a2e5 and the Background color to
Go to Filter > Pixelate > Pointillize, and set the Cell Size to 5.
Double click the copy layer, and apply the following Layer Style:
– Inner Shadow
- Color :
- Distance : 0
- Size : 49
– Bevel and Emboss
- Size : 32
- Highlight Mode : Hard Mix
- Color :
- Shadow Mode – Color : #164b7c
- Pattern : Woven Pattern
This will create the texture that gives the woven-like appearance to the text.
Right click the original text layer, and choose Create Work Path.
Open the Brush panel (Window > Brush), choose the Chalk 17 pixels brush tip, then change the Spacing to 50%.
Make sure that the Foreground and Background colors are still the same as in Step 3, and check the Color Dynamics box, then set the Foreground/Background Jitter to 100%.
Create a new layer and call it bottom, make sure that the Brush Tool is still active, then hit Enter/Return.
Double clickthe bottom layer to apply the following Layer Style:
– Drop Shadow
Use the default values.
- Size : 1
- Blend Mode : Multiply
- Color :
You should get a result similar to this:
Don’t get rid of the Work Path yet.
Create a new layer on top of the bottom layer and call it middle. Choose a round hard brush and change its Size to 9 px.
Change the Foreground color to
#5895c4, and uncheck the Color Dynamics box.
Hit Enter/Return key again to stroke the path with the new brush. Change the layer’s Blend Mode to Vivid Light.
Finally, pick the Pen Tool, then hit Enter/Return to get rid of the work path.
And this is the final result once again.
Did you enjoy this post? Please consider donating to help us cover our server costs.
boy this really cool tutorial and the maximum, by the way very well explained thank you.