Creating a Telephone Icon
Tutorial in Basics, Designing, Drawing
Let me introduce to you a tutorial in which you will create the icon of a telephone. In order to do so, we will use ((Pen Tool)), ((Elliptical Marquee Tool)), and ((Layer Styles)): ((Gradient Overlay)) and ((Stroke)).
Open a new document, 300×300px, and white background.
Select ((Pen Tool)) to draw the following trace.
Create a ((New Layer)).
Press Ctrl + Enter to transform the trace into selection.
Fill in the selection with black.
Double lick the layer to open ((Layer Styles)).
((Gradient Overlay)). Use these colors: #69737f and #7b8390.
((Stroke))
Accept the changes.
Select ((Pen Tool)) and create this trace:
Create a ((New Layer)).
Fill it in with #f2efef.
Create a ((New Layer)).
Draw the rectangular shape you see below and fill it in with color #7A9369 .
Write a text in the phone’s display.
Create a ((New Layer)).
With ((Elliptical Marquee Tool)), draw a circular selection as the one you see below. Fill it in with color #6E8FA0.
Then apply a ((Stroke)), 1px, black.
With ((Line Tool)), 2px, add some buttons in the superior part of the phone.
Draw more buttons in the lower part of the phone and fill them in with color #6E8FA0 and 1px of ((Stroke)).
Create another ((New Layer)).
Select ((Pen Tool)) to trace the phone.
Fill it in with black.
Double click the layer to apply ((Layer Styles)).
((Gradient Overlay)). Use these colors: #69737f and #7b8390
((Stroke)).
Accept the changes.
Create another ((New Layer)).
Select ((Pen Tool)) and draw the following shape.
Fill it in with black.
Create a ((New Layer)).
Finally, with ((Pen Tool)), draw the shape that appears below the phone. Apply the same ((Gradient Overlay)) you used before.
