Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Golf Club Site Navigation Header
rss

Golf Club Site Navigation Header

Author: Fiery Darts More by this author


Start by creating a rectangle using rectangular shape tool. Enable subtract form shape area form the top bar. Using pen tool create a distorted rectangular path.

image 1

Using pen tool create a triangular shape as shown.

image 2

Similarly create shapes on other three sides with different shades of gray.

image 3

Create an ellipse using elliptical shape tool. Move this layer below all the layers in layer order in layer palette.

image 4

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

image 5

image 6

Similarly create another ellipse. Apply same layer style. Differentiate it from the previous ellipse by changing gradient angle.

image 7

Insert cutout of a golfer and place as shown.

image 8

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 9

Reduce the opacity to 50%.

image 10

Create an ellipse for the hole using elliptical shape tool.

image 11

Create a rectangle using rectangular shape tool.

image 12

Change the layer mode to multiply.

image 13

image 14

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

image 15

image 16

image 17

Type navigation links over this rectangle. Create a search bar on top.

image 18

Insert site logo on top left.

Golf Club Site 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 "Golf Club Site Navigation Header"