Photoshop iphone interface design in photoshop

Here we will tell you how to make a Photoshop iphone interface design in photoshop.

[1] Take a new file of 400 pixels, 500 pixels, of resolution 72 dpi in the RGB mode.

Photoshop-iphone-interface-design1

[2] Select Rounded rectangle tool. Set the radius to 15 pixels And create a shape in the middle of your window.

Photoshop-iphone-interface-design2

[3] The color is not important. Now add the following layer style for this shape

Photoshop-iphone-interface-design3

Photoshop-iphone-interface-design4

Photoshop-iphone-interface-design5

Photoshop-iphone-interface-design6

Photoshop-iphone-interface-design7

Photoshop-iphone-interface-design8

[4] Download the following image, and open it in Photoshop.

Photoshop-iphone-interface-design9

[5] Select Rounded rectangle tool. Set the radius to 15 pixels And create a shape.

Photoshop-iphone-interface-design10

[6] Take the Take the Elliptical Marquee Tool use these settings.

Photoshop-iphone-interface-design11

[7] Create a shape over the previous selection make a new layer and fill with Black color.

Photoshop-iphone-interface-design12

[8] Now add the following layer style for this shape.

Photoshop-iphone-interface-design13

Photoshop-iphone-interface-design14

[9] Create a new shape with the help of Rectangular Marquee Tool.

Photoshop-iphone-interface-design15

[10] For this black shape please add the following layer style.

Photoshop-iphone-interface-design16

Photoshop-iphone-interface-design17

Photoshop-iphone-interface-design18

Photoshop-iphone-interface-design19

[11] Then duplicate the previous shape and place it on the Bottom.

Photoshop-iphone-interface-design20

[12] Select Rounded Rectangle Tool , Set the radius to 10 pixels , and create a simple shape.

Photoshop-iphone-interface-design21

[13] Then add the following layer styles.

Photoshop-iphone-interface-design22

Photoshop-iphone-interface-design23

Photoshop-iphone-interface-design24

[14] Then with Rectangular Marquee Tool create a few shapes like this.

Photoshop-iphone-interface-design25

[15] Press Cntl+T, Transform Selection to Minimize your shape.

Photoshop-iphone-interface-design26

[16] Take the Shape Tool select this one.

Photoshop-iphone-interface-design27

[17] Create a shape.

Photoshop-iphone-interface-design28

[18] Take the Polygonal Lasoo Tool create a shape like this then hit the Delete Key.

Photoshop-iphone-interface-design29

[19] Press Cntl+T, Transform Selection to Minimize your shape.

Photoshop-iphone-interface-design30

[20] Select Type Tool, and write some text.

Photoshop-iphone-interface-design31

[21] Download the following icon, and open it in Photoshop

Photoshop-iphone-interface-design32

[22] This is my final result.

Photoshop-iphone-interface-design33
adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Leave a Reply

You must be logged in to post a comment.