Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Pixel Border: Menu Box
rss

Pixel Border: Menu Box

Author: heathrowe More by this author


1. Start with the Pen Tool from the Toolbar, and work your way across.(Hold Shift Key to constrain to a straight line)

image 1

2. Define the shape of your Menu Box as I have done, working your way around to connect to the initial Pen Anchor Point.

image 2

3. Once you have made the connection to the initial Anchor Point, right click on the new Path Selection and choose 'Make Selection'.

image 3

4. Leave the default settings and click OK.

Try changing the Feather Radius to a higher integer other than the default, and you will notice your corners smooth out.

image 4

5. Go to the Layers Palette and Menu Box right click on your layer and choose 'Rasterize'.

image 5

6. Ctrl + R to get your Rulers visible on the document. Click and drag from the Rulers bar 2 horizontal and 2 vertical guides as i have done. Go to View and make sure 'Snap' is turn on. Then with the Rectangular Marquee Tool (M) drag a new selection as I have done.

image 6

7. Then go 'Select/Modify/Contract' on the top menu bar and choose 2 pixels as I have done. Then hit the 'Delete' key on your keyboard to cut out the Marquee Selection area.

image 7

8. Now we'll apply Styles formatting to the layer. Right click on the layer and choose 'Blending Options' and start with the 'Drop Shadow' options that I have set up.

image 8

9. Then move down the same Blendings Options palette and choose 'Bevel and Emboss' and match my settings.

image 9

10. Then with the 'Color Overlay' options.

image 10

11. Then with the 'Stroke' options.

image 11

12. Presto! Pixel Border Menu Box. And a few enhancements could really make it look eye pleasing.

Pixel Border Menu Box Tutorial: Final Result



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

Add comments to "Pixel Border: Menu Box"