Pencil Icon Photoshop Tutorial

September 5th, 2006 by Nick

pencil icon

1. Make a new photoshop file, zoom i to 300% and then make pale blue circle.

pencil icon image 2

2. Contract the selection by 5 pixel and then, on a new layer, fill the selelction with darker blue.
pencil icon image 3

3. Create a path layer and then use the pen to to make a weve.

pencil icon image 4

4. Complete the path like in the image to the right.

pencil icon image 5

5. Use the path as a selection and then use layer via cut to cut out the top half. Set the brightness of the top part to -25.
pencil icon image 6

6. On a new layer create a rectangular selelction

pencil icon image 7

7. Fill it with yellow.

pencil icon image 8

8. Use the rectangular marquee to selelct the 2/3 of it to the right.

pencil icon image 9

9. Set the brightness of it to -10 to and then select the final 3rd, also setting the brigtness of it to a further -10.

pencil icon image 15

10. Do the same thing but with a shorter white layer.

pencil icon image 16

11. Use the rounded rectangle too to create a pink rectangle with 5 radius corners.

pencil icon image 17

12. Make a slection using it.

pencil icon image 18

13. Set the foreground to white and then use the linear gradient tool to create a forground to transparent gradient, by dragging from the center and across.

pencil icon image 19

14. Set the opacity of the gradient to 64 and then use the polyginal lasso tool to create a light brown traiangle for the tip. Use the marquee tool to select the bottom part and then set its brightness to -100.

pencil icon image 20

Final. Thats the end of this tutorial and now you have a nice pencil icon to use on your site!

pencil icon

Posted in buttons

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.