fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Pencil Text Effect Photoshop Tutorial
Tutorials Text Effects 15478 Views June 18th, 2013

Learn how to create a realistic pencil in Photoshop and use it to type a text with this pencil style. If yu are interested in a sketch pencil text in Photoshop you can check out this tutorial. The effect from this tutorial creates a vector PSD pencil that you can use to create interesting typography effects. You can combine different pencil crayon colors, different font types and so on. Hope you will enjoy this new text effect tutorial.


Start with a simple Background Layer and add it a notebook pattern as Pattern Overlay layer style.

Use a font to writte your text. I have decided to use Kartika Font; you can download it from the internet and than install font in Photoshop in order to use it.

Step 2 you will have to convert text in shape; you will see that the text has now anchor points and that can be edited as vector shape

Duplicate the Text Layer and use the Pen Tools like the Convert Point Tool, Delete Anchor Point Tool and so on, to create these shapes. I have used black for the top text layer and yellow for the bottom text layer.

Use also the Add to Shape Area and Subtract from Shape Area options to create these new shapes. If you are not familiar with the Pen Tool here is a set of tutorials that teaches how to use Photoshop Pen Tool

Now comes the fun part where we add to these text layers a pencil effect using layer styles. So open the layer style window and add the following layer styles. Just remember that these styles work for this text size; if your text is bigger/smaller you will have to adjust the layer styles(scale effects)

Color #b45d00

Color #340e0e

Color #ffd147

If you want you can create different color effects by adjusting all the color inside the layer styles. The pencil text looks like this so far.

For a more realistic result you can try to apply a wood texture with an Overlay Blend Mode for example.

Part 1Part 2

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 "Pencil Text Effect Photoshop Tutorial"

4:12 AM Tuesday, June 18, 2013
Wow so amazing pencil text effect tutorial looking so great design. I am so wonder after visit your creative work. Nice explain so very easy to follow step by step. reply
12:56 AM Wednesday, June 19, 2013
wow!!!! ist das wieder ein tolles Tutorial,
vielen Dank f??rs teilen.
Finja reply
12:56 AM Wednesday, June 19, 2013
Thank you :) reply
2:25 AM Wednesday, June 19, 2013
Thank you very much! reply
12:55 AM Saturday, July 06, 2013
How to make noise on the top of pencil like that? reply
1:04 AM Saturday, July 06, 2013
You can convert the top pencil shape into a smart object and add a Noise filter (Filter>Noise>Add Noise) . The settings for the Noise Photoshop Filter are:
- noise Amount 9%;
- distribution of the noise is Uniform
- and also check the Monochromatic option. reply
Emma Penet
Emma Penet
12:02 AM Friday, November 22, 2013
Merci John ! another great tuto ! reply
12:30 AM Friday, November 22, 2013
WOW, I am speechless it looks amazing! I was really curious to see the pencil text effect on many alphabet letters :) reply
6:34 AM Monday, January 27, 2014
Wood Pencil Typography made by svladi
Here is another great text effect inspired by this Photoshop tutorial. reply
4:20 PM Saturday, July 26, 2014
I love your website ... thanx ever so !! reply
1:30 AM Tuesday, December 23, 2014
Nice tut ... I have only one question, how is the shadow created? reply
1:35 PM Saturday, March 19, 2016
The pencil text style is perfect for creating school inspired typography. This work was made in Photoshop by Tia_al`Lankarra reply
diseño web
12:26 PM Thursday, May 04, 2017
Awesome!, you make it very easy, thanks I will practice this tutorial. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a realistic letterpress text effect in Photoshop using layer styles. Using the...
Here is a list with amazing sticker Photoshop styles and actions that will help you create amazing s...
15+ Glitch VHS textures for Photoshop that you must have. Download for free these glitch distortion ...
In this tutorial you will learn how to create a rusty metal text effect in Photoshop using textures....

      Pixel Art Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator