Making “googly” eyes

Finished Product

When creating that crazy looking vector image of a dog, cat, or even a person you will always need a pair of eyes to make the animal look good. I mean that is where we look first anyways right? So in this tutorial I am going to show you how to make a googly looking pair of eyes. As always start off by creating a new document, you can have it at what ever size you prefer but I would rather you have the units set to pixels.

We are going to start off by grabbing the ellipse tool (circle). Click on the artboard and make a 210 by 210px circle. Color the circle a light blue and set the stroke to none.

Grab the direct selection tool (white cursor) and start altering the points on the circle. Make it look like a weird shaped circle.

After its irregular shaped select the whole circle and copy it (cmd+c) then paste it in front (cmd+f). After its pasted in the front with it still selected hold the option (or alt for windows) key and shift. With those keys still selected drag in, make it roughly half the size of the bigger circle. Now color the smaller one black.

So now that we have something that resembles an eye lets make this thing look “googly” with some shines. Grab the ellipse tool and draw a long circle across the eye. See picture:

Now rotate this circle to above the black and to the right. Like we did with the eye out line get the direct selection tool and distort it.

After you have that made and looking like the picture above copy it and paste it then drag it to the bottom and rotate it. Then if you would like to add another little circle in between the two and distort that. Now select the bottom reflection and set the opacity to 60%. If you made the little circle in between the two larger reflections set that ones opacity to 80%.

We are almost done. Select the blue part of the eye and copy it. Then paste behind it (cmd+B). Now hold Option+shift and drag out like you are resizing it. Once its dragged out fill it with a very light gray.

For the final thing we are going to drag the white of the eye around so the blue and white arnt centered. Nothing in nature is perfectly symmetrical so we are not going to make this symmetrical. You are done! if you would like you can group the eye then copy and paste it so you will have two next to each other.

Popularity: 22% [?]

You can leave a response, or trackback from your own site.
  • David
    This tutorials fun I like the effect. Thanks for the help.
blog comments powered by Disqus