Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Elegant Website Header
rss

Elegant Website Header

Author: EZPhotoshop 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 Tutorial: Final Result

Place the gallery logo in the center.



Author's URL: ezphotoshop.info

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 "Elegant Website Header"