Filed under Photoshop Tutorials - admin @ 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.

Leave a Reply

You must be logged in to post a comment.



April 2014
S M T W T F S
« Nov    
 12345
6789101112
13141516171819
20212223242526
27282930