This tutorial will show you how to use smart objects, layer styles, and some filters to create a simple sketch text effect. I'll also give you a cool tip for changing the coloring of the final result pretty easily using a Photo Filter adjustment layer. Let's get started!
The following assets were used during the production of this tutorial:
1. Creating the Pattern
Create a new 80 x 80px document, set the Foreground color to
#e0e0e0, pick the Brush Tool, and open the Brush panel (Window > Brush).
Choose a soft round 1 px tip, check the Noise and Wet Edges boxes, and modify the rest of the settings as shown below:
Create a new layer, and start drawing some diagonal lines to get a pattern fill for your text effect.
When done, make the Background layer invisible (by clicking the eye icon next to it), and then go to Edit > Define Pattern, and type in a name for the pattern. Then click OK.
2. Creating the Background, Text, and Photo Filter Layers
Create another new 1000 x 750px document, pick the Paint Bucket Tool, choose the Pattern option in the Options bar, and fill the Background with any pattern you like from the 9 Tileable Notepad Patterns pack.
Create the text in
Black using the font Panton Black Caps and the font Size 150 pt.
Right click the text layer, choose Convert to Smart Object, and change the smart object layer's Fill value to 0.
Then duplicate the smart object layer three more times, so that you end up with a total of four smart object layers.
Group all the smart object layers you have, name the group Text, and change its Blend Mode to Normal. This is the part that will enable you to change the text color easily later on.
Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Photo Filter. Place the Photo Filter adjustment layer inside the Text group on top of all the smart object layers.
Choose the Color option, and then change the color to
#3f3f3f and the Density to 100%, and uncheck the Preserve Luminosity box.
3. Styling the Text
Double click the first smart object layer to apply a Pattern Overlay effect using the following settings:
- Opacity: 70%
- Pattern: Use the pattern you created at the beginning of this tutorial.
This will style the inner part.
Double click the first copy smart object layer to apply the following layer style:
Add a Stroke with these settings:
- Size: 1
- Position: Center
Add an Inner Shadow with these settings:
- Distance: 0
- Spread: 100
- Size: 1
This will style the first stroke layer. Right click the styled layer, and choose Copy Layer Style. Then select the remaining copy layers, right click one of them, and choose Paste Layer Style.
Double click the second copy smart object layer to modify some of the values used for the layer style:
For the Stroke effect, change the Color to
For the Inner Shadow effect, change the Size to 2.
This will style the second stroke layer.
Double click the third copy smart object layer to change some of the Stroke effect settings:
- Opacity: 90%
- Position: Inside
This will style the last stroke layer.
4. Applying the Filters
Select the first copy smart object layer, and go to Filter > Distort > Ripple. Change the Amount to 20 and the Size to Medium.
Select the third copy smart object layer, and go to Filter > Distort > ZigZag. Change the Amount to 5, the Ridges to 10, and the Style to Out From Center.
Finally, go to Filter > Blur > Surface Blur. Change the Radius to 3 and the Threshold to 12.
5. Moving the Text and Changing the Color
What you'll need to do next is pick the Move Tool, and then select each of the three copy smart object layers, and move it slightly. You can move any or all of the layers depending on the effect you want to get.
If you want to change the coloring of the text, all you need to do is select the Photo Filter layer, and in the Properties panel, click the color's box to choose a different one. The color used here is
Placing the Photo Filter layer inside a group the contains the elements it's supposed to affect, and changing that group's Blend Mode to Normal instead of Pass Through is the trick to make this work.
Congratulations! You're Done
In this tutorial, we created a simple pattern using a modified brush tip.
Then we filled a background with a lined paper pattern, created some text and converted it into a smart object, and then created a couple of copies of it. We then styled each copy to get the sketch effect, with the help of some filters that we applied after styling the layers.
Finally, we moved the layers around a bit, and used a Photo Filter adjustment layer to change the color of the final result.
Please feel free to leave your comments, suggestions, and outcomes below.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post