Cool Web Buttons Bar
Tutorial in Basics, Designing, Drawing, Web
Are you looking for buttons for your website? In this tutorial you will find what you were looking for, a cool buttons bar for your website.
Open a new document (600×200px and transparent background).
Fill it in with color #01719b.
Create a ((new layer)).
Select ((Rounded Rectangle Tool)), ((Radius)): 15%. Choose #91d5d4 as the front color. Draw the button bar.
Double click the layer to open ((Blending Options)).
((Drop Shadow)).
((Inner Shadow)).
After you apply ((Blending Options)) it should look like this.
Duplicate the layer (Ctrl + J) and change the style to ((Soft Light)).
Write the name of the buttons with Tahoma.
Create a ((new layer)).
Select ((Line Tool)), ((Weight)): 1px. Then select #01719b as front color. Draw a line that separates each button and lower the layer’s ((opacity)) to 60%.
In the image below I have already placed the remaining lines.
Create a ((new layer)).
Create a reflection. In order to do so, select ((Rounded Recangle Tool)) and apply the values you used before. Draw a white bar that occupies half of the bar’s height. Take a look ate the following image.
Reduce the ((opacity)) to 30% and…done!
