Vectordiary

Day 18: Photorealism with Gradient Mesh

By Tony Soh Posted on July 31st, 2008

Gradient Mesh allows you to create shapes with gradients. And many artist has been able to create photo realistic drawings of people, products and vehicles just by using Gradient Mesh. Here is an example of photorealistic artwork by Halim Ghobane. If you don’t believe your eyes, the gradient mesh line will show the answer.

Halim Ghodbane

[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

Next Lesson: Using the Symbol Tools »
Back to Table of Contents

Share and Enjoy:

• 
• 
• 
• 
• 
• 
• 

About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

• 13 Amazing Gradient Mesh Tutorials
• Top 10 Masters of Gradient Mesh
• Illustrator Tutorial: Gradient Mesh Flower
• Day 15: Transforming & Moving Objects
• Illustrator Tutorial: Realistic Curtain

If you have enjoyed reading this post, you may subscribe to our RSS for weekly updates!
Subscribe via RSS »
Subscribe via Email »

+Add Comment24 Comments

1. 
   Candy July 31st, 2008

   This is excellent. Something bothers me about gradient mesh though, is that later on if I wanna edit the object it’s not editable. Even when I try and expand it.

2. 
   iStockdiary July 31st, 2008

   Hi Candy, using Direct Selection Tool you still can select and edit the anchor points anytime.

3. 
   Brian August 30th, 2008

   Actually the object is now always a gradient mesh right?

4. 
   Leroy Simpson August 31st, 2008

   What tha blood claat man, dis a good tool!!

5. 
   kors k September 20th, 2008

   aw shit nigga this tutorial is tight

   i hate this tool though

6. 
   paul September 22nd, 2008

   this is amazing. can you create a gradient mesh with a compound paths?? for some reason i can’t get it

7. 
   dinesh October 6th, 2008

   good one

8. 
   den November 6th, 2008

   http://designsite.com.ua/portfolio.htm best Vector Gradient Mesh

9. 
   Tom December 17th, 2008

   Halim Ghodbane*

   http://www.arabezier.com/

   ?

10. 
    dimadiz December 19th, 2008

    http://designsite.com.ua/portfolio.htm cool vector

11. 
    Az January 31st, 2009

    Would you please explain me how you have created this shape???

12. 
    Az January 31st, 2009

    I need your helpppppppppp! How can I create this shape??? Also I can not create this shadow with mesh. PLZ help..

13. 
    Vectordiary January 31st, 2009

    Hi Az, first draw a circle. With the Pen Tool selected, hold Alt as you click the top anchor point to convert it a a point shape. Click and drag the point again to move it higher to form the tear shape. Hope it helps. =)

14. 
    Az February 2nd, 2009

    Thanks for your help, but it seems that I have some problems in using pen tool. Do you know any video tutorial for this purpose?

15. 
    David February 7th, 2009

    Yes, it can be hard to ‘grasp’ for beginners! (pun intended? )

    I started to mess with it even more. If you add more mesh lines and select certain multiple points, you can really mess with the object. I got the teardrop looking like a mallet…or hammer type object!

16. 
    Dave Oliver March 1st, 2009

    Incredible tutorials!

    But just a question. When a gradient mesh is applied to an object, the stroke automatically turns off. Is there a way to keep an object’s stroke when a gradient mesh is applied?

17. 
    Vectordiary March 1st, 2009

    Hi Dave Oliver, There is no way to turn it on. An alternative solution is to make a duplicate of the shape before you apply gradient mesh. Then send it behind the gradient mesh. You can then add a stroke to that shape. This will create a stroke effect to the gradient mesh.

18. 
    Dave Oliver March 2nd, 2009

    Ah, true true. Thank you for the quick response, much appreciated!

19. 
    katy stapleton March 16th, 2009

    You make this look so easy …when i connect two points it goes crazy like a child and a crayon and i don’t know how to smooth it.

20. 
    Vectordiary March 16th, 2009

    Maybe your water droplet paths are messy, that’s why the mesh turns messy. Try this instead: first draw a circle. With the Pen Tool selected, hold Alt as you click the top anchor point to convert it a a point shape. Click and drag the point again to move it higher to form the tear shape.

21. 
    Carlos Alberto Michelena March 20th, 2009

    I like a lot this tutorial.
    Thank you.

22. 
    Kelly Brosky March 31st, 2009

    Thank you so much. I’ve been using Illustrator for a while now and have mastered just about everything but the gradient mesh. This simple tut is so much easier to understand than any other I’ve found and now I have a good starting point to practice using the gradient mesh tool!

23. 
    juan salvatierra April 29th, 2009

    Bravo!!! thank you for the great tutorial. =)

24. 
    Jeffery Wright June 9th, 2009

    its confounding oversights in illustrator that keep me going back to corel.

    like this: “There is no way to turn it on. An alternative solution is to make a duplicate of the shape before you apply gradient mesh.”

    what kind of silliness is this? in corel, one just has to simply ‘convert to curves’!

    why is this missing in illustrator?

    the same reason it was impossible to place an objects outline behind its fill until only recently… which you could do in corel since at least version 2!