Apple iPhone Video Tutorial in Photoshop


1. Open a new document (1280×1024px) and make a rounded rectangle with 20px radius. Add the Inner Shadow like in my example.
Apple iPhone Video Tutorial in Photoshop
2. Duplicate the body layer and make it a little smaller, and fill it with black color.
Apple iPhone Video Tutorial in Photoshop

3. To make the iPhone metal frame more shiny, add two more details at the top and bottom.
To do it duplicate the main body layer again, make a color selection (CTRL+left click on the layer in layers window),
move the selection a few pixels down and hit delete button. Duplicate the layer and rotate it vertically to make the bottom one.
Apple iPhone Video Tutorial in Photoshop

4. Make the home button. Create a black circle and add a gray 2px outline.
To make the glossy effect at bottom, repeat the 4th step (duplicate the circle layer, make a selection and cut).
At the end make a 4-5px radius rectangle and add 2 px gray outline.
Apple iPhone Video Tutorial in Photoshop

5. Add the side buttons. Make them all with 1px rounded rectangle and add a dark gray to light gray gradient.
Put these layers under all existing layers in the layers palette.
Apple iPhone Video Tutorial in Photoshop

6. Add the screen. Make a dark gray rectangle shape and add 2px outline with a bit lighter gray color.
Apple iPhone Video Tutorial in Photoshop

7. Make the receiver. Create two identical rounded rectangles, make the bottom one in white color, and the top one in gray and outline in a darker gray color.
Apple iPhone Video Tutorial in Photoshop

8. Add a glossy effect on the screen with gradient tool. We are done.
Apple iPhone Video Tutorial in Photoshop

Via:Apple iPhone

Download

Download Source Files

You must be logged-in to download. Register Now or Login
Join The Disscussion

Rainbow Text Wallpaper in Photoshop Video Tutorial

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags