1. Open a new Photoshop document with a width of (Icon width)x(Number of icons) and height of 2x(Icon height)
2. Click and drag to create guides that divide the canvas into equal boxes, one for each icon
3. Use the shape tool to create a base for a button in the top left box
4. Select the shape, hold down Shift+Alt, and click and drag to duplicate
5. Add text to the top left shape using the Text tool
6. Select the text, hold down Shift+Alt, and click and drag to duplicate
7. Edit the text for each button
8. Select all layers, hold down Shift+Alt, and click and drag to the second row to create the hover icons
9. Select one of the hover icon layers, right click, and select Blending Options to apply an effect
10. Right click on the layer again and select Copy Layer Style
11. Right click on the other hover icon layers and select Paste Layer Style
12. Save the icon as a transparent image
13. In a text document, note the height, width, and (x,y) coordinates of each icon