Day 18: Photorealism with Gradient Mesh

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.

gradient mesh

Halim Ghodbane

Creating a Gradient Mesh Object

Here is a quick overview of a gradient mesh object. You can apply colors to Mesh Points and edit them using Direction Selection Tool to control the shapes of the mesh object. The Mesh Line shows the contours of the object.

mesh object

Creating a Gradient Mesh Object

Method 1: Using Gradient Mesh Tool

To turn an object into a gradient mesh, select the Gradient Mesh Tool and click once on the shape to create a mesh point. Click above the Mesh Line to crate another point.

Select the first mesh point and select a lighter blue for the base of the water droplet. Next add a third point on top and set it to white. Finally, select the middle point and give it a dark blue.

Select all the 3 mesh points with the Direction Selection Tool and drag it down to mimic the contours of a water droplet. And realistic water droplet is done!

Method 2: Using Gradient Mesh Tool

To create a grid of gradient mesh object quickly, you can use the function Object>Create Gradient Mesh. Enter the number of rows or columns you want to create. You can also create a highlight in the middle by setting Appearance to Center.

Conclusion

Gradient mesh can be hard to grasp for beginners as the mesh line starts to mess out when you have a irregular shaped object. To learn more, check out my tutorial on using Gradient Mesh to create curtain effects.

Next Lesson: Using the Symbol Tools »
Back to Illustrator Training Course

Be Sociable, Share!

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Comments are closed.

  1. 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. I need your helpppppppppp! How can I create this shape??? Also I can not create this shadow with mesh. PLZ help..

  3. 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. =)

  4. 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?

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

    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!

  6. 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?

  7. 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.

  8. 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.

  9. 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.

  10. 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!

  11. 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!

  12. Hello admin โ€“ That is surely the wonderful in search of weblog I’ve seen. It had been totally easy to understand and it had been easy to look with the knowledge which i wanted. Wonderful web design and helpful content materials!

  • Wedding Photography in Delhi www.surrealmedialabs.com/wedding_photography.html

    Wedding photography is the photography of activities relating to weddings.Wedding is a ritualistic way of expressing your love.
    UpVote Reply 0 Upvotes
  • King Dost www.squidoo.com/best-constipation-remedy-have-a-healthy-diet-plan-

    Hello admin โ€“ That is surely the wonderful in search of weblog I've seen. It had been totally easy to understand and it had been easy to look with the knowledge which i wanted. Wonderful web design and helpful content materials!
    UpVote Reply 0 Upvotes
  • Jeffery Wright

    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!
    UpVote Reply 0 Upvotes
  • juan salvatierra

    Bravo!!! thank you for the great tutorial. =)
    UpVote Reply 0 Upvotes
  • Kelly Brosky

    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!
    UpVote Reply 0 Upvotes
  • Carlos Alberto Michelena

    I like a lot this tutorial. Thank you.
    UpVote Reply 0 Upvotes
  • Vectordiary www.vectordiary.com

    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.
    UpVote Reply 0 Upvotes
  • katy stapleton

    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.
    UpVote Reply 0 Upvotes
  • Dave Oliver

    Ah, true true. Thank you for the quick response, much appreciated!
    UpVote Reply 0 Upvotes
  • Vectordiary www.vectordiary.com

    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.
    UpVote Reply 0 Upvotes
  • Dave Oliver

    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?
    UpVote Reply 0 Upvotes
  • David www.artwanted.com/davidfriedman

    Yes, it can be hard to 'grasp' for beginners! (pun intended? :P) 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!
    UpVote Reply 0 Upvotes
  • Az

    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?
    UpVote Reply 0 Upvotes
  • Vectordiary www.vectordiary.com

    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. =)
    UpVote Reply 0 Upvotes
  • Az

    I need your helpppppppppp! How can I create this shape??? Also I can not create this shadow with mesh. PLZ help..
    UpVote Reply 0 Upvotes
  • Az

    Would you please explain me how you have created this shape???
    UpVote Reply 0 Upvotes
  • dimadiz designsite.com.ua

    http://designsite.com.ua/portfolio.htm cool vector ;)
    UpVote Reply 0 Upvotes
  • Tom www.10designs.co.uk

    Halim Ghodbane* http://www.arabezier.com/ ?
    UpVote Reply 0 Upvotes
  • den designsite.com.ua

    http://designsite.com.ua/portfolio.htm best Vector Gradient Mesh
    UpVote Reply 0 Upvotes
  • dinesh bigbracket.wordpress.com

    good one
    UpVote Reply 0 Upvotes
  • paul

    this is amazing. can you create a gradient mesh with a compound paths?? for some reason i can't get it
    UpVote Reply 0 Upvotes
  • kors k

    aw shit nigga this tutorial is tight i hate this tool though
    UpVote Reply 0 Upvotes
  • Leroy Simpson

    What tha blood claat man, dis a good tool!!
    UpVote Reply 0 Upvotes
  • Brian

    Actually the object is now always a gradient mesh right?
    UpVote Reply 0 Upvotes
  • iStockdiary www.istockdiary.com

    Hi Candy, using Direct Selection Tool you still can select and edit the anchor points anytime.
    UpVote Reply 0 Upvotes
  • Candy

    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.
    UpVote Reply 0 Upvotes
22 More Comments