Metallic Content Box

Step 1:

Let's start out by creating a new file. I used a 500x400 pixels canvas set at 72dpi, and I filled my background with a black color. Now create a new layer set and name it 'Metallic Content Box'. In a new layer draw a rectangle with 255×201 px dimensions and #4D4D4D color shade.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, and Gradient Overlay blending options to your dark gray rectangle layer.

Step 3:

Now draw a black rectangle with 251×32 px dimensions along the top end of your content box.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Gradient Overlay and Stroke blending options to your black rectangle layer. Then set the layer's blending mode to Soft Light.

Step 5:

Create a new layer and draw a white rectangle with 30 x 26 px dimensions on the bottom right corner of your content box. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Gradient Overlay blending option.

Step 6:

Choose the Horizontal Type Tool and set the font family to Arial, bold, 12 pt, none and black color shade. In a new text layer type the name of your content box on the glossy rectangle.

Step 7:

Create a new layer and draw a gray rectangle with #8D8D8D color shade and 106 x 14 px dimensions above the content box on the right end. Then under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending option.

Step 8:

Duplicate the small rectangle design from the last step and position it down under to make a unique tab button.

Step 9:

Choose the Horizontal Type Tool and set the font family to Arial, bold, 12 pt, strong and white color shade. In a new text layer type 'RSS FEED' on the tab design above your content box. Then under Layer Style(Layer > Layer Style) add a Stroke blending option.

Results:

Metallic Content Box.

Hopefully, the above tutorials have been of some help so please let us know how we're doing by leaving a message in the comments section below.

Would you like to see new Photoshop tutorials on a regular basis? Are you interested in Adobe Illustrator tutorials? Please let us know!

A Metallic Content Box created in Photoshop

General Enquiry Form
If you experience any difficulty in submitting this form, please contact us on: 01635 255 552 or email us at: sales@castleprint.co.uk and we will respond asap. Required items indicated with *
Email: *
Name: *
Tel. Number: *
Subject: *
I would like more information. Contact me on the above telephone number to discuss my enquiry
Telephone me on the above number
My enquiry relates to:
General printed products   Artwork & Design
I wish to receive samples of the following products. Please note: if you need to select more than one option, please enter the extra product you require in the message box further down this form.
Samples:	Laminated / Plain Business Cards Letterheads / Compliment Slips Printed Envelopes - 1, 2, 3 or 4 colours Full Colour Brochures & Flyers
My address details:	If requesting samples please enter your address here
Any other details not covered above:
Attach Files - 5Mb max
Attach Files - 5Mb max
If your file(s) are over 5Mb, please contact us and we will supply an alternative email address.
Please check that you have entered all details correctly, to ensure we deal with your enquiry in an efficient manner. Castle Print & Design in partnership with The Roman Group, Centurion House, Woodside Road, Southbourne, Bournemouth, Dorset, BH5 2BA Tel: 01635 255 552 / FreeFax: 0800 389 7262