Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Creating a Cool Navigation Header
rss

Creating a Cool Navigation Header

Author: Fiery Darts More by this author


Start by creating a rectangle to the size of the header.

image 1

Using custom shape tool draw some random size circle thin frame shapes.

image 2

image 3

Change layer mode of this layer to overlay.

image 4

image 5

Using pen tool draw some wave shapes. Don't bother to get the right shape. We're going to distort the shape in coming steps anyway.

image 6

From filter menu select liquify. From liquify window select forward warp tool.

image 7

Drag the tool on wave shape to distort the edges.

image 8

Press Ok once you're finished with the output.

image 9

Change layer mode to screen.

image 10

image 11

Draw a rectangular selection at the top using rectangular marquee tool.

image 12

Apply a linear gradient in this selection.

image 13

Duplicate the layer. Enable lock transparent pixels.

image 14

Apply another linear gradient to this layer.

image 15

Change layer mode to screen.

image 16

image 17

This top bar will serve as a place holder for text links. Draw a thin line below the top bar to divide this from the rest of the header.

image 18

Place an image of the company product.

image 19

Apply following layer style using settings shown.

image 20

image 21

image 22

Similarly insert more pics and apply same layer style to frame the additional images. Rotate as per your chois. Overlap the images slightly and place all on right side of the header.

image 23

Insert company logo to the left of the header.

image 24

Type links text over the top bar and fill the empty space with some punchline using a nice font.

Creating a Cool Navigation Header Tutorial: Final Result



Author's URL: www.fierydarts.com

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 "Creating a Cool Navigation Header"