Create a Tablet Icon in Photoshop

With 2011 being the year of the tablets or as Apple would like us to believe the year of the iPad2, which was announced last week, you may at some point need to include a tablet icon within your design.

This Photoshop tutorial will show you how to create an icon of a tablet device in for your designs quickly and easily.

If you get stuck at any point you can download a PSD at the end of the tutorial.

PREPARATION

 
If need be get some good reference pictures of the iPad from Apple.

STEP 1

Create a new document 2000×2000 pixels, colour the background layer black.
select the rounded rectangle tool, choose a 35 pixel radius for the corners and draw a shape 1055px x 909px making sure it is black.

STEP 2

Apply the following layer styles to the shape.

STEP 3

Duplicate the layer from Step 1, select the rectangular marquee tool and draw over the top of the rounded rectangle.

STEP 4

Resize the rectangle by going to edit->free transform and hold alt and shift while resizing so that the rectangle is centred. Then apply the selection to the shape using a layer mask.

STEP5

Apply the following layer styles to the shape:

STEP 6

Duplicate the rounded rectangle from step 1, and use the direct selection tool to select points and begin deleting them until you have something like the following

STEP 7

Adjust the opacity to 11%, create a layer mask and erase the corners with a large brush.

STEP 8

As an additional step you can choose to skew the tablet so it looks like it’s on an angle by choosing edit -> transform -> skew. Make sure you duplicate your existing tablet so you can always go back to your original.

STEP 9

 
You can also replace the placeholder rectangle in Step 3 with your own design:

Hope you enjoyed the tutorial, you can download the PSD here if you need to.
Should you have any questions feel free to comment below or ask on Twitter.