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

Professional Content Box


1. Start with your new document and Create a New layer. Set #663333 as your foreground color, select Rectangular Marquee tool and draw rectangular large enough for content box.

image 1

2. Create another layer and again select rectangular marquee tool and draw rectangular for the Header at the top of content box. See Below

image 2

3. Apply these effects to the header.

image 3

image 4

image 5

4. Draw another rectangular at the bottom of content box on a new layer but smaller than header. Now apply Inner Shadow and Bevel and Emboss effects with the same settings, but with different bevel and emboss angle.

image 6

image 7

5. Now apply reflection. Create new layer,draw a smaller rectangular and choose gradient from tool bar. Set white as your foreground color, Select Foreground to transparent from gradient editor and apply reflected gradient from top to bottom. Set layer opacity to 60%.

image 8

6. Apply the same reflection to the bottom. Final Result:

Professional Content Box



Author's URL: Tutorialscenter.com
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 "Professional Content Box"

Captcha