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

Pixel Content Box

Author: Tutorialweb More by this author


Open a new 350*150 white image and create a new layer.

With the "Rectangular Marquee Tool" draw a rectangle and fill it with black (#000000)

Now, with the selection still active, go on "Select - Modify - Contract" set 10px then hit ok. Now hit "Canc" on your keyboard.

image 1 image 2

Deselect (Ctrl-D) and the "Blending Options" panel.

Use this setting:

image 3

image 4

image 5

Create a new layer.

With the "Rectangular Marquee Tool" draw a rectangle inside the big rectangle:

image 6

Fill the selection with black, and then apply the same Blending Options of the big rectangle.

Create a new layer, and repeat the previous step, but draw a more small rectangle:

image 7

Duplicate the layer as time as you need for your menu.

image 8

Go to the next page to add some particulars.

Get the "Elliptical Marquee Tool" and draw a little circle, then move it up the upper dx corner.

image 9

Now select layer 2 and hit "Canc", then repeat with layer 3:

image 10

Now duplicate layer 3 and move it down to create a new sub menu, and then duplicate the layer with mini-rectangle to finish your work:

image 11

And this is my final result with some text.

Pixel Content Box Tutorial: Final Result

The font I've used is "Silkscreen".



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 Content Box"