Nokia 5300 Cell Phone Interface

Start working by creating a new file (File>New) of 1280x1024 px and 72 dpi.

Then we should select the Rectangle Tool (U) to represent the background of the picture we'll get on the final stage.

Set the next parameters for the made layer by making a mouse click on the layer we work with on the layers' panel. Blending Options>Gradient Overlay

Gradient's parameters:

Next we shall select the Rounded Rectangle Tool (U) (radius 55 px) to draw the cell phone body. Then press SHIFT button while using again the same tool with a radius of 2 px and this time to represent three prominences for the lateral buttons. Using the Add Anchior Point Tool, it's possible to add one more top on the bottom part of the body for getting a correct shape. The layer's color is #E4E5E6

The layer's parameters: Blending Options>Inner Shadow

Blending Options>Inner Glow

Blending Options>Stroke

Gradient's parameters:

Select the Rectangle Tool (U) to represent the screen's zone, colroed with #E21E25

Press Alt button on the same layer while making a mouse click between the red layer and the layer belonging to the phone's body (on the layers' panel).

Next we shall apply the Rounded Rectangle Tool (U) with a radius of 40 px to represent the next layer belonging to the cell phone's body. Use again the Add Anchior Point Tool to insert one more top on the bottom part. Select the Convert Point Tool to make the appropriate corrections on the layer's shape. Its color is #D1D3D4

The layer's parameters: Blending Options>Stroke

Create the next layer belonging to the phone's screen, applying this time the Rectangle Tool (U) too.

The layer's parameters: Blending Options>Gradient Overlay

Gradient's parameters:

Select the previous applied tool to continue representing the phone's screen.

The layer's parameters: Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

Gradient's parameters:

Using by turn the Rectangle Tool (U) and the Pen Tool (P), it's possible to draw the symbols of white color for the lateral buttons.

Select the Line Tool (U) to draw a line, dividing the buttons below the cell phone's screen. The layer's color is #909295

Select again the Line Tool (U) to draw this time a highlight of white color situated under the flatness.

Next we shall represent the joystick button, applying the Rounded Rectangle Tool (U) (radius of 30 px). Then apply the Convert Point Tool to make the corrections on the element's shape. The layer's color is #E6E6E6

The layer's parameters: Blending Options>Inner Glow

Blending Options>Stroke

Let's represent now a kind of deeping on the joystick button, selecting the same Rounded Rectangle Tool (U) with a radius of 30 px.

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

Gradient's parameters:

On the next new layer we shall draw the inside part of the joystick button. This time we should use the same Rounded Rectangle Tool (U) with a radius of 10 px. The Convert Point Tool is helpful when making the appropriate corrections for the new element. The layer's color is #D9DBDC

The layer's parameters: Blending Options>Stroke

Make a copy of the last made layer and select Free Transform option to make the copy smaller, changing also the layer's parameters:

The layer's parameters: Fill 0%

Blending Options>Gradient Overlay

Gradient's parameters:

Applying the Rounded Rectangle Tool (U) with a radius of 10 px, it's possible to represent the buttons of the cell phone.

The layer's parameters: Blending Options>Inner Glow