Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

Golf Club Site Navigation Header

Filed under: Web Graphics — Fiery Darts @ 8:52 pm

Golf Club Site Navigation Header
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.
Using pen tool create a triangular shape as shown.
Similarly create shapes on other three sides with different shades of gray.
Create an ellipse using elliptical shape tool. Move this layer below all the layers in layer order in layer palette.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Similarly create another ellipse. Apply same layer style. Differentiate it from the previous ellipse by changing gradient angle.
Insert cutout of a golfer and place as shown.
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.
Reduce the opacity to 50%.
Create an ellipse for the hole using elliptical shape tool.
Create a rectangle using rectangular shape tool.
Change the layer mode to multiply.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Type navigation links over this rectangle. Create a search bar on top.
Insert site logo on top left.

1 Comment »

  1. Very Nice tutorial, it’s very simple and helpful, Pura Vida Costa Rica!!

    Comment by Willy — July 20, 2006 @ 5:15 pm

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .