Saturday, July 24, 2010

Apple iPhone Photoshop tutorial

iphone photoshop tutorial

1. Open a new document (1280×1024px) and make a rounded rectangle with 20px radius. Add the Inner Shadow like in my example.

2-make-a-rounded-rectangle

2. Duplicate the body layer and make it a little smaller, and fill it with black color.

fill the body

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.

chrome effect

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.

home button

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.

add buttons

6. Add the screen. Make a dark gray rectangle shape and add 2px outline with a bit lighter gray color.

add the screen

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.

make the receiver

8. Add a glossy effect on the screen with gradient tool. We are done.

psd iphone

No comments:

Post a Comment