Hourglassc Icon Photoshop Tutorial

September 22nd, 2006 by Nick

Hour Glass Icon

1. With this photoshop tutorial you will learn how to create an hour glass icon. The 1st thing to do is to create a 90×90 pixel document in Photoshop, with a white background. Since it’s quite a small graphic, zoom in to 300%. Create a new layer in a layer set. Make a small rectangular marquee and then create a reflected gradient, using light and dark grey.

2. Duplicate the gradient, moving it over to the right hand side.

hourGlass2

3. Use the ellipitical marquee tool to create an oval selection.

hourGlass3

4. Fill the selection with a dark grey on a new layer.

hourGlass4

5. Move the selection downwards and then delete the selected area.

hourGlass5

6. Make a rectangular selection on other side of the grey shape to delete the ends.

hourGlass6

7. Create a new layer below the dark grey shape and then make a lighter grey oval

hourGlass7

8. Create a grey cirlce above the oval you just created.

hourGlass7

9. Use the polygonal lasso tool to create the shape shown below.

hourGlass7

10. Make a selection of the circular shape and then create a foreground to transparent radial gradient.

hourGlass7

11. Duplicate the layer set that we created at the beginning and then flip it vertically.

hourGlass7

12. Create a thinner gradient using light and dark grey
hourGlass7

13. Duplicate the gradient and move it to the right side.
hourGlass7

16. Make a selection out for the dark grey top part and then make a foreground to transparent gradient, to give a shine to the hourglass.
hourGlass7

17. Duplicate the gradient, flip it vertically and then move it to the bottom.
hourGlass7

18. Use the polygonal lasso tool and layer via copy to make a copy of of the part in the image below.
hourGlass7

19. Make a selection of the copy
hourGlass7

20. Fill the selected area with a yellow/green colour.
hourGlass7

21. Use the elliptical marquee tool to create a lighter yellow/green oval
hourGlass7

22. Do the same with the bottom
hourGlass7

23. Filling the shape with a darker colour
hourGlass7

24. And then creating a lighter oval shape
hourGlass7

25. Zoom out and then resize the image to 40×40 or what ever size suits your layout, and then you’ve finished this tutorial!

Hour Glass Icon

Posted in drawing

Leave a Comment

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