Black 2.0 Style Button Bar
Simple button bar, Web 2.0 style. It would be pretty cool if you added different colors to it; this is just a simple tutorial.
Open a new document (600×120px and white background).
Create a ((New Layer))
Select ((Rounded Rectangle Tool)) with the values that appear below. Fill it in with any color.
Double click the layer to go to ((Blending Options)).
((Drop Shadow)).
((Gradient Overlay)). I used these colors: #787878 / #424242 / #363636 / #787878.
((Stroke)).
After you apply Layer Styles, it should look like this.
Enter the titles of the buttons. I used Arial.
Create a ((New Layer)).
Select ((Line Tool)) and enter the values that appear in the image below (they are shown with red arrows).
Draw one line, the others are duplicated (Ctrl + J).
Create another ((New Layer)).
Using the same values you used with ((Rounded Rectangle Tool)), draw another bar in the lower part. Take a look at the image below.
Let’s apply ((Blending Options)) so double click the layer and the window will pop up.
((Drop Shadow)).
((Gradient Overlay)). I used these colors: #002068 y#477baf.
((Stroke)).
Save the changes.
Finally, write the names to the inferior bar. I used Arial, but you can use the one you like the most.
