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

Content Box


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



Author's URL: Tutorialweb
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Content Box"

Captcha