Create a blank canvas (with white background) 9 inches wide by 7 inches high at 72 dpi.

Put a horizontal guide at 20 pixels from the top and a vertical guide at 4.5 inches (the vertical center of the canvas). (“View” > “New Guide”)

your canvas should now look like this

Make sure you have “snap to guides” and “snap to document bounds” turned on.

Create a new layer on top of the “background” layer and name it “frame”.

Set your foreground color to black (#000000).

Click on the “Rounded Rectangle Tool” and set its radius to 8 px. Also, click on the “Geometry Options” dropdown menu, choose “Fixed Size” and key in “630 px” for the width (W) and “390 px” for the height (H).

With the “frame” layer active, click and hold the mouse button on the canvas and move the pointer until you can see the entire shape inside the boundaries of your canvas. Release the mouse button to create the shape. (If you click and release the mouse button with some parts of your rounded rectangle going off the edges of the canvas, the shape will not be filled/rendered in its entirety.)

Move the rounded rectangle until its top edge snaps to the top guide and its center snaps to the vertical guide.

With the “frame” layer still active, drag a horizontal guide and let it snap to the center of the black rounded rectangle and another to the bottom. Also, drag vertical guides and let them snap to the rounded rectangle’s left and right edges.

In addition to those guides, put a horizontal guide at 430 pixels down from the top of the canvas. (“View” > “New Guide”)

Now, we are going to make the lower edge of the rounded rectangle bulge down a bit. There are numerous ways to accomplish this.

For CS2 and CS3 users, you can do “Edit” > “Transform” > “Warp”…

align the mouse pointer to the vertical guide (at the center of the canvas) very near the bottom edge of the rounded rectangle and click and drag until it touches the horizontal guide below.

For all others, you can use the “Elliptical Marquee Tool”.

Make an elliptical selection similar to the one shown below. Please note that the elliptical selection is exactly as wide as the rounded rectangle. It should also be tall enough that its horizontal center is situated slightly above the bottom of the rounded rectangle with the bottom of the selection touching the guide below the bottom edge of the rounded rectangle.

So as not to leave any void spaces when you fill the selection, create a new layer on top of the “frame” layer and fill the selection with black on that layer. Deselect afterwards.

To keep things clean, go back to the “frame” layer. Using the “Eraser Tool”, erase the parts of the lower corners of the rounded rectangle extending beyond and below the boundaries of the ellipse you have just created (that is if there are any).

Note: There’s a very slight difference between the before and after screens below, but if you’d take a really close look, I’m sure you’ll be able to see the difference.

Afterwards, merge that layer down with the “frame” layer”

Whichever method you chose to use, you should have a result like this.

Load the selection of the “frame” layer by pressing the CTRL key and clicking on the “frame” layer (for CS users, you must click on the thumbnail of the “frame” layer in the layers palette).

Contract the selection by 3 pixels (“Select” > “Modify” > “Contract”)…

and feather it by 1 pixel (“Select” > “Modify” > “Feather”).

Create a new layer on top of the “frame” layer and name it “frame highlight”.

Set your foreground color to #adacaf and your background color to #151517.

With the “Gradient Tool” set to “Radial Gradient” (going from foreground color to background color), click and drag the gradient starting from the upper left corner of the selection to the center of the black rounded rectangle (this would be the intersection point of the vertical center guide and the horizontal guide at the center of the rounded rectangle).

You should have something like this:

With the selection still active, use a 25 px soft brush (set to 100% flow) and paint a straight line (of #adacaf) down the right edge of the selection starting from just below the top right corner and ending just above the bottom right corner of the selection. (Tip: Align the center of your brush with the edge of the selection and hold down the “Shift” key as you click and drag your brush down or up, this will keep your line straight. DO NOT let the your brush/paint reach the corners of the selection as this will not result to a good effect).

Deselect afterwards.

You should now have something like this.

Create a new layer on top of the “frame highlight” layer and name it “screen”.

Set the foreground color to #141416.

Click on the “Rectangle Tool”. Click on the “Geometry Options” dropdown menu, choose “Fixed Size” and key in “560 px” for the width (W) and “315 px” for the height (H).

With the “screen” layer active, click and hold the mouse button on the canvas and move the pointer until you can see the entire shape inside the boundaries of your canvas. Release the mouse button to create the shape.

Move your newly created rectangle until it snaps to the center of the black rounded rectangle.

You should now have something like this:

Load the selection of the “screen” layer. (Ctrl+click on the “screen” layer in the layers palette)

Contract the selection by 2 pixels. (“Select” > “Modify” > “Contract”)

Create a new layer on top of the “screen” layer and name it “screen highlight”.

Click on the “Gradient Tool” and make a custom gradient using the following colors:

#a6a6a8 at 0% location
#202022 at 50% location
#35363a at 100% location

With the “screen highlight” layer active, drag the gradient starting from the top left corner of the selection and ending at its lower right corner.

Deselect afterwards

At this point you should have something like this:

Now, we will add a couple of highlights to the dark outline of the screen.

Set your foreground color to white (#FFFFFF).

Click on the “screen” layer to activate it and load its selection again.

Using a soft round brush (about 50 px big) with its “Flow” set to 10%, slowly paint in highlights to the upper right and lower left portions of the selection. Careful not to overdo it. This is what you aim to achieve at this point:

Deselect afterwards.

Using the “Rectangular Marquee Tool”, create a rectangular selection large enough to cover the lower portion of the “frame” starting from approximately the midpoint between the screen and the original bottom edge of the rounded rectangle.

Make sure that the “frame” layer is the active layer, press Ctrl+J to copy that portion of the “frame” onto a new layer.

Move that layer below the “frame” layer and rename it “lower arch”.

Put a horizontal guide at 445 pixels down from the top of the canvas (“View” > “New Guide”).

With the “lower arch” layer the active layer, press Ctrl+T (free transform) and pull down the bottom-center handle until it snaps to the horizontal guide below it.

Apply the transformation

Load the selection of the “lower arch” layer. Remove the unwanted portion of the selection by pressing down the Ctrl+Alt keys and clicking on the “frame” layer in the layers palette. You should now have a selection like this:

Contract the selection by 3 pixels (“Select” > “Modify” > “Contract”) and feather it by 1 pixel (“Select” > “Modify” > “feather”).

Set the foreground color to #cbcccd and the background color to white (#FFFFFF).

Create a new layer on top of the “lower arch” layer and name it “lower arch highlight”.

With the “Gradient Tool” set to “Radial Dradient” (going from foreground color to background color), drag the gradient starting from the center of the selection to either the left or right tip.

Deselect afterwards.

You should now have something like this.

Create a new layer between the “frame highlight” layer and the “screen layer” and name it “frame dark”.

Load the selection of the “lower arch” layer. Transform/scale down the selection (“Select” > “Transform Selection”) to 90% width and 25% height.

Move the selection until its top edge snaps to the topmost guide (make sure that the center of the selection is aligned with the vertical center guide.

With the “frame dark” layer the active layer, fill the selection with black (#000000).

Deselect afterwards.

By now, you should have something like this:

Create a new layer on top of all layers and name it “power”.

Using the “Elliptical Marquee Tool”, create a 25 pixel diameter circular selection. Move the selection to relatively the same place as shown below. Again, its center must be aligned with the vertical center guide.

With the “power” layer the active layer, stroke the selection with 2 px white (“Edit” > “Stroke”), set the “Location” to “Inside”.

Deselect afterwards.

Duplicate the “power” layer and scale down the duplicate to 20% (“Edit” > “Free Transform” and key in 10% for the width and height in the free transform options bar on top of the screen.)

Merge the “power” and “power copy” layers. At this point, you should have something like this.

Now, create a new layer on top of the “background” layer and name it “stand bottom”.

Put a horizontal guide at 490 pixels down from the top of the canvas (“View” > “New Guide”).

Set the foreground color to #1d1d1f.

Click on the “Ellipse Tool”. Click on the “Geometry Options” dropdown menu, choose “Fixed Size” and key in “395 px” for the width (W) and “40 px” for the height (H).

With the “stand bottom” layer active, click on the canvas to create the ellipse.

Move your newly created ellipse and let its bottom edge snap to the bottommost guide. Also, make its center snap to/align with the vertical center guide.

Create a new layer on top of the “stand bottom” layer and name it “stand top”.

Put a horizontal guide at 480 px down from the top of the canvas.

Set the foreground color to #7d7e82.

Click on the “Ellipse Tool”. Click on the “Geometry Options” dropdown menu, choose “Fixed Size” and key in “380 px” for the width (W) and “30 px” for the height (H).

With the “stand top” layer active, click on the canvas to create the ellipse.

Move your newly created ellipse and let its bottom edge snap to the guide situated above the bottommost guide. Also, make its center snap to/align with the vertical center guide.

Load the selection of the “stand top” layer. With the “stand top” layer the active layer, brush on a bit of a white highlight on the upper left portion of the ellipse with a big soft brush with a low “Flow” setting as shown below (in this case I used a 50 px soft brush at 10% “Flow” and made 5 passes):

Deselect afterwards.

Create a new layer on top of the “stand top” layer and name it “stem”.

Put a horizontal guide at 455 pixels down from the top of the canvas (“View” > “New Guide”).

Click on the “Rectangle Tool”. Click on the “Geometry Options” dropdown menu, choose “Fixed Size” and key in “30 px” for the width and “20 px” for the height.

Set the foreground color to black (#000000).

With the “stem” layer the active layer, click on the canvas to create the rectangle and move it until its bottom snaps to the latest guide you’ve created. Also, make its center snap to the vertical center guide.

With the “Elliptical Marquee Tool” create an elliptical selection similar to the one shown below and position it also as shown.

With the “stem” layer the active layer, press the “Delete” key on your keyboard. Do the same to the other side of the stem.

Create a new layer on top of the “stem” layer and, with the “Elliptical Marquee Tool”, make a selection like the one shown below.

Fill this selection with black and merge the layer down with the “stem” layer.

This is what you should have by now:

Load the selection of the “stem” layer.

With the “stem” layer the active layer, paint in highlights to the stem like the ones shown below using the color #ceced0 and a 5px diameter soft brush.

Deselect afterwards.

Duplicate the “stem” layer and flip the duplicate (“stem copy” layer) vertically (“Edit” > “Transform” > “Flip Vertical”).

Position it as shown below.

Move the “stem copy” layer to below the original “stem” layer in the layers palette.

With the “Elliptical Marquee Tool”, make a selection like the one shown below. (Note that its center is aligned with the vertical center guide).

Eliminate the portion of the selection extending outside of the “stand top” layer’s ellipse by pressing Ctrl+Alt+Shift and clicking on the “stand top” layer.

Your selection should look like this:

Create a new layer on top of the “stem copy” layer and fill the selection with black on that layer (you may merge this layer and the “stem copy” layer if you want). Deselect afterwards.

You should now have something like this:

Create a new layer on top of the “lower arch highlight” layer and name it “reflection”.

Load the selections of the “stem”, “stand top”, and “stand bottom” layers by holding down Ctrl+Shift and clicking on the layers one by one. Your slection should look like this:

With the “reflection” layer the active layer, fill the selection with black. Deselect afterwards.

Transform and position the newly filled shape as shown. (Tip: The resulting height should be about one thirds of the original, the width is unchanged).

Load the selection of the “lower arch highlight” layer and invert it (“Select” > “Inverse”).

With the “reflection” layer the active layer, press “Delete” on your keyboard and deselect afterwards. You should now have something like this:

There you go! Your very own photorealistic HDTV!

I hope you liked this tutorial despite its length.