Her

Home Photoshop Tutorials Web Layout Create Information Box

Create Information Box

Author: Mark Author's URL: www.pixeldigest.com More by this author

1. Create a New Image 800 x 600 pixels. Change the Background color t0 #acacac. Press ALT+CTRL+0 to view actual pixel.

2. Use the Rectangular Marquee Tool image 1 to create a rectangle about width: 200 Height: 300. You can choose what ever pixel size you're comfortable with. Press SHIFT+ CTRL + N to create a new layer. Fill your Rectangle with this color #FFFFFF. All you should have at this point is a rectangle with a white background.

3. Right Click on your newly created layer and click on Blending Layer. Click on Stroke and add there setting.

Stroke Settings:

image 2

After that click on Bevel and Emboss and enter these settings.

Bevel and Emboss setting:

image 3

After you entered the entire setting click ok. You should have something like this.

image 4

4. Now hold CTRL and click on layer2 to select the layer. Click on the selection tool image 1 and click subtract from selection image 6 . Subtract until you get something like this

image 7

Press SHIFT+ CTRL + N to create a new layer. In addition, fill the new selection with #ececec. Right click on your newly created layer, click blending options, and enter the settings below.

Inner Shadow

image 8

Inner Glow

image 9

Bevel and Emboss

image 10

Color Overlay

Color # f7f7f7

image 11

5. That's it, here is my copy hope it came out to what you expected.

Create Information Box