Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Creating a Navigation Header with Metallic Panel and Chains

Creating a Navigation Header with Metallic Panel and Chains


Create two rectangular stripes using rectangular shape tool.

image 1

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

image 2

image 3

image 4

image 5

image 6

Create a rounded rectangle using rounded rectangle shape tool. Enable "subtract from shape area" at the top bar. Create two circles using elliptical shape tool.

image 7

Create another rounded rectangle using rounded rectangle shape tool. Enable "subtract from shape area" at the top bar. Create a big circle using elliptical shape tool.

image 8

Similarly create another shape as shown in the image below.

image 9

image 10

Create some circles and rounded rectangles as shown.

image 11

Type "oooo" several times. Adjust the text settings as shown in the character palette. This will create a chain.

image 12

Rotate and place as shown. Apply same layer style we used before. Create a rounded rectangle using rounded rectangle shape tool.

image 13

Similarly add more shapes and place as shown. Create another rounded rectangle using rounded rectangle shape tool. Apply some gradient layer style.

image 14

Duplicate all the button layers several times and place as shown.

image 15

Use your favorite custom shape like arrows etc and apply same layer styles.

image 16

Select and merge all the layers. Duplicate the layer and press Ctrl+L to open level settings. Apply settings as shown.

image 17

Change the layer mode to "hard light" and opacity to 80%.

image 18

image 19

Insert an interesting image in the background.

Creating a Navigation Header with Metallic Panel and Chains
Click to enlarge


Author's URL: PhotoshopForFun.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Creating a Navigation Header with Metallic Panel and Chains"

Captcha