Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Nokia 5300 Cell phone interface

Gradient’s parameters:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3

It’s time to draw the openings on the loud speaker, choosing the same tools and methods we’ve described already when drawing the opening.

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Nokia 5300 Cell phone interface in Photoshop CS3

Gradient’s parameters:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3

Make a copy of the recently created layer and choose the Free Transform option to place the copy as it is shown below:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Now we shall represent the panel of the buttons containing the ciphers of the cell phone. In this case it’s necessary to use the Rounded Rectangle Tool (U) (radius of 55 px). Using the Add Anchior Point Tool, we should insert a top on the bottom. Select again the Convert Point Tool to make the corrections on the elements’ shapes. This new layer should be situated under all the previous made layers of the cell phone.

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Nokia 5300 Cell phone interface in Photoshop CS3

Blending Options>Gradient Overlay

Create Nokia 5300 Cell phone interface in Photoshop CS3

Gradient’s parameters:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3 Make a copy of the recently made layer and then select again Free Transform solution to make the copy smaller, changing the layer’s color on the white one, moving off the effects. This layer should be placed above the previous one, but under the others.

Create Nokia 5300 Cell phone interface in Photoshop CS3

Make one more copy of the made layer and select once again the Free Transform option to minimize the copy a little.

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Nokia 5300 Cell phone interface in Photoshop CS3

Gradient’s parameters:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3

Make a copy of the earlier made white layer and choose the Free Transform option to make the copy smaller, placing it above the rest of the layers.

Create Nokia 5300 Cell phone interface in Photoshop CS3

Make one more copy of the previous layer and then choose the Free Transform solution to make the copy smaller, placing it the same way indicated below:

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Nokia 5300 Cell phone interface in Photoshop CS3

Gradient’s parameters:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3

Mark out the zone containing the buttons with the ciphers, applying the Rounded Rectangle Tool (U) (radius of 15 px). Insert by one top on the upper and on the bottom sides, choosing the Add Anchior Point Tool. The Convert Point Tool is helpful for making the appropriate corrections on the new elements’ shapes.

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Stroke

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3 Take again the Rectangle Tool (U) to represent the line limiting the horizontal buttons’ row. Apply again the Add Anchior Point Tool for introducing two couples of the tops and then select the Convert Point Tool to correct the line’s shape.

Create Nokia 5300 Cell phone interface in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Stroke

Create Nokia 5300 Cell phone interface in Photoshop CS3

Create Nokia 5300 Cell phone interface in Photoshop CS3

Make two copies of the layer containing the line and choose again the Free Transform option to place the copies as it is pictured below:

Create Nokia 5300 Cell phone interface in Photoshop CS3

Applying the Rectangle Tool (U), try to draw two vertical lines, reserving the zone for each button. The lines’ color is #8B8D90

Create Nokia 5300 Cell phone interface in Photoshop CS3

Page: 1 2 3 4

Comments