Learn How To Create A Stubby Pencil In Photoshop

Back to basics, in todays tutorial I’ll be showing you how to create a neat stubby pencil from scratch using adobe photoshop.

In Designing

What We’ll Be Creating

Learn How To Create A Stylish pencil In Photoshop

The Basic Tool, The Rectangle

The starting point of the our stubby pencil is the rectangle, the pencil is made up of individual rectangles which will transform into the pencil. Select the “Rectangle Tool” (U) then create a rectangle for the lead and then a rectangle for the wood part. After the wood part create 3 rectangles on top of each other which will form the main part of the pencil, then finally create two more rectangles for the metal rubber holder then lastly the rubber. This step will become more clear in the image below.

Learn How To Create A Stylish pencil In Photoshop

Creating The Lead Nib

Select the black rectangle layer which will be our nib then go to “Edit > Transform > Perspective”. Select the left corner anchor point then drag downwards until the end of the rectangle becomes a point.

Learn How To Create A Stylish pencil In Photoshop

Select the next rectangle layer which is the wood part of the pencil and repeat the step, go to “Edit > Transform > Perspective” then select the left corner anchor point and drag downwards. With the wood part you need to match the height of the right side of the nib. As you can see our rectangles look more like a pencil even at this early stage.

Learn How To Create A Stylish pencil In Photoshop

Transforming The Metal And Rubber

Select the metal part of the pencil then go to “Edit > Transform > Warp”. With the warp tool selected select and drag the middle left side of the rectangle then drag inwards, the rectangle should start to curve. Repeat this step for the other side of the metal part so that both sides of the rectangle are curved.

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

Select the rubber layer then repeat the step above only this time just curve the end of the rectangle.

Learn How To Create A Stylish pencil In Photoshop

Adding The Layer Styles

Select the pencils wood layer then add a “Gradient Overlay” using the settings below.

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

Select the metal bar of the pencil then add the following layer styles.

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

Finally add a “Gradient Overlay” to the rubber layer using the following settings.

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

Adding The Light Spots

Create a new layer above all your other layers then select the “Rectangle Tool” (U), make a white #ffffff rectangle which covers the bottom half of the lead and wood part of the pencil.

Learn How To Create A Stylish pencil In Photoshop

Now go to “Edit > Transform > Distort”, with the distort tool selected select the bottom left anchor point then drag it upwards towards the top left anchor point. Once your happy set the layers opacity to 28%.

Learn How To Create A Stylish pencil In Photoshop

Using the “Rectangle Tool” (U) create to horizontal rectangles over the top of the middle pencil rectangle and the bottom rectangle, again lower the opacity, you should have something like this.

Learn How To Create A Stylish pencil In Photoshop

Learn How To Create A Stylish pencil In Photoshop

On the rubber select the “Ellipse Tool” (U) then make two small blurred “Filter > Blur > Guassian Blur” ellipses. Set the ellipses blend mode to soft light, you should have something like the image below.

Learn How To Create A Stylish pencil In Photoshop

Finally, still on the rubber create two white #ffffff lines, one of the top and on the right side of the rubber. Blur the two lines using the guassian blur “Filter > Blur > Guassian Blur”.

Learn How To Create A Stylish pencil In Photoshop

Creating The Shadows

Duplicate the metal layer then right click the duplicated layer and select “Clear Layer Styles” from the fly out menu. Once the layer styles have been cleared drag the duplicated layer underneath the original. Now go to “Filter > Blur > Guassian Blur” blur the shape by around d 2-3 pixels.

Learn How To Create A Stylish pencil In Photoshop

Now, select all your pencil layers then right click and go to “Duplicate Layers”, with all your layers still selected right click once more and select “Merge Layers”. Now that you have the pencil all on one layer add a “Color Overlay” to the layer using the color black #000000. Select the “Move Tool” (V) then shift the shadow down a couple of pixels then go to “Filter > Blur > Guassian Blur” blur the shape by around 3-4 pixels. Finally drag the shadow layer to the bottom of your stack.

Learn How To Create A Stylish pencil In Photoshop

Adding The Minor Details

On top of the metal layer add 3 white shapes similar to the image below.

Learn How To Create A Stylish pencil In Photoshop

Right click the metal layer and select “Copy Layer Styles” then right click each of the shape layers and select “Paste Layer Styles”. Once you’ve have pasted the layer styles double click each layer to open the layer styles window, select the gradient overlay and change the “Scale” to “90%”.

Learn How To Create A Stylish pencil In Photoshop

You should have something like this.

Learn How To Create A Stylish pencil In Photoshop

Adding The Pencil Text

Select the “Rounded Rectangle Tool” (U) then drag out a rectangle over the middle part of the pencil.

Learn How To Create A Stylish pencil In Photoshop

Using the color #f2b261 add some text inside of the rectangle.

Learn How To Create A Stylish pencil In Photoshop

That’s it your all done, you should now have a basic idea on how to create a pencil, you could improve the image a bit by changing the pencils perspective and maybe adding some squiggling lines.

Learn How To Create A Stylish pencil In Photoshop

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn How To Create A Stylish pencil In Photoshop

Purchase Psd Now

  1. Martin in Kenya
    November 9, 2011 at 12:57 PM

    This is simple but an amazing technique. Cheers Man.

  2. November 16, 2011 at 11:27 PM

    Good tutorials thanks for sharing

  3. November 20, 2011 at 5:36 AM

    Nice job! greeting from venezuela!

  4. November 26, 2011 at 6:05 PM

    Thanks for your comments

  5. Innovation Graphics Media
    November 27, 2011 at 12:08 PM

    Great tutorial, thanks for this easy to follow tutorial.

  6. November 29, 2011 at 3:42 AM

    Hi!It’s excellent! I’m a Chinese girl !Nice to meet you ,Richard Carpenter!

  7. Sandy
    December 19, 2011 at 6:25 AM

    Thanks! I love it!!!

  8. Zoheb Khan
    December 26, 2011 at 11:59 AM

    Thanks Richard, your tutorial is very helpful in learning photoshop. :)

  9. January 2, 2012 at 9:48 AM

    This tutorial is so helpful..love it.

  10. February 8, 2012 at 4:22 PM

    Nice tutorials and very useful vectors, i am very thanks such an beautiful vectors collections with their in depth explanation.i hope in future also u will add some more collections, i am really thanks your contribution towards world designers community.

    Sandy

  11. February 25, 2012 at 10:37 AM

    Pencil tutorials veryyyyyyyyy veryyyyyyyyyy nice.

    Would you please post a tutorials how to create a “stainless steel nail” in
    Photoshop. I will be very great full to you.

  12. test
    March 21, 2012 at 12:17 PM

    nice

  13. sad
    April 18, 2012 at 10:37 AM

    it is a creative work ,I have done.very nice.

  14. Kowaqt
    January 26, 2013 at 11:18 PM

    Hi mate, thanks a lot for the tutorial !

    Could you tell how you manage to rotate the pencil without degrading the quality of it? On the very last picture that is.

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 14 Comments On Learn How To Create A Stubby Pencil In Photoshop, why not add yours!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Auto Scroll To The Top
css.php