Apple iPhone Mobile Phone Design

March 5th, 2007 by ART-D Posted in Adobe Photoshop, Drawing Techniques

Fill 0% on the layers and situate the Opacity on 80%.
Blending Options-Gradient Overlay

Create Apple iPhone Mobile Phone Design in Photoshop CS

Gradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Make a copy of this new represented layer and situate it on the bottom of the screen. Don’t forget to change the parameters with those shown below:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Blending Options-Gradient Overlay

Create Apple iPhone Mobile Phone Design in Photoshop CSGradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CS

The next tool will be helpful in drawing a kind of opening reserved for the loudspeaker.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Fill 0% on the layers.
Blending Options-Gradient Overlay

Create Apple iPhone Mobile Phone Design in Photoshop CS

Gradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CSInsert the time’s element on the menu’s panel.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Select the instrument shown here and draw several indicators of white color on the menu’s panel. (the lock should be realized in two stages, applying two instruments: and )

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Choose the instrument from here to have again the possibility to select the appropriate cliché, like it is indicated in the next picture:

Create Apple iPhone Mobile Phone Design in Photoshop CSThe Free Transform option will help us to turn around the element, to erase the unnecessary elements and to set the white color. Use the instrument to insert a kind of dot between the figures. The Opacity is of 70%.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Take the following tool and represent the lowest layer designed for the camera.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Blending Options-Gradient Overlay

Create Apple iPhone Mobile Phone Design in Photoshop CSGradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Blending Options-Stroke

Create Apple iPhone Mobile Phone Design in Photoshop CS

Take the previous instrument to create a kind of darkening of black color on the upper part of the camera. Both these instruments and will be helpful in making the necessary corrections on the shape.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Select another instrument to represent the usual orifice for the camera.

Create Apple iPhone Mobile Phone Design in Photoshop CSCreate Apple iPhone Mobile Phone Design in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Apple iPhone Mobile Phone Design in Photoshop CS

Introduce the date on the menu’s panel, keeping the demands from the table you may see here:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Choose the already known instrument to represent on the lowest part of the screen one more panel colored in 495467.

Create Apple iPhone Mobile Phone Design in Photoshop CSCreate Apple iPhone Mobile Phone Design in Photoshop CS

Fill 50% on the layers.
Blending Options-Stroke

Create Apple iPhone Mobile Phone Design in Photoshop CS

Gradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Using the last instrument, it’s possible to create the button on the lowest panel.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CSFill 0% on the layers.
Blending Options-Gradient Overlay

Create Apple iPhone Mobile Phone Design in Photoshop CS

Gradient’s parameters:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Select again the instrument to choose another cliché shown in the next table with red color.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Represent a grey color pointer on the button.

Create Apple iPhone Mobile Phone Design in Photoshop CS

Blending Options-Inner Shadow

Create Apple iPhone Mobile Phone Design in Photoshop CSInsert in the end the additional reference text, having the same demands indicated in the table below:

Create Apple iPhone Mobile Phone Design in Photoshop CS

Create Apple iPhone Mobile Phone Design in Photoshop CS

Finished!

View full size here.

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , ,

  • Gary Norwalt

    05/05/2010

    Hey This Is A Very Good Photoshop Tutorial. Way To Go Man. Keep Up The Good Work.

  • AngelFromAdobe

    29/08/2010

    Awesome!!!! I actualy made one my self xD it looks so real

  • Kord

    01/02/2011

    Нарисовал телефончмк….и как мне кажется дажет лучше чем у вас!!! За урок спасибо!!!!!!!!

  • firepit

    29/06/2011

    Really easy to follow steps to design a sophisticated Mobile Phone.

  • Shafiya

    02/07/2011

    Raelly great and easy to do…. very nice tutorial……… Thanks a lot!!

  • Tech Savvy

    08/07/2012

    hey I selected the rounded rectangle tool but after that when I had draw I m not able to get d same output .

  • meet

    24/08/2012

    hey , which software is this ? give me a name of this software .. please … !!!

  • shahinur

    21/11/2012

    How nice tutorial. Its help all designer specially beginner. Thanks for the post.

  • chanumaan

    10/01/2013

    Great and easy to do!! very nice tutorial. Thanks a lot for sharing !!