Welcome to our Illustrator in 60 Seconds series, in which you can learn an Illustrator skill, feature, or technique in just a minute!
Illustrator in 60 Seconds: How to Create a Phone Icon
In today's tutorial we're going to show you how to create your very own phone icon using nothing more than simple shapes and tools that you probably already work with on a daily basis.
How to Create a Phone Icon
Start by creating a new web document with a 128 x 128 px artboard, which we'll structure using two separate layers. Select the first layer, and add a 120 x 120 px circle which we'll color using yellow.
And then align it in the center, locking its layer. Create the phone's main shape using a white 48 x 84 px rounded rectangle with a 6 px corner radius, which we'll position in the center of the artboard.
Using the Rectangle Tool, add a display by drawing a 40 x 58 px shape, which we'll color using yellow and then center align to the phone's body, pushing it a few pixels toward the top afterwards. Add the lower button, using a yellow 8 x 8 px circle which we'll center align to the phone's chin.
Finish off the icon by creating the phone's earpiece, using a 12 x 2 px rounded rectangle with a 1 px corner radius, which we'll then center align to the upper section of its body.
A Bit More Detail
Learn more about Adobe Illustrator on Envato Tuts+:
This is part of a series of quick video tutorials on Envato Tuts+ in which we introduce a range of subjects, all in 60 seconds—just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you'd like to see explained in 60 seconds!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post