Vectordiary

Illustrator tutorials, tips and tricks on vector art by iStockphoto exclusive artist. Enjoy free vector downloads.

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 1: 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 Table of Contents

1 Trackbacks

Gradient Mesh, o chef do Illustrator « Blog do Jorpaes | Gradient Mesh, o chef do Illustrator « Blog do Jorpaes
October 16th, 2008 at 12:15 pm

+Add Comment10 Comments

  1. Gravtar for Candy
    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. Gravtar for iStockdiary
    iStockdiary July 31st, 2008

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

  3. Gravtar for Brian
    Brian August 30th, 2008

    Actually the object is now always a gradient mesh right?

  4. Gravtar for Leroy Simpson
    Leroy Simpson August 31st, 2008

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

  5. Gravtar for kors k
    kors k September 20th, 2008

    aw shit nigga this tutorial is tight

    i hate this tool though

  6. Gravtar for paul
    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. Gravtar for dinesh
    dinesh October 6th, 2008

    good one

  8. Gravtar for den
    den November 6th, 2008

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

  9. Gravtar for Tom
    Tom December 17th, 2008

    Halim Ghodbane*

    http://www.arabezier.com/

    ?

  10. Gravtar for dimadiz
    dimadiz December 19th, 2008

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

Add a Comment

(required)

(will not be published)

rss or subscribe via email


Looking for blog writers to contribute to Vectordiary! If you have anything interesting to share on illustrator or graphic design, I'll love to hear from you

Apply now»

About Vectordiary

Vectordiary is a blog on vector illustration. It was created by Tony Soh who is an exclusive vector art contributor to iStockphoto. Tony will be sharing with you some of his techniques on using illustrator for his artwork.

View my portfolio»

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple