Twitter Facebook RSS Logo

Learn to make a digital web-cam in Illustrator

4 Comments

Hi friends, today we are going to make a digital web-cam in illustrator. Most people like to work with Photoshop and needless to say that Photoshop is very handy when it comes to creating beautiful effects. However, Illustrator has its benefits, especially when you want to create vectors. Pen tool is very easy to handle and shapes are beautifully define. You’ll see how easy it is to make a vector or an Icon in illustrator for yourself in this tutorial. So without wasting any more time let’s begin with our webcam.

Learn to make a digital web-cam in Illustrator

Tutorial Details

Program: Illustrator CS5

Estimated Completion Time: 25-30 Minutes

Step 1

Create a new document of 800px width and 800px height in illustrator.

Learn to make a digital web-cam in Illustrator

Step 2

Select the Ellipse tool (L) and make a semi oval circle. Fill it with the radial gradient (light grey –white) as shown in the image below.

Learn to make a digital web-cam in Illustrator

Step 3

Select Pen tool and make a crescent shape as shown in the image below. Fill it with white color #ffffff , cancel the stroke and reduce its Opacity to 35%.

Learn to make a digital web-cam in Illustrator

Step 4

Again select the Ellipse tool and make an oval shape in the middle of the circle we made earlier. Fill it with the gradient shown in the image and place it a bit lower in the circle.

Learn to make a digital web-cam in Illustrator

Step 5

Copy the oval shape and paste in place. Scale it a bit smaller than the last and fill it with a new gradient as shown below.

Learn to make a digital web-cam in Illustrator

Step 6

Now select the Pen tool and make a strip like the one shown in the image below. Make another thin strip and fill these with white color #ffffff. Reduce the Opacity to 40%. Place them over the ovals as shown below.

Learn to make a digital web-cam in Illustrator

Step 7

Now make another small oval shape with the help of Ellipse tool and fill it with the dark blue color #262262.

Learn to make a digital web-cam in Illustrator

Step 8

Copy the blue oval and paste in place. Scale it a bit smaller, fill it with the radial gradient shown below. Use the gradient tool to place the lighter circle on the upper left side.

Learn to make a digital web-cam in Illustrator

Step 9

Make another crescent shape, fill it with light blue color and place it at the right side of the blue oval lens as shown below.

Learn to make a digital web-cam in Illustrator

Step 10

Make a couple of shapes with Pen tool to add shine and a bit of reflection on the cam and place them according to the picture given below.

Learn to make a digital web-cam in Illustrator

Step 11

It’s time to make the stand for our cam. You can use Ellipse tool to make a horizontal oval shape but we have used Pen tool and place it underneath the cam circle. Fill it with Silver gradient.

Learn to make a digital web-cam in Illustrator

Step 12

Copy the oval shape and paste in place. Fill it with the silver blue gradient and then place this oval a bit ahead as shown in the image below.

Learn to make a digital web-cam in Illustrator

Step 13

Make a couple of triangle shapes, fill them with white color and place them according to the image below. Reduce the Opacity to 45%.

Learn to make a digital web-cam in Illustrator

Step 14

Make another triangular shape; fill it with black color#000000. Reduce Opacity to 45% and place it as shown in the picture to make the shadow of cam above.

Learn to make a digital web-cam in Illustrator

Step 15

In the last step, we’ve added a few words around the lens and a shadow under the webcam with the help of Ellipse and Pen tool. Now our webcam is ready. Hope you had fun making it.

Learn to make a digital web-cam in Illustrator

Posted on August 16, 2012 in Tutorials, tagged , , by EntheosWeb
Tweet, Share or Comment on this page if you found this tutorial or resource useful!
Subscribe to the RSS feed or to email updates, to get even more great content!

4 thoughts on “Learn to make a digital web-cam in Illustrator

  1. V E R Y E A S Y AND VE RY GREAT TUTORIAL My dear..I LOVE IT VERY MUCH .It was really a nice and fun experience.But unfortunately I have not Illustrator this time ,but I madeit exactly on Photoshop 5.5. Thanks ,,please give some more tutorials of this kind.

Leave a Reply

Your email address will not be published. Required fields are marked *

Featured Templates

Subscribe to New Posts

Enter your email address:

Delivered by FeedBurner