Green Navigation Bar
In this Photoshop tutorial, we will create an elegant navigation bar for your website.
Open a new document, 470×130px, and white background.
Select ((Rounded Rectangle Tool)) and create a rectangle, ((Radius)): 20px and grey background. Take a look at the following image for reference.
Standing in the grey rectangle layer, go to ((Layer))-((Layer Style))-((Blending Options)).
Write the titles to the buttons. This is up to you, if you want to enter 4, 5, or 6, you can do it!
Now we will create some lines to separate the buttons. First, we need to zoom in on the buttons to work easily on them. Create a ((new layer)) and trace a vertical white line as shown in the following image, and apply ((gaussean blur)), 1px. Duplicate the layer and place it in the other side. There will be 2 lines.
To these lines, apply a gradient from dark to light. ((Layer))-((Layer Style))-((Blending Options)).
Our navigation bar will now be created. I applied a degraded background, o make the buttons look even more elegant.
