Nokia 5300 Cell phone interface

May 28th, 2008 by ART-D Posted in Adobe Photoshop, Designing

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

  •  

  •    

  •  

 

Post Pages: 1 2 3 4

  • Tirath

    12/01/2010

    Awesome tutorial
    Thanks so much for posting
    always amazing tutorials
    your all tutorials are awesome
    I learn so much from you
    Thanks so much Genus
    U are one of the Best tutorials website on internet
    Keep up good work
    God bless you :-)

  • Bhargav

    05/02/2010

    Didn’t new making such a superb phone was so easy :) It was an exciting tutorial for me! Thanks :)

  • FreshBusinessCards

    03/06/2010

    HI !

    Cool effect I will certainly be useful to my new project.

    Thanks

  • maria

    19/06/2010

    que bueno! muy practico!

  • Mahi

    20/07/2010

    Thanks a lot!
    very good and useful!

  • shilpa

    31/01/2011

    Thank you for such a wonderful tutorial :)

  • lovely

    27/08/2011

    Design nokia n97 in photoshop latest gadget tutorial….
    i found this here- http://heromind.com/design-nokia-n97-in-photoshop-latest-gadget-tutorial/

  • Khan ahmed

    09/09/2011

    =>such a wonderful tutorial

  • sejal

    06/02/2012

    THIS TUTORIAL HELPED ME IN MAKING MY PROJECT……THANK YOU SO MUCH..:)

  • Arvind

    11/04/2012

    Hi,

    This is best tutorials for learning.