website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Content Box
rss

Content Box

Author: Tutorialweb More by this author


Open a new document (Size doesn't matter)

With polygonal lasso tool( image 1 ) draw a shape like that below:

image 2

Fill the shape with white, then deselect (Ctrl-d).

Open the Blending Option panel (right click on the layer) and set:

Bevel and emboss: Size: 2 - Soften: 13 - Shadow Mode: Multiply (color #929292)
Color Overlay: #EEEEEE
Stroke: #8B8B8B - Size: 1

Create a new layer and with the Polygonal Lasso Tool create another shape like this:

image 3

and set this blending options:

Bevel and emboss: Size: 59 - Soften: 16 - Shadow Mode: Multiply (color #091B5F)
Gradient Overlay: Color 1: #1270A6 - Color 2: #9EE1FA
Stroke: #858585 - Size: 1

Create a new layer and with the selection tool draw a little rectangle at the bottom of our box, fill with white and set:

Color Overlay: #A5D2E8
Stroke: #858585 Size: 1;

And so, here is our box ready to use:

image 4

This is my final result with some text and graphics.

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