In this tutorial, you will learn to create mobile in photoshop using round cornered rectangles , circles and gradients.
Lets create round cornered rectangle.
Select “Rounded Rectangle Tool” and set radius to 50px.
Draw a rectangle(3cm x 5cm) like this.
Go to window>>paths
Right click on the paths and click on “Make Selection”
In new layer, give stroke.
Go to Edit >> Stroke
Set Stroke width to 10px
Add “Bevel and Emboss” to the layer
In new layer fill the round cornered selection with black color.
Now, draw a rectangle (2cm x 3cm) which is going to be a display screen and place it as follows.
Background Image for Display
Lets design a simple abstract image for the screen.
First of all, fill foreground with blue and background with white.
Select display screen.
Select New layer.
Go to Filter >> Render >> Clouds.
Go to Filter >> Distort >> Glass.
Draw a round cornered rectangle like this…….
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”
For creating Camera, simply draw a radial gradient circle like this…..
Now, draw a blue color – diamond gradient – circle inside the above circle like this…..
Creating Menu Items
Select New Layer.
Draw round cornered rectangle.
Make selection and draw blue linear gradient.
Select new layer. Draw reflection like this….
Decrease opacity to 40%
Give name to the item.
Add drop shadow.
Similarly create rest of the menu items like this…..
Adding Side Buttons
Add reflected gradient.
Finally, duplicate it and place them like this….
Lets add the single button.
Creating Ear Phones
At first, lets create ear phones wire.
Select new layer.
Give stroke with width 10px
Add “Bevel and Emboss”
Creating On and Off Button
Draw a rectangle selection and draw Reflected Gradient like this……
Go to Filter >> Liquify
Duplicate the above rectangle , resize it, lighten it and place it like this….
Again duplicate it, resize it and place it like this……
Draw a gradient like this….and also add plus(+) and minus (-).
Now, lets create speakers.
At first create a circle.
Using “Dodge Tool”, brighten one side of it.
Draw a reflected gradient rectangle like this….
Go to Filter >> Liquify and spherify one side of it like this..
Place it over the circle and modify it using “Dodge Tool” and “Burn Tool” like this…
Do final adjustments.
Similarly create other ear phone
Finally add signal, time, battery icons.