fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Pencil Text Effect Photoshop Tutorial

Tutorials Text Effects 7954 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.

Advertisment

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.

Now Let's create the top part of the pencil. Use the Pen Tool to create this shape and add a Gradient Overlay using the following colors: #5e3718 , #e1c79f and #f6e9ce

Use the same tool to create the pencil mine; use color black; add another small shape and make it gray to make it more realistic. We have now a nice vector pencil made in Photoshop in shape of a letter.

Convert the Pencil Mine Layers into smart object and duplicate and add them on the other letters as shown in the image.

Now we'll make the pencil eraser area with the same Photoshop vector drawing tool that we have used in the previous steps. Create the metal shape and add it a Gradient Overlay with soft gray color tones like in the image.

Add four line shapes like in the image. Also draw the eraser using soft pink color tones.

Convert the Pencil Eraser Layers into smart object, duplicate and add them on the other letters as shown in the image.

Select all the vector pencil text layers into a new smart object and add a Drop Shadow effect.

If you want to make it more creative you can combine this effect with torn paper shapes, scotch tape shapes, with stickers and so on.

You can get even more creative and make each letter a different color but you will have to adjust the layer styles and to use Gradient Overlay instead of Color Overlay; here is my result for this crayon pencil typography, I hope you like it and decide to try it yourself.

12 comment(s) for "Pencil Text Effect Photoshop Tutorial"

Papiya
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
Finja
Finja
12:56 AM Wednesday, June 19, 2013
wow!!!! ist das wieder ein tolles Tutorial,
vielen Dank f??rs teilen.
LG
Finja reply
John
12:56 AM Wednesday, June 19, 2013
Thank you :) reply
John
2:25 AM Wednesday, June 19, 2013
Thank you very much! reply
BKV
BKV
12:55 AM Saturday, July 06, 2013
How to make noise on the top of pencil like that? reply
John
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
Hans
Hans
12:57 AM Wednesday, September 25, 2013
Nice tut ... I have only one question, how is the shadow created? reply
diseño web
12:52 AM Friday, September 27, 2013
Awesome!, you make it very easy, thanks I will practice this tutorial. reply
Emma Penet
Emma Penet
12:02 AM Friday, November 22, 2013
Merci John ! another great tuto ! reply
John
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
John
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
riadh
4:20 PM Saturday, July 26, 2014
I love your website ... thanx ever so !! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Here are some interesting product packaging solutions that might help promote and sell your items. Y...
What's inside our head? In this collection you will find creative Photoshop manipulation having the ...
In this Photoshop tutorial you will learn how to combine different fire and light effects to create ...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...

      Painted Wood Photoshop Actions
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top