Updated : 2021
How to use the (gradient) mesh tool in Adobe Illustrator.
The mesh tool in Adobe Illustrator can be found in the Illustrator toolbar. The mesh tool can be used to add mesh node points and color to a selected path. The mesh tool can add nodes once or multiple times to a path. You can change the color of the mesh tool node in Adobe Illustrator via the color panel. You can also move the node point which in turn distorts the Illustrator mesh. The mesh nodes in Adobe Illustrator can also be deleted using the mesh tool in Adobe Illustrator. You can also use the gradient mesh command in the object menu of Illustrator to add the mesh nodes. The mesh nodes can be added as rows and columns as well as the highlight being flat and to the center and to the edge. The mesh tool can then manipulate those mesh nodes. You can also use images with the gradient mesh tool to create unusual blurry vector images based on the mesh. You can do the same with rasterized gradients.
You can then re-color all the mesh tool nodes in Adobe Illustrator using the powerful color guide. This tutorial shows the mesh tool and how to add the mesh nodes. This tutorial shows you how to color the mesh and warp the selected path. The mesh tutorial also shows the gradient mesh command and how that can be used with images and color guide in Adobe Illustrator. The mesh tool can be found in the toolbar of Illustrator. Meshes can also be created via the gradient mesh command found in the object menu in Adobe Illustrator
Select a path in Adobe Illustrator
Go to the mesh tool in the toolbar of Illustrator
Click anywhere on the path
Set the color of the node
Click somewhere else on the path
Change the color of the node
Repeat with other nodes (you can see the result on the left)
You can also use the same tool to warp the path with the mesh tool in Adobe Illustrator.
select a path
select the mesh tool
drag the point (don't change the color)
go to another node and drag
go to the another node of the mesh tool path
Works better with the edges of the path with the mesh added but it can also be effective with the inner parts of the mesh in Adobe Illustrator
You can also add a mesh using the gradient mesh in Adobe Illustrator.
select path
go to the object menu
create gradient mesh command
set the rows and columns
set the appearance such as flat and to center and to edge
Use highlight option with the latter two settings
The result of the gradient mesh in Adobe Illustrator is much the same as the mesh tool but instead of manually editing the path, you can add the mesh in seconds with the gradient mesh. The gradient mesh can also be edited by the mesh tool to change the colors and positions of the nodes in Adobe Illustrator
You can also use the gradient mesh command with images and you can then generate a mesh based on the underlying colors of the image.
Select image
Object menu
Gradient mesh
Set to 10 rows and 10 columns etc
Ok
The result is now an Illustrator mesh. The mesh can be modified by the mesh tool such as changing the color and also the position of the nodes (such as warping the mesh image)
Select mesh / image
Mesh tool
Select a node
Drag (and re-color if required)
You can also use the generated Illustrator mesh from the mesh tool with the color guide (as well as the gradient mesh)
select path
generate nodes using mesh tool from toolbar
change color
repeat
select entire path
color guide panel
click the edit color button at bottom
change active colors
click randomly change color order button in color guide
You can then generate all kinds of color designs from the same mesh (image or standard paths)