Her

Home Photoshop Tutorials Web Layout Unique Navigation Header

Unique Navigation Header

Author: Head Nerd Author's URL: www.photoshopnerds.com More by this author

Start by creating a very thin rounded rectangle just like a slit using rounded rectangular shape tool.

image 1

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

image 2

image 3

Create a rounded rectangle using rounded rectangle shape tool.

image 4

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

image 5

image 6

Duplicate layer. Move a few pixels below the original one.

image 7

Create another rounded rectangle using rounded rectangle shape tool.

image 8

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

image 9

image 10

image 11

Duplicate the first rounded rectangle we created. Move it below all rectangles.

image 12

Create a rectangle using rectangular shape tool.

image 13

Create another rectangle using rectangular shape tool. Dock this rectangle to the left hand side.

image 14

Enable subtract form shape area form the top bar.

image 15

Create an ellipse using elliptical shape tool.

image 16

Apply similar layer style as use for the above shapes.

image 17

Duplicate layer. Offset a few pixels. Change layer style to the style we used for the first rounded rectangle.

image 18

Duplicate, flip horizontal and place on the other side. Also create two vertical sticks and place as shown in the image.

image 19

Create a hexagon shape using polygon shape tool and place for the buttons.

image 20

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

image 21

image 22

Duplicate and place for the additional buttons.

image 23

Create a diamond shape using custom shape tool.

image 24

Select the shape using direct selection tool. Duplicate the shape and overlap as shown.

image 25

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

image 26

image 27

image 28

Type company name, button links and welcome message as shown in the image.

Unique Navigation Header