Blue Navigation Tutorial
In this tutorial i will show you how to make a simple yet effective navigation for your website using Photoshop.

Finished Image:



Create a new Document 550px by 150px and fill it with #2a2929.

1. Create a new layer and select the rounded rectangular tool and create a area for your navigation like so:
(Fill with Black)



2. Now right click your rectangle layer and click blendin options and apply the following:











3. Create a new layer and select the brush tool and set it to 300px and color #277dd4, hold ctr and click the navigation layer like showen below:



4. Now using the brush tool click in the center of your navigation and set the opacity to 50% and it should give it this effect:



5. Create a new layer and add your navigation text like so:



6. Add the following Layer Styles to your text:








The finish Image:



Go back to Home