illustrator mobile phone tutorial

Create Mobile using Illustrator

Final Preview:

illustrator-mobile-art
image-847

Step-1 Open a new document in illustrator.

Step-2 Draw a rounded rectangle in the size of 230X460 without filling color that (i.e. only stroke).

Step-3 Now apply extrude and bevel by go to Effect –> 3D –> Extrude & Bevel as like below ratios then give Effect –> 3D –> Rotate.

illustrator-mobile-art
image-848

Step-4 Copy (ctrl+c) and paste (ctrl+f) the stroke and go to Appearance (shift+F6) then delete stroke, 3D Extrude & Bevel and fill gradient as follows.

illustrator-mobile-art
image-849

Step-5 At the bottom slightly drag the vertex to bring the round like shape. Then give Effect –> 3D –> Rotate.

illustrator-mobile-art
image-850

Step-6 Copy (ctrl+c) and paste (ctrl+f) the gradient fill and using scissor tool (C) cut image.

illustrator-mobile-art
image-851

Step-7 Apply rotate by go to Effect –> 3D –> Rotate as like below:

illustrator-mobile-art
image-852

Step-8 See the below to create speaker by creating the shape with black color and take the copy to fill gray color. To give holes effect just draw circles and arrange it horizontally. Select the speaker part alone to group it (ctrl + G) and apply rotate.

illustrator-mobile-art
image-853

Step-9 Now we are going to create keypad center button. Draw a circle with radial gradient fill.

illustrator-mobile-art
image-854

Step- 10 Again draw a circle smaller than previous and Effect –> 3D –> Extrude & Bevel.

illustrator-mobile-art
image-855

Step-11 Like above draw a circle and fill white color then apply Effect –> Stylize –> Feather up to 10 pixels to the reduce the opacity.

illustrator-mobile-art
image-856

Step-12 Apply rotate by go to Effect –> 3D –> Rotate.

Step-13 Create phone symbols and apply rotate by go to Effect –> 3D –> Rotate .

illustrator-mobile-art
image-857

Step-14 Draw a rounded rectangle in white color then apply Effect –> Stylize –> Feather up to 10 pixels to the reduce the opacity.

illustrator-mobile-art
image-858

Step-15 Draw the network, battery symbols and time and mobile name text.

illustrator-mobile-art
image-859

Tags: , ,

Request a Free SEO Quote