Article CATEGORIES

Tags and Search

RSS Feeds

Tutorials

Articles

Blog

Friends and Affiliates

Website Statistics

Total tutorials : 3459
Total views : 736800
Total votes : 8512

Category with most tutorials :
Photoshop (2322 Tutorials)
Category with most views :
Photoshop (424681 Views)
Category with most votes :
Photoshop (4952 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

Photoshop Tutorials
Photoshop Tutorials, Photoshop special effects, textures, patterns, photo correction and many other free Adobe Photoshop Tutorials
http://www.tutorialkit.com

Search Engine Optimisation
Seo Global a world leader in SEO provides top search engine rankings for some of the worlds leading Companies. Seo Global uses safe Google methodologies to achieve the highest organic search engine rankings
http://www.seo-global.com.au

Web Hosting
Provider of cheap web hosting starting from just 9.99 pound a year! All packages come with cPanel, web builder software and 24 / 7 expert support.
http://www.dream-hosting.co.uk

Free video tutorials
Our tutorial video collection is designed to help beginners and those wishing to learn new software to become productive faster and those wanting to advance their skill set.
http://www.video-tutes.com

Web Hosting
Do not get ripped off! Compare web hosting providers before you open up that wallet. See user ratings and reviews of web hosts
http://www.webhostingbreak.com

Web Hosting Reviews
iew our comprehensive web hosting reviews and ratings of the top 10 best web hosts.
http://www.mybestratedwebhosting.com

Flash Templates
Professionally designed quality flash templates at Elegant-Templates.com
http://www.elegant-templates.com

Advertise
Click on link above for more information.


Useful 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