Photoshop Tutorial: Trendy Monitor Design

In this tutorial you will learn how to design a Hosting Rack using photoshop.

Preview:

Monitor Design

Step 1:

Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with white. Now select the Rounded Rectangle Tool, above your screen under the options palette choose Fill Pixels, set the radius to 8 px and check anti-aliased. In a new layer draw a small rounded rectangle with #34333A color shade and 140 x 35 px dimensions. Then go to Edit > Transform > Perspective, drag the bottom left transform point on the rounded rectangle to the right to make the shape below.

Step 2:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Satin, Gradient Overlay and Pattern Overlay blending options to thelight purple shape layer from step one.

Result:

Step 3:

In a new layer draw another rounded rectangle with #2C2B31 color shade and 67 x 100 px dimensions right on the center of the first shape design. Then cut half of the rounded rectangle.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Glow, Satin, Gradient Overlay and Pattern Overlay blending options to your half rounded rectangle layer.

Result:

Step 5:

In a new layer draw a small rectangle with #E3EBEE color shade and 99 x 12 px dimensions on top of the half rounded rectangle shape.

Step 6:

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

Result:

Step 7:

In a new layer make a large gray rounded rectangle with #717171 color shade outside the body content, see the picture below for the proper location. Then cut the right side of the gray rounded rectangle.

Step 8:

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

Result:

Step 9:

Create a new layer then draw a large black rectangle with 354 x 220 px dimensions.

Step 10:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Inner Glow and Gradient Overlay blending options to the large black rectangle layer.

Result:

Step 11:

Select the Horizontal Type Tool then set the font family to Arial, bold italic, 7 pt, smooth and black color shade. In a new text layer type your brand name below the black rectangle screen.

 

Results:

Monitor Design.

More Resources:

VN:F [1.9.17_1161]
Rating: 8.0/10 (1 vote cast)
VN:F [1.9.17_1161]
Rating: 0 (from 0 votes)
Photoshop Tutorial: Trendy Monitor Design, 8.0 out of 10 based on 1 rating

{ 1 comment… read it below or add one }

shane shoemaker July 4, 2009 at 2:06 pm

Super cool Thanks

VA:F [1.9.17_1161]
Rating: 0.0/5 (0 votes cast)
VA:F [1.9.17_1161]
Rating: 0 (from 0 votes)

Leave a Comment

Previous post:

Next post: