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

Navigation - Box


A handy effect if you want a Mac-styled navigation-box!

Step 1

Grab the Rounded Rectangle tool and with a radius of 20, create a black box;

image 1

Step 2

Add Filter>Noise>Add Noise and set it to the max.

image 2

Step 3

Lock the layer's edges and go to Filter>Blur>Motion Blur and choose horizontal and make it look like mine below.

image 3

Step 4

Select the shape, then on a new layer, fill it with medium gray.

image 4

Step 5

Lower the opacity a little bit

image 5

Step 6

Then add these blending options to it

image 6

image 7

Step 7

Add a white block in the middle

image 8

Step 8

Add some decals to finish it

image 9

Navigation-Box #3 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: MickM.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Navigation - Box"

Only registered users can write comment

No comments yet...