How To Make A Realistic Looking Webcam In Illustrator

Hi guys, today we are going to make a very realistic looking webcam in illustrator. I’m sure you’re very excited about this tutorial as it is on your request :) . This tutorial is about making various shapes with the help of pen tool and then compiling those shapes to make the object and with the right colors we’ll give it a very realistic look as long as we are at it. Hopefully you’ll enjoy the process.

So let’s get started.

Program: Illustrator CS5

Time: 30 to 40 min

Before going ahead with the tutorial do have a look to get the idea of the webcam’s shape.

Illustrator tutorial

So, let’s start:

Step1:

Start your illustrator and open up a new document of 800x800px. Now select the pen tool and make the shape you see below. Fill it with gradient Smoky Quartz, which you can find in swatch libraries under gradients.

Illustrator tutorial

Step2:

Now we’ll give our first shape which is the stand for webcam a bit of a height by making another shape and filling it with the gradient Blue steel.

Illustrator tutorial

Step3:

Follow the third shape to give the edge to the stand or lower clutch of the cam and fill it with White Gold gradient.

Illustrator tutorial

Step4:

Another shape similar to the first for the upper clutch and fill it with Pewter Gradient.

Illustrator tutorial

Step5:

Give the upper clutch thickness with the shape shown below and fill it again with Blue Steel gradient.

Illustrator tutorial

Step6:

Follow the next shape and fill it with blue steel gradient.

Illustrator tutorial

Step7:

Another shape is in order and fill it with the same gradient.

Illustrator tutorial

Step8:

Add a bit of a leaf like shape to add shine on the upper clutch and fill the shape with Stainless Steel.

Illustrator tutorial

Step9:

Another small shape and fill it with Steel gradient.

Illustrator tutorial

Step10:

Make another crescent shape with the previous to give depth. Fill it with Pewter radial.

Illustrator tutorial

Step11:

Go for the next shape shown below and fill it with Steel gradient.

Illustrator tutorial

Step12

Now make an egg like shape shown below and fill it with Smoky Quartz.

Illustrator tutorial

Step13:

Another oval shape and fill it with White Gold and place it as shown below.

Illustrator tutorial

Step14:

Follow the next shape shown below and fill it with Mushroom gradient. This is again to give reflection on the main body of the cam.

Illustrator tutorial

Step15:

Select the Ellipse tool and make 2 ovals. Fill one of them with blue steel gradient and the other with Silver gradient.

Illustrator tutorial

Step16:

Now for the lens, make a round shape and fill it with Sapphire gradient. Make a small leaf like shape for the shine on the lens.

Illustrator tutorial

Step17:

Now make a crescent shape on the lens to give it a bit of depth, fill it with Tanzenite gradient.

Illustrator tutorial

Step18:

Now for the upper button make 3 circular shapes and place each on top of the other. I’ve filled the first with dark blue color, second with Smoky Quartz gradient and 3rd with Steel gradient.

Illustrator tutorial

Step19:

Again make 2 small circular shapes for the small blue light on top. 1st will be filled with dark blue and 2nd top circle with Blue Zircon.

Illustrator tutorial

Step20:

Now make a triangle shape as shown below and fill it with Cast Iron gradient for the movement wheel of the cam.

Illustrator tutorial

Step21:

Add a square shape on top of the triangle as shown below. Fill it with Smoky Quartz and reduce its opacity to 60%.

Illustrator tutorial

Step22:

Add few shining lines here and there and you are done with the cam.

Illustrator tutorial

Now our realistic Webcam is complete. Have a look.

Illustrator tutorial

Hope you had fun making this webcam with me. Do share your thoughts and suggestions with me. Until next time see ya.

 

Wordpress Themes - Wordpress Video Themes - Wordpress Travel Themes - WordPress Restaurant Themes