In this tutorial, you will learn to create mobile in photoshop using round cornered rectangles , circles and gradients.

Final Image:

FINAL IMAGE

 

Creating Frame

Step-1

Lets create round cornered rectangle.

Select  “Rounded Rectangle Tool” and set radius to 50px.

1

Draw a rectangle(3cm x 5cm) like this.

2

Step-2

Go to  window>>paths

Right click on the paths and click on “Make Selection”

3

Step-3

In new layer,  give stroke.

Go to Edit >> Stroke

Set Stroke width to 10px

   4

Step-4

Add “Bevel and Emboss” to the layer

5

Step-5

In new layer fill the round cornered selection with black color.

6

Step-6

Now, draw a rectangle (2cm x 3cm) which is going to be a display screen and place it as follows.

7

Background Image for Display

Step-7

Lets design a simple abstract image for the screen.

First of all, fill foreground with blue and background with white.

8

Step-8

Select display screen.

9

Step-9

Select New layer.

Go to  Filter >> Render >> Clouds.

10

Step-10

Go to Filter >> Distort >> Glass.

11

 

Creating Speaker

Step-11

Draw a round cornered rectangle like this…….

12

Step-12

Select New Layer.

In “Paths” panel, select the layer and right click on it and select “Make Selection”

Give stroke with width 10px and “Bevel and Emboss”

13

14

Add mesh

15

Creating Camera

Step-13

For creating Camera, simply draw a radial gradient circle like this…..

16

Now, draw a blue color – diamond gradient –  circle inside the above circle like this…..

17

18

 

Creating Menu Items

Step-14

Select New Layer.

Draw round cornered rectangle.

19

Make selection and draw blue linear gradient.

20

Add reflection.

Select new layer.  Draw reflection like this….

21

Decrease opacity to 40%

22

Give name to the item.

23

Add drop shadow.

24

Similarly create rest of the menu items like this…..

25

 

Adding Side Buttons

Step-15

26

Add reflected gradient.

27

Finally, duplicate it and place them like this….

28

Adding Button

Step-16

Lets add the single button.

29

Creating Ear Phones

Step-17

At first, lets create ear phones wire.

Select new layer.

30.

Step-18

Give stroke with width 10px

31

Add “Bevel and Emboss”

32

33

Creating On and Off Button

Step-19

Draw a rectangle selection and draw Reflected Gradient like this……

34

Go to Filter >> Liquify

35

36

Step-20

Duplicate the above rectangle , resize it, lighten it and place it like this….

37

Step-21

Again duplicate it, resize it and place it like this……

38

Step-22

Draw a gradient like this….and also add plus(+) and minus (-).

39

Step-23

Now,  lets create speakers.

At first create a circle.

40

Step-24

Using “Dodge Tool”, brighten one side of it.

41

Step-25

Draw a reflected gradient rectangle like this….

42

Go to Filter >> Liquify and spherify one side of it like this..

43

Step-26

Place it over the circle and modify it using “Dodge Tool” and “Burn Tool” like this…

44

45

46

Step-27

Do final adjustments.

47

Step-28

Similarly create other ear phone

48

Step-29

Add shadows

49

 

 

Step-30

 

Finally add  signal, time, battery icons.

50

FINAL IMAGE

 

 FINAL IMAGE

 

 


Be Sociable, Share!

Category: Photoshop

Comments are closed.

RECENT POSTS



Archives