Filed under Photoshop Tutorials - Head Nerd @ July 21st, 2006
Finance Site Navigation Header |
| Start by applying a gradient to the background. |
 |
| Create an ellipse using elliptical shape tool and place as shown. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
| Create a rectangle using rectangular shape tool. Apply the same layer style as we used for the ellipse layer. |
 |
| Create a big ellipse using elliptical shape tool. Place it on the left of the header. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
 |
 |
| Ctrl+Click the rectangular layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 2 pixels. create a new layer and apply a black to white gradient in linear mode. Change the layer mode to screen. |
 |
| Create circular frame shape using custom shape tool. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
 |
 |
| Create a pentagon using polygon tool. Place it over the circular frame. Apply the same layer style. |
 |
| Duplicate the layers several times and place as shown. |
 |
| Create a thin line using line tool. Apply the same layer style we used for the first ellipse layer. Place as shown. |
 |
| Select the small circular shapes along with the connecting line layers. Duplicate and move to the bottom. |
 |
| Ctrl+Click the big ellipse layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 2 pixels. create a new layer and apply a black to white gradient in linear mode. Change the layer mode to screen. |
 |
| Create a shape as shown using pen tool. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
| Duplicate layer. Change the gradient overlay to a lighter shade. Create Several duplicates of the both the shapes and place them alternatively as shown. |
 |
| Select and merge all these shape layers. Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
| Create two duplicates of this layer. Move one to the top and warp the another one. place the warp shape on the edge of the ellipse. |
 |
| Type button links as shown. Apply stroke to the button links. |
 |
| Insert company logo over the big ellipse. Insert a few relevant images and place above the button links. |
 |
Copyright 2005-2006 - All Rights Reserved.