How to use gradient mesh in Illustrator tutorial

How to use the gradient mesh command (found in the object menu) of Illustrator CC 2018 2017 2015 CS6 CS5 etc. The tool can be used with paths as well as images etc

Gradient mesh command in Illustrator

how to use gradient mesh in Illustrator tutorial
  1. Select Illustrator path / object

  2. Object menu

  3. Create gradient mesh command

  4. Set the rows and columns for the Illustrator gradient mesh

  5. Set the appearance such as flat and to center and to edge

  6. Use highlight option with the latter two settings

  7. OK

The result of the gradient mesh in Illustrator is much the same as the related tool but instead of manually editing the path, you can add the nodes in seconds and with a more consistent layout.


Video tutorial on subject from (youtube)


The generated artwork can be edited by the direct selection tool. De-select all the artwork and then use the direct selection tool to select a number of nodes. Once you have selected them, you can set the color as well as move the nodes (and much more)


Buy $4.50 16,000 Brushes from and they can all be combined with colors on this page AI gallery


You can use the tool with standard paths so select a rectangle or star or a more abstract vector design and then apply the command.


If you use a very basic shape such as a rectangle then the result will a grid of nodes. If you add a highlight then the middle of the image will be highlighted. If you go for no highlight then the entire generated art will be a solid color. Create a circle and use the command the result is a spherical grid. Again, any of those individual nodes can be selected using the direct selection tool (as well as others) and the color of the individual nodes can be changed as well as shifted.


The result with unusual paths is generally more of a mess than with a circle or rectangle though,. If you select a very abstract path, you will probably notice many different fragmented color shifts (especially if you use the highlight). You cannot expand the result though. You can save the artwork to the symbols panel and then use the tool with the symbol sprayer to create very dramatic designs / backgrounds / frames etc. You can also save the artwork to the CC libraries and then use the work in Photoshop etc.


You can also use the command with images and the results will be a vector based on the underlying colors in the image. The more rows and columns added, the closer the vector will look to the original image. The result is still pretty blurry though. You can, as with a normal path, also use the color guide and the color adjustments in the edit menu to modify the entire color of the converted image or perhaps only some nodes (you can select parts of the art by using the direct selection tool)


You can use a number of other tools to distort and warp the nodes such as the wrinkle tool, warp tool, twirl tool etc You can warp and distort all the nodes or if you select some nodes with the direct selection tool, only those nodes will be warped and twirled. The colors of the path will not be changed but the structure will be totally changed. The object menu and envelopes can also be used to transform the artwork in totally unique ways.


Keywords : How to use gradient mesh in Illustrator tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin