Adobe Illustrator CS CS2 | Gradient Mesh Tool, Gradients & Blends
Creating gradations with Adobe Illustrator's Gradients & Blends
Introduction
In Adobe Illustrator CS, tonal gradations are rendered via the Gradient Mesh tool (U) and the Gradient Tool (G). The Gradient tool is fairly straightforward in it's approach to rendering a gradation. On the other hand, the Gradient Mesh tool is one of the more labor intensive and frustrating tools in the Illustrator tool pallet, especially for the Illustrator newcomer. Once you become comfortable with this tool you can create seamless blends and gradations that are infinitely scalable in vector format.
Gradient Pallet Attributes
The Illustrator Gradient Tool (G) is accessed through Illustrator's Tool pallet (Fig. 1). Once a gradation has been created it is controlled through the Gradient Pallet shown in Fig. 2. A gradation is created by selecting a contained shape (square shown in Fig. 3) and dragging across it with the Gradient Tool (G). You will notice that the white-to-black gradation is indicated in the Gradient Pallet shown in Fig. 2.
Gradient Mesh Tool Attributes
Tonal gradations can also be created via Illustrator's Gradient Mesh tool (U). This tool is used to render complex gradations and shapes. It is also accessed through Illustrator's Tool pallet (Fig. 4). Once a gradient "Mesh" has been created (Fig. 5) you will notice a grid pattern overlaying your shape. The grid is controlled in much the same way as you would control Illustrator's Pen Tool. You can drag anchor points and add them just as you would with the Pen tool.
Unlike the Gradient Tool (G), the Gradient Mesh tool does not make use of the Illustrator Gradient Pallet shown in Fig. 6. It is totally controlled by manipulating the anchor points on the grid "mesh". You will notice that the center anchor point in Fig. 5 is active (solid) and that the grey color it is introducing into our black square is shown as the "Fill" color on the Tool Pallet (Fig. 4).
Using the Gradient Tool
In this demonstration we will create a matt finished metal tube using only the Illustrator Gradient Tool (G). By clicking on the gradient bar in the Gradient Pallet (Fig. 8), you can add new gradation points. This gives you the multiple banding effect that is necessary to render a reflective metallic surface. You will see that our new gradation is shown as the "Fill" color on the Illustrator Tool Pallet (Fig. 7). You control the color that each new gradation point introduces by double clicking on that point and using the "Color Pallet" to modify it's color properties.
In Fig. 9 we have hardened up the gradation to simulate a highly reflective chrome surface. This is achieved by moving the gradation points closer together thereby shortening the span of each gradation step.
Gradient Mesh Tool
In this next demonstration we will create a convex shape using the Illustrator Gradient Mesh tool (U). We will start out with a simple shape (Fig. 11). Once a gradient "Mesh" has been established to our shape (Fig. 12) you will see our grid pattern overlaying the shape. At this stage all anchor points are active (solid). Now we will click on the center anchor point to activate it and deactivate all of the other surrounding points. Once again you will notice that the center anchor point in Fig. 13 is active (solid) and that the white color it is introducing into our grey shape is shown as the "Fill" color on the Tool Pallet (Fig. 10).
As was stated in the preceding paragraph, you can control the illusion of shape by dragging or adding anchor points to the mesh grid. This will change the location and intensity of the gradation thereby affecting the shape. Remember to control the mesh anchor points in the same way that you would control the anchor points along a Path or Stoke.
In Fig. 14 we see our shape as it is integrated into the final image. All of the anchor points have been selected and the "Fill" color on the Tool Pallet will show a "Question Mark" to indicate that there are multiple colors at work in the selection.
Conclusion
This is a very basic lesson in the use of the Illustrator Gradient Mesh tool and it's ability to create smooth gradations and blends. Using the techniques discussed in this tutorial there is no limit to the complexity of the subject matter you can render with these tools. Fro an example of just how far you can take Adobe Illustrator's Gradient Tools check out the article on Yukio Miyamoto's work.
Back to - Illustration Tutorials
| 
