Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
Creating a Web Forum Navigation Header
by Fiery Darts
Smooth Navigation
by Admin
Navigation Bar
by Mark
Computer Web Site Navigation Header
by Slowly Sinking
Free Templates
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Making A Grey Navigation
rss

Making A Grey Navigation

Author: Photoshop8x.com More by this author

Added: Feb 08, 2008 Rating:  Average Rating: 3 Votes: 4 Position: 8460 of 13079Average Rating: 3 Votes: 4 Position: 8460 of 13079Average Rating: 3 Votes: 4 Position: 8460 of 13079Average Rating: 3 Votes: 4 Position: 8460 of 13079Average Rating: 3 Votes: 4 Position: 8460 of 13079 Level: Experienced Software:  Photoshop

Create a new document and fill the background with #3D3D3D color

image 1

Create a new layer and use Marquee Tool to draw a shape like this:

image 2

Go to Blending Options:

image 3

image 4

image 5

image 6

image 7

You will get the result:

image 8

Create a new layer and use Rectangular Marquee Tool to draw a rectangle like this:

image 9

Go to Blending Options:

image 10

image 11

image 12

Press Ctrl + J to duplicate layer

image 13

Add text to each button

Making A Grey Navigation Tutorial: Final Result



Author's URL: photoshop8x.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Photoshop  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
Add comments to "Making A Grey Navigation"