Her

Home Photoshop Tutorials Web Layout Bike Lovers Navigation Header

Bike Lovers Navigation Header

Author: Slowly Sinking Author's URL: www.slowlysinking.com More by this author

Start by creating a new file of header size. Fill the background with a solid color. Create a rounded rectangle using rounded rectangle shape tool.

image 1

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

image 2

image 3

image 4

Create a path using pen tool. Place the shape at the bottom of the header

image 5

Apply the same layer style as we used for the first rectangle.

image 6

Create a rectangle using rectangular shape tool. Apply the same layer style.

image 7

Create several duplicates of the rectangle layer and place as shown in the image below.

image 8

Create a rectangle above all the layers and place at the center of the header.

image 9

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

image 10

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

image 11

Create a rounded rectangle using rounded rectangle shape tool.

image 12

Duplicate the layer several times and place below each other.

image 13

Create a circle using elliptical shape tool.

image 14

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

image 15

image 16

Change the layer mode to hard light.

image 17

image 18

Duplicate the layer and scale down.

image 19

Duplicate both layers and place on the other side.

image 20

Create a small circle using elliptical shape tool. Place it on right side of the button.

image 21

Apply the same layer style as we used on initial shapes.

image 22

Duplicate layer several times and place as shown.

image 23

Insert an image of a bike and place over the left circle.

image 24

Duplicate layer. Enable lock transparent pixels from layer palette. Press Ctrl+T. Right click the layer and select distort. Fill it with black color. Adjust nodes to create a perspective shadow.

image 25

Similarly create it for the other side.

image 26

Type link names on the buttons.

image 27

Insert site logo and place right on the top.

Bike Lovers Navigation Header