Make a new layer and make a selection with your Rectangular Marquee tool like so:

Then go to Select > Modify > Smooth. Smooth over with 7px Radius, to get this shape:

Fill in this selection with the colour #EBEFF2. Once you've filled it in set this Drop Shadow setting:

The beginning of the base should now start to form:

On the layers thumbnail hold Ctrl on the keyboard and click on the thumbnail it will select the whole of the selection. Then grab your Rectangular marquee tool and select the third one labelled Subtract from selection. Use this tool and make a selection over your shape like so:

Once you have made this selection you should have something like this:

Make a new layer andFill this in with a Neutral Black (#000000) And then apply the following Layer style:

Gradient Overlay:

Apply this and now and then change the layer style of this layer to Lighten in the layers panel. The bottom of the content box should now have a burned colour effect to it:

Now for the top part. On the very first base layer we did in Step 2 select the layers thumbnail via the method you did before and then grab your rectangular Marquee tool again and select the third one Subtract from selection and this time make a selection over the base like this:

Making this selection should leave you with the top part being selected like this:

Make a new layer and fill it in with a neutral white (#FFFFFF) Then apply the following Layer Styles:

Drop Shadow:

Inner Shadow:

Gradient Overlay:

Stroke:

Applying all those will give you something like this:

Next lets add in a couple of very small circle in the top tab at the right hand corner like so:

Finally add in some text, Im using Verdana, regular size 11pt for the title and size 10pt for the content text:

Finally I duplicated the whole of the content box layers (Everything) and then tweaked some settings around:

On the second content box I simply changed the font to Arial changed the circle colours and changed the very first base layer of the content boxes layer mode to Lighten to give a more sleek grey effect!
 

Comments (1)

James said:

That will teach you to hotlink and rip my tutorial. Now you have my hotlinking protection images all over your site. Congratulations!

June 14, 2008

Name

Title

Comment

smaller | bigger

I have read and agree to the Terms of Usage.

Add Comment