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 Tutorial: Final Result



Author's URL: Tutorialscenter.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

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

Captcha