Create web site menu with icons
May 19th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout
This tutorial will show you how to create a clean menu, with icons.
Open a new file (File>New) that would have 770×700 px and 72 dpi. Select after that the Paint Bucket Tool (G) to paint the file with this color #494949. 
Draw now a thin black stripe on the lowest part of the background. The operation can be made with the Rectangle Tool (U). 

Represent now the first layer of the button, situated on the site’s menu, using the same instrument, but a different color - #D3D3D3
Copy out six times the last layer and select the Free Transform option to place the copies the way you may see on the next picture. 
In the upper picture there are inserted the colors’ codes. 
Create a new layer and choose the Ellipse Tool (U) to represent the primary layer for the button’s icon. But make a kind of indention on the left side. 



















