Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Slick Content Box
rss

Slick Content Box

Author: Aviva Directory More by this author


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




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Slick Content Box"