Photoshop Tutorial Categories
PSTuts.com Partners
Photoshop Deals
Annoucements

Welcome to PSTuts.com
  If you're new here the first thing you should do is check out our Photoshop Tutorials using the navigation on the left. We hope you enjoy your stay here at PSTuts.com and if you have found our site useful, don't forget to bookmark it and tell all your friends :)


Viewing: Content Box

We are Going to Make a nice Content Box
Open up a new document. Ill make my the size 640x480 because that will give me some room to work with.

Step 1: First of all create a new layer, and call it box one. Grab the rectangular marquee tool, and draw out your content box. Make it as big as you like because by the end you should still come up with the same great result I did. Color it in the color 00CCFF, which is a light blue.

Free Image Hosting at www.ImageShack.us


Step two: Go to layer/layer style/blending options/stroke. Give it a 3 pixel stroke of the color, BBC700 which is a light green.
Free Image Hosting at www.ImageShack.us


Step Three: Create a new layer and call it box two. Grab the rectangular marquee tool. Make a selection on top of the content box. This will be a place for us to write our title in. Color this selection in with the color 00AED9, which is a darker blue.
Free Image Hosting at www.ImageShack.us



Step Four: Select Box two, then got layer/duplicate layer. Then once again grab the rectangular marquee tool and cut it in half vertically. Then go back to blending options and make it give it a color of ffffff which is just plain white. Once you did that go to blend mode and make the opacity to  
Free Image Hosting at www.ImageShack.us



Step Five: Make a new layer again. Call it box three. Then grab the rectangular marquee tool again. Draw a box selection about 4 pixels from each side, of the original box one layer. Then color it in white for now.
Free Image Hosting at www.ImageShack.us



Step Six: Once you have the box three, which is the white part of the box. Go to blending options again. You can do that by going to layer/layer style/blending options. Then click on gradient. Then give it the following gradient.
Free Image Hosting at www.ImageShack.us



Step Seven: Give that gradient an opacity of 40%. And There ya go your done with your content Box.
Free Image Hosting at www.ImageShack.us


All you have to do is add the content. This is my final piece of work.
Free Image Hosting at www.ImageShack.us


Pages: « First   1   Last »