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

Slick Content Box


Step 1: New Document

Open a new document with a width of 200 pixels, and a height of 300 pixels. Fill your background with white if it is not already.

Step 2: Selection

Make a rectangle like this and fill it with "#D7D7D7".

image 1

Step 3: Border

Make another rectangle, slightly larger than the first, and fill it with #A1ADB2. Make a selection of it, and go to Select > Modify > Contract "8" Pixels. Now apply the following settings:

image 2

Step 4: Title

Make another rectangle towards the top of the backing with a color of "#B0B0B0".

image 3

Now apply these settings:

image 4

image 5

Step 5: Adding Content

Now you have to add your content. This can be text, images, ads or whatever! I have added text, and this is what I came up with:

Slick Content Box



Author's URL: Aviva Directory
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 "Slick Content Box"

Captcha