In today’s Illustrator Class, We are going to draw a classic telephone in Adobe Illustrator CS4. We will start from sketch and then will turn it down to a Digital Graphics. I have tried my best to write each step so even beginners can understand it. But Still, If you are not sure about some step, let us know in comments and we will do our best.You can also download the final source file (*.ai) here.
Open your Adobe Illustrator. Create a new document with 450px x 450px size.
Open your sketch file in Adobe Illustrator. Create a new layer above the sketch picture layer, and name it as phoneBody.
Now We are going to paint each parts, We will try to draw each part of the body and color them with corresponding colors. To paint them we do use solid color plus Gradient colors. Ok, now take pen tool(P) with no fill color. Draw borders of every separate parts. Shall we start from receiver?
Draw borders of top side of receiver and then apply gradient color. I am using #de2126 as my red color. Once you colored this object you delete borders ( Delete means just choose no color for stroke)
Next step is draw other parts, Left side of the receiver. Draw this object, color with Gradient tool(G) and then select no color for stroke. I used #880303 for dark red and #bb141a for light red.
Next is right side of the receiver. Draw this object and fill with Gradient tool(G). #ce171f for dark red and #d48168 for light red.
Next draw this object which is top of the telephone. 1st draw this rectangle, color with gradient tool (T). Colors that i used – #ac0f15 for dark red and #e61f25 for light red.
Ok, Lets move to front side of the phone. Draw a rectangle with the help of pen tool and fill with gradient tool. Colors are #ab0f14 dark red & #ed1c24 light red
Next is right side of the telephone. We do the same method to draw up. Draw this object and color with gradient tool. Once you colored, select and go for no color to lines. Colors i used are dark red #ce171f & white
Now friends, We want to draw speaker which is in a telephone. Draw an object like this and color with gradient tool, type is redial. 3rd picture shows you, how to place this gradient. To color this i have used these colors. #a70e13 for dar red and #ed1c24 & #de2126 for light red. After colorings select this object, choose no color for stroke. Then you send this object back to handle. So you will see just like a picture in 3rd illustration.
Now draw mic part as well. Follow those illustrations you will understand. We finished the object in #4, send this object back to all other objects.
No We need to draw receiver holders (Sorry, I don’t know the exact name of this)
#1 :- Draw three side parts
#2 :- Color with gradient tool to front side. Colors i used, Dark red #aa1f23, light red #ec2227
#3 :- Color right side of the holder with solid color #ec2027
#4 :- Finally color top side with gradient tool. Dark red #cd2127 & white
Have a copy of the object which we created in previous step and paste it as another holder
Now we draw an object and put it under the receiver. Just draw a rectangle with pen tool (P) and color with #bf2e27 and then send this object back.
Now Draw this objects as well.
Now We need to give shining effects. Lets draw a two borders to give a shining effect. You can do this by Pen tool and gradient tool.
Ok, lets add some shadow effects to our phone. Draw an object and fill with #b31317 (see #1), apply feather up to 7.06 mm and reduce opacity to 95%. After that send this object back.
Ok friends, We will add some more shining to our phone. At 1st make shining to receiver. Please see the illustration below.
Now we will give another shining to main body.
Next is draw shining to the speaker. You draw an object just like in #1, color with white gradient colors. Then send this object to back.
Ok friends, now We came to number roll. Create an oval shape and fill with white color, & reduce its opacity to 70%. Then make a copy of that, move a bit to downside and change the color to #5d140b. So you will end up with a picture like in #3
Draw another oval and apply gradient colors with different tones of ash color. See #2. Then apply inner glow. Inner glow option can be seen in Effects > Stylize > Inner Glow… Select #e8e7e7 and set blur to 2.8mm. See #3
Then Draw a small oval, color by using Gradient tool (G). Colors i used, #201d63 for dark blue & #11baee for light blue
Apply a shining effect with Gradient tool. Draw a oval and then you can color this by using Gradient tool.
Now Create a white color oval and go to Effect > 3D > Extrude & Bevel… Make adjustments as i shown in #2. Then Copy this and paste it 11 times. So you will see a picture like #3.
Now we want to draw wire which is connected phone and the receiver. This is quite simple. Take Pen tool (P) and draw these shapes as given in #1. Then Copy, paste for many times. So it should be like a rolled wire.
Now select all the shapes which we created previous step and create a New Art Brush. (This option is found in brush window)
Take Pen tool and draw a line like this with no fill color and black line color. Then select that line and choose new brush that we created.
Now select this wire and Choose Expand Appearance. (Object > Expand Appearance) Erase unnecessary parts by using Eraser (Shift+E) and draw some shapes to show that wire is connected.
Almost We done. Now We need to place numbers and some outlines to make this phone beautiful.
Draw a shadow to your phone and background color as well. I hope you enjoyed this tutorial. Thank you for reading.
I am from Canada, working as a Graphics and Web designer in J11 IT Solutions Inc. (j11.ca) and running http://cutedrops.com blog. I like web designing, graphics designing and developing RIAs. I have knowledge in Adobe Photoshop, Illustrator, Flash and Dreamweaver. If you like to conduct me just send a mail to [email protected] Thanks :)