IPhone 4G Photoshop Tutorial

Today I will teach you how to create new Iphone 4G in photoshop.

Step 1

Create new file 400×600.
Select gradient(radial)tool and use these colors: #3d3d3d to #121212
Select Rounded Rectangle Tool, set radius to 34px and draw a shape like this:

---

Step 2

Blending Options for “Iphone shape”
Gradient Overlay

---

Step 3

Create new layer and go to Edit – Stroke – 2 px, color: #bab9b7, location: inside
Bledning Otpions for stroke 1

Inner Shadow


Bevel And Emboss



Satin



Gradient Overlay

---

Step 4

Blending Options for “Iphone shape” layer again, just edit stroke
Color : #2f2f2f, Positon: Inside, Size: 4px
Create new layer, go to Edit – Stroke – Color: black, opacity: 50%, size 1px, location: inside.
It should look like this:

---

Step 5

Create new shape:



Blending Options for new shape

Stroke



Now use this image for the screen:

---

Step 6

Now, use Eclipse Tool and create “button”



Blending Options
Gradient Overlay, set Angle to 180°



Satin

---

Step 7

Select Rounded Rectangle Tool, set radius to 5px and draw like this



Now, set Fill to 0%, put stroke, color: 808080, size: 2px, location: inside

---

Step 8

Select Rectangular Marquee Tool and delete parts like this:

---

Step 9

Select Rounded Rectangle Tool and draw shape like this:



Blending Options
Gradient Overlay



Stroke



Draw mini lines like this:

---

Step 10

Draw little rounded



Blending Options

Gradient Overlay



Duplicate it and resize it while holdin Alt+Shift
Change gradient overlay and change it like this:



Duplicate and resize it, and change gradient overlay like this:



Duplicate it to a little dot and now we will mark Color Overlay, not gradient



You should get something like this:

---

Step 11

Draw little with Rounded Rectangle Tool and apply blending options
Gradient Overlay



Inner Shadow, after that, use brush too repair some areas



Duplicate it and rotate and place it like this:

---

Step 12

Draw little shape with pen tool.
Blending Options
Gradient Overlay



Inner Shadow



Duplicate it.
And blur all buttons a little with blur tool:

---

Step 13

Use pen tool to create shape like this



While new layer is marked, CTRL+Click on the thumbnail of main shape layer and go to Select – Inverse – (press delete)
You’ll get this

---

Step 14

You can add reflection and other effects if you want to.

---

Final Result