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

Tidy Content Box


This is the finished product of this tutorial, a beautiful area to use on your layouts.

image 1

This is the main template:

image 2

I am going to show step by step how to do it. On the Channels tab, create a selection and fill.

image 3

Go to Filter > Blur > Gaussian blur and apply an around 4,7 gaussian.

Now go to image > adjust > levels and push the narrows to the middle, like the pic. You have a good shape to work in now.

image 4

Ctrl+click the channel (to get the selection). Go to the layers tab and create a new layer. Fill it with a gray color, I used #CECECE.

image 5

Now the funny part. Right click the layer and click on blending options.

You are going to use only Drop Shadow, Color Overlay and Stroke styles. Apply them just like is in the pictures.

image 6

You are done now with it! You can put content on this area that will look pretty good on your websites.

An example of it with content:

image 2

I hope that you enjoyed the tutorial. Thanks.



Author's URL: SweDesignz.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 "Tidy Content Box"

Captcha