Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

    Nokia 5300 Cell phone interface
    Published  05/28/2008 | Designing
       
    Nokia 5300 Cell phone interface - part 1


    This tutorial shows you how to use multiple vector shapes, layer styles, and various tools to create a mobile phone design. It's a nice design with multiple small details explained.

    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.

    Create Nokia 5300 Cell phone interface in Photoshop CS3

    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

    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

    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

    Create Nokia 5300 Cell phone interface in Photoshop CS3 

    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>Inner Glow

    Create Nokia 5300 Cell phone interface in Photoshop CS3

    Blending Options>Stroke

    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

    Create Nokia 5300 Cell phone interface in Photoshop CS3 Nokia 5300 Cell phone interface
    This tutorial shows you how to use multiple vector shapes, layer styles, and various tools to create a mobile phone design. It's a nice design with multiple small details explained.