Her

Home Photoshop Tutorials Web Layout Elegant Website Header

Elegant Website Header

Author: EZPhotoshop Author's URL: ezphotoshop.info More by this author

Creating a navigation header for a gift gallery

Start by creating 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

Duplicate the layer. Place it on the other side. Change the color.

image 4

Create a shape as shown using pen tool.

image 5

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

image 6

image 7

image 8

Duplicate the layer. Scale down and remove the layer style.

image 9

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

image 10

image 11

Ctrl+Click the 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.

image 12

Change the layer mode to screen.

image 13

Insert a few relevant images.

image 14

Create a search bar on the bottom left.

image 15

Type navigation links on the bottom of the header.

Elegant Website Header

Place the gallery logo in the center.