Highligther Pen Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars16 Votes, Rating: 4.06
Loading ... Loading ...

Brush up your pen tool skills, in this tutorial il show you how to create a highlighter pen from scratch.

Create a new document 600×400 pixels with any background color, create a new layer above your background layer called “nib pt1″ (nib part one). Select the polygonal lasso tool, firstly create a rectangle fill with the color black. Still with the polygonal lasso tool make a diagonal cut on the left chopping off the end of the rectangle.

Create a new layer labelled “nib pt1 shine”. Select the pen tool and create a line (shown in the image below) select a 2 pixle white brush then re-select the pen tool, right-click on the canvas and goto “stroke path”. Add a layer mask then drag a linear gradient from the bottom towards the top.

The result is shown in the image below.

Create another new layer labelled “nib pt2″ select the rounded rectangle tool then create a rectangle joining off from the nib, fill with the color black then cut the back end off the round rectangle.

Create a new layer labelled “nib pt2 shine” create a line across “nib pt2″ make the line about 2 pixels wide and the length of the shape on “nib pt2″ layer. Fill with the color white.

Create a new layer labelled “nib pt3″. Select the pen tool and create a shape like this (see image below).

Fill with the color black by right-clicking and going to “fill path”. Your image should now look like this.

Create another new layer called “nib pt3 shine” then again with the pen tool create a shape like in the image below. Fill with the color white then goto “filter > blur > guassian blur” blur by anout 5 pixels. Once you have blured the shape, press CTRL + T and resize it abit.

You should have something like this.

Create a new layer labelled “nib pt3 end”, select the rectangular marquee tool and just cap off the end of the nib. Make the rectangle a little bit bigger than the shape we created. Then at the top create that little white line again similar to the one we created earlier.

Now with the rectangular marquee tool create 2 rectangles on 2 seperate layers, the 2 rectangles will be one for the body of the highlighter and one for the end of the highligher. Ive colored my body in pink but this will change when we add the layer styles.

Now we have our basic shape for our highlighter pen. We Now need to add a drop shadow to each one of these layers, nib pt1, nib pt2, nib pt3, nib pt3 end, the body of the pen and the end of the pen.

Your image should now look like this.

Now its time to add some layer styles to the rest of the pen, starting with the “nib pt1″ layer. Double click your layer and add these two layer styles.

Head straight over to the layer with the body of the pen on it and add these layer styles.

Your pen should now look like the image below. Also you dont have to use pink, just change all the pink on the layer styles and add your own color.

All thats left to do now is add some text onto our pen, here some pictures of the final result in different colors.

Thanks for reading. ;)

Stay Connected...

Subscribe Via RSS

Subscribe Via RSS

Subscribe Via Twitter

Subscribe Via Twitter

Subscribe Via E-Mail

Subscribe Via E-Mail

26 Responses to “Highligther Pen Tutorial”

  1. E-maniacs Says:

    nice ones.
    Thanks

  2. Fadi.Soft Designer Says:

    Its Good Tut T
    Tank u

  3. Dainis Graveris Says:

    Really nice tutorial, thanks !

  4. Jordan Parker Says:

    Great tutorial!
    But the drop shadow kind of removes the depth of the highlighter.

  5. Boaz Says:

    Good one!!… Thanks!

  6. NaldzGraphics Says:

    nice technique apply here.keep up the good work

    Ronald

  7. ghawyy Says:

    wow wow wow i really like it
    you know i wish have pen like that in reall ;) thank you so much

  8. glass tuts Says:

    The tutorial is really great! Thanks for sharing it. I like it more than those published at psdtuts - as you keep source files free for download. Appreciate!

  9. RedSurfer Clo Says:

    it’s so simple
    but
    wow……
    and, thanks!

  10. chico Says:

    Nice tut bro.

  11. Libbotard Says:

    The topic is quite curious, i must say

  12. diseƱo web Says:

    very good tutorial, tks ^^

  13. pradip Says:

    very very good wirk in photo shop your work any layout you have so please send me in email liondear@yahoo.co.in please……………………….

  14. Michael Stewart Says:

    Thanks for a great tutorial those highlighters look really realistic.

  15. mich Says:

    awesome tutorial. :) xoxo

  16. Azhar Says:

    very very very good work
    Thank you for

  17. Business Cards Says:

    Cool! This is unique, interesting, and informative. Love your use of colors. Thanks for posting this nice tutorial!

Leave a Reply

Name:

E-Mail:

Website:

Your Reply: