Photoshop 101 - Photoshop Tutorials, Blogs, Online Store and More. - http://www.photoshop101.com
Clocks Header
http://www.photoshop101.com/articles/70/1/Clocks-Header/Page1.html
Sam Lee

The traveller who wants to see the world.

 
By Sam Lee
Published on April 22, 2008
 
Design a navigation header for a web site selling clocks.

Start by creating a rectangle using the rectangular shape tool. Press Ctrl+T. Right Click and select Warp. Adjust the nodes to get the shape as shown.



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







Duplicate the layer. Press Ctrl+T. Right click and select Flip Vertical and place on the bottom



Create a line pattern using the line tool.



Add search bar as shown in the image below.



Create an ellipse using the elliptical shape tool.



Create an irregular rectangle shape using the pen tool.




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







Duplicate this layer several times and create a square using the rectangular shape tool.



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








Insert product image right above the square shape layer in order in the layer palette. Press Ctrl+Alt+G to create a clipping mask.



Similarly, insert more product images. Place them as shown in the image below.



Type navigation links over these irregular rectangle layers.



Insert company logo and place it on the top left.