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

Web Navigation Panel


Create a rounded rectangle using rounded rectangle shape tool. Select direct selection tool and distort the rectangle.

image 1

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

image 2

image 3

image 4

image 5

Similarly create more rectangles.

image 6

Select and merge all the layers. Duplicate the layer and change the layer mode to "Multiply" and opacity to 50%.

image 7

image 8

Create another vertical rectangle as shown using same technique.

image 9

Select and merge all the layers. Select dodge tool with 2 pixels brush settings.

Apply some stroke to create rope as shown.

image 10

Apply it again to from different angle.

image 11

image 12

Create some grass shapes using custom shape tool.

image 13

Type "home" using a nice font. Rotate and place as shown. Fill it with black color.

image 14

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

image 15

image 16

Similarly insert other links too..

Web Navigation Panel



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 "Web Navigation Panel"

Captcha