Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Simple Text Sketch Effect in Photoshop

www.psd-dude.com
Tutorials Text Effects 91325 May 16th, 2019

In this tutorial you will learn how to create a sketch text in Photoshop using some simple Photoshop filters and effects. The pencil sketch effect is made from scratch and you can use it for any font type and even for shapes or raster. You can automate this process using actions and fasten the process. If you want to turn a photo into a pencil sketch you can try my sketch action.

This text effect would look awesome added over a JPG image. Check out this tutorial about how to edit text in image using Photoshop.

Before we begin creating this pencil sketch effect let's take a quick look at the final image preview. As you can see we'll obtain a pretty realistic pencil sketch that can be combined with different paper textures and even cutout image. Or you can combine it with some doodle brushes. I have use this pencil stock image for the preview.

Pencil Sketch Text Effect Photoshop Tutorial

Let's start with the background layer. For a sketch text effect the best choice is a paper texture, so open this notebook texture into your canvas and name it Background Layer. Alternatively, you can use any other free notebook paper texture from Textures4Photoshop.

Notebook Paper Texture

Write a simple text using a not so rounded font; I have used the Cambria Font size around 165px depending on your canvas size. If you don't have that font and you are not sure how to load it into your font list, read this quick tutorial on how to install font in Photoshop. Call this first layer Sketch Text Layer. Duplicate it and rename the duplicated layer Sketch Outline 1 Layer.

Add Sketch Text On Notebook Paper

Reduce the Fill to 0% and add a 2px black color Stroke to the Sketch Outline 1 Layer. Also duplicate this layer two times and call the new ones Sketch Outline 2 Layer and and Sketch Outline 3 Layer. It might be useful to take a look at one of my other tutorials on how to make outline text in Photoshop.

Sketch Text Outline in Photoshop

Let's take a quick look at the layers that we have so far; we have one filed with black layer and three layers with a black 2px outline.

Now will work with one layer at a time so keep the Sketch Outline 1 Layer visible and hide the other three. First you have to rasterize the Stroke effect of this layer by adding a new blank layer and merge the two layers; keep the same name. Add a layer mask to this layer and use Filter>Noise>Add Noise inside the mask. Learn about Photoshop layer mask.

Right click on the layer mask and choose Apply Mask; you will see that the mask and the layer are now merged with the effect applied.

Go to Filter>Blur and choose Motion Blur like in the image.

Now make the Sketch Outline 2 Layer visible and make the same steps you did for the Sketch Outline 1 Layer; the only difference is that for the Motion Blur you have to choose Angle 0.

You can apply a Smart Sharpen filter if you want a more sharpen result; and you can also reduce the opacity of both layers between 50% and 80%. Here is the result so far.

Rasterize the Stroke effect of the Sketch Outline 3 Layer and go to Filter>Distort and choose Ripple. Set the opacity of the layer to 25%.

Time to work with the final layer, the Sketch Text Layer. Rasterize the text effect and add a layer mask with the same noise effect.

Apply the layer mask and add a Motion Blur with these settings:

Reduce the opacity of this layer to 40% and add a Smart Sharpen effect:

Here is the result for the sketch text in Photoshop. As you can see in the preview image you can obtain a sketch outline effect as well if you hide the Sketch Text Layer. The sketch text looks pretty realistic.

Create a Pencil Sketch Text Effect in Photoshop

To obtain a pencil sketch text that is colored you simply have to add a Color Overlay to the Sketch Text Layer with the desired color.

Create a Colored Pencil Sketch Text Effect in Photoshop

You can combine this effect with a texture from the vintage paper texture collection from PhotoshopSupply or any of our huge collection of free high quality old paper texture images.

This sketch effect works perfectly if you want to create a scrapbook background.

Check Out These Premium Sketch Photoshop Styles

This PREMIUM Photoshop resource contains 2 PSD template files that will allow you to easily create customized sketch effects from your own text or shape. All the PSD templates contained grouped layers and smart objects so you can change almost every aspect regarding size, color ant the other layer styles.

There are eight hand drawn pencil and pen sketch styles which you can adjust by placing your own text or shapes. The PSD files are made using smart objects with intact layer styles, so all aspect of the sketch effect can be changed.

5 ( 101 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

13 comment(s) for "Create a Sketch Text in Photoshop"

rajesh
rajesh
12:03 AM Wednesday, December 12, 2012
hi dude it is very cool tut man keep it up always cool work... Thanks reply
PSDDude
1:46 AM Thursday, December 20, 2012
Thank you rajesh, U am glad you like the sketch text effect! reply
Ksusha
Ksusha
1:03 AM Monday, January 21, 2013
Great tutorial! Easy and impressive. I like my result. :) Thanks for the links to doodle brushes, too. reply
John
1:06 AM Monday, January 21, 2013
Really nice result, I like the doodle flowers that you added :) reply
John
3:17 AM Thursday, March 28, 2013
Beautiful colored sketch text effect made by lolket (http://demiart.ru/forum/)

reply
lizi
lizi
12:14 PM Sunday, March 31, 2013
it is what i have been looking for a longgggggggg time!!!
wow thanks so much reply
John
12:16 PM Sunday, March 31, 2013
You're welcome lizi! I am glad you find it useful :) reply
Ni Ngo
Ni Ngo
4:02 AM Tuesday, June 3, 2014
This is my result :) Not good at all :( reply
Ni Ngo
Ni Ngo
4:03 AM Tuesday, June 3, 2014
Thanks for this tuts :) reply
IGORROVER'
IGORROVER'
1:54 AM Saturday, October 25, 2014
Legal demorei um pouco mas consegui o efeito desejado.. Bom trabalho com o tutorial. reply
Ana Covo
Ana Covo
10:31 AM Tuesday, December 2, 2014
Very cool! I just loved and very easy this effect.
Congrats! reply
jagan
jagan
1:26 AM Wednesday, January 7, 2015
How to add colors? reply
PSDDude
1:27 AM Wednesday, January 7, 2015
Add a Color Overlay layer style with the color that you like. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top