Photoshop Fine drawing iphone4 Mobile interface

Today we'll learn how to make Iphone4 in Photoshop. We use some basic drawing tools and layer styles to try to create the real sense of the phone. The IPhone is an innovative, touch-widescreen ipod for Apple and a breakthrough Internet communication device with desktop-level e-mail, web browsing, search, and map capabilities, the perfect blend of three of mobile phones. User interface design mainly includes multi-touch screen, visual virtual keyboard is not real. The techniques shown in this tutorial can help you design any device, such as a wall-mounted TV or handheld computer. I hope you like it, let's start the tutorial.

Final Effect Preview

First step.

First we create a new file in Photoshop, Wide 6.33cm, high 7.79cm, 300dpi resolution. Double-click the background layer to unlock it, and then apply the gradient overlay (gradient from top to bottom set to #9d9d9d-#cecece-#ffffff) as follows:

Step two.

Open the texture picture downloaded from the stock.xchng in Photoshop and place it above the background layer, reducing the opacity to 8%.

Step three.

Import iphone photos downloaded from Apple's official website apple.com and draw guides to the phone's edge and screen.

Fourth step.

Set the foreground color to black, along the outer ring guide line, use the Rounded Rectangle tool (fillet radius: 27px) To draw the phone profile, and rename the layer to "body".

Fifth step.

Add a gradient stroke to the body layer, with the following parameters set:

Add a drop shadow to the body layer, with the following parameters set:

[1] [2] [3] [4] Next page