Article CATEGORIES

Tags and Search

RSS Feeds

Tutorials

Articles

Blog

Friends and Affiliates

Website Statistics

Total tutorials : 2150
Total views : 440928
Total votes : 3053

Category with most tutorials :
Photoshop (1538 Tutorials)
Category with most views :
Photoshop (320706 Views)
Category with most votes :
Photoshop (2057 Votes)
Related articles
No articles related to this article found in our database.

Making a cartoon eye with Adobe Illustrator

In this tutorial, you will learn how to create a cartoon eye with Adobe Illustrator. To start this tutorial, you don't needed to be a Illustrator expert. So lets get started. As usual, let me show you the final result of this tutorial,

realistic cartoon eye

1 First make this "so hard" outline of an eye. realistic cartoon eye

2 Now make the eyeball using "Elipse Tool"

Every eyeball (except cartoon maybe) in this world if you look it from the front it'll be always shaped a perfect round, if you don't trust me try to trace it from a real frontal human photo. realistic cartoon eye

3 As you can see the eyeball line is too big, that's why you need to make a path using "Pen Tool" to cover the overlaping part, and when you make new path ALWAYS use a different color just to make it easier.

Now to cut the overlaping path you need "Pathfinder" (to open it press "Shift+Ctrl+F9"), hold "Alt button" then click "substract from shape (Alt+clik to expand)". realistic cartoon eye

4 Fill the eyeball with 2 any colors you want, so it won't seemed flat plus it saves your time (I chose magenta and black)

Use "Radial Gradient" for this matter realistic cartoon eye

5 Make another round Path using "Elipse Tool" for the center and the highlight of the eye, and the color for the center of the eye should be black, as for the highlight it depends on the lightning of the background or surrounding, white is for normal daylight I suppose. realistic cartoon eye

6 "Copy" the center path and paste it in front, DO NOT use normal paste (Ctrl+V), coz it will showed up on different place, and we need it on the same exact place.

After making the center path became 2 paths, you won't see it the difference unless you opened the layer window, there will be 2 round shapes. realistic cartoon eye

7 Go to "Effect Menu>Blur>Gaussian Blur" and set the "Radius Parameter" then click "OK". realistic cartoon eye
Now your image will look like following one, realistic cartoon eye

8 Now make it bigger, if u can't make it bigger just by using "Selection Toll (v)" use "Free Transform Tool (e)", don't forget to press "Shift" so the path won't get distorted realistic cartoon eye
And it'll look like this. realistic cartoon eye

9 Let's add some shadow so it won't be Flat by using "Pen Tool (p)" realistic cartoon eye

10 Arrange It to the bottom of the layer.

To arrange the path: hold "Ctrl" and press "[" to bring it down, and "]" to bring it up or drag it manually on the layer window. to bring it to bottom or to the top hold "Ctrl+Shift"

It's done, but i'm not satisfied enough, let's add more details on the eyeball. realistic cartoon eye



See also

Most of the web hosting companies claims to be the cheap and reliable. They are cheap, but are they reliable? This hosting company provides an advance web hosting search. So you can do a search on that website if you are looking for budget web hosting.


Bookmark Article

Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator Making a cartoon eye with Adobe Illustrator


Share Article

Liked this tutorials? Want to put a link on your website, please use following code


About Author

Abdullah Ibrahim AKA designcode is 20 year old web developer having skills over PHP, MySQL, XML, SOAP, AJAX, Javascript, Photoshop, Flash, XHTML and CSS. He loves to create rich web 2.0 applications.

Apart from his day time Job as a Software Developer, he also do web designing and development as a freelancer web designer and developer.

In his free time, that he rarely have, he like to read books, listen music and hangout with friends.

Network Websites

Design Code Interactive
Design Code Interactive runs a network of website with rich contents. DC Interactive offer web design and development services.
http://www.dc-interactive.net

Free Website Templates
Colorifer.com specializes in development of FREE and QUALITY Adobe Photoshop website templates. We create website templates in accordance with the standards, the rules of usability and Internet trends.
http://www.colorifer.com

Free Desktop Wallpapers
Wallpaperstock offer Free desktop wallpapers, stock photos, fresh desktop wallpapers and all that in high resolution.
http://www.wallpaperstock.net

CG Files
www.cg-files.com is huge resource of cg files and tutorials. On CG Files you can download free 3D models, 3D Max Tutorials, Photoshop Tutorials, Flash Tutorials, Collection of Textures, Blueprints, HDRI, News, and much more.
http://www.cg-files.com

You Link Here
Advertise here for as low as $10/month and boost your traffic and pagerank. Click link below for more information.


Sponsored Links


Home | About Us | Advertise | Link to Us | Contact Us
Privacy Policy | Disclaimer | Terms of Uses
Copyright 2006-2007 Design Code Interactive. Please do not use website contents without our permissions.

Design Code Interactive
Validate XHTML Validate CSS