adv banner
Photoshop  Home Photoshop Web Layout Cool Navigation Header
rss

Cool Navigation Header

Author: Head Nerd More by this author


Create a rectangle using rectangular shape tool.

image 1

Enable subtract form shape area form the top bar.

image 2

Create two ellipses using elliptical shape tool on both sides.

image 3

image 4

Enable add to shape area form the top bar. Create an ellipse using elliptical shape tool.

image 5

image 6

image 7

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 8

image 9

image 10

image 11

Create a rectangle using rectangular shape tool in side the main header. Enable add to shape area form the top bar. Create an ellipse using elliptical shape tool.

image 12

Enable add to shape area form the top bar. Create a rectangle using rectangular shape tool. Using direct selection tool adjust the two top nodes of the rectangle as shown.

image 13

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 14

image 15

image 16

image 17

image 18

Create a rectangle using rectangular shape tool.

image 19

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 20

image 21

From layer menu select layer style>>create layers. It will split layer and layer style in separate layers. Select the layers and merge.

image 22

Press Ctrl+T. Right click the layer and select warp.

image 23

Select Arc from presets.

image 24

image 25

Similarly create another thin rectangle and apply steps explained above to convert it to a 3d pipe.

image 26

image 27

Create and rotate small rectangles and place as shown in the image below. Apply similar gradient overlay and stroke layer styles as explained above.

image 28

Select the main shape layer that is lower most in layer order. Select the path using direct selection tool. Select convert point tool and click on top node as shown.

image 29

image 30

Create a small triangle using custom shape tool.

image 31

Apply bevel & emboss layer style along with stroke to give it a 3d look.

image 32

Duplicate the triangle several times and place along with button links etc.

image 33

Place company logo at top of the header.

image 34

Cool Navigation Header Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Cool Navigation Header"