- [Instructor] In this movie, I'll introduce you to the powerful gradient mesh feature here inside Illustrator. Now notice that we're looking at the bacterium which first appeared in Chapter Three on the Fundamentals course, specifically in the movie called Zooming In and Out, and just to refresh your memory, we ended up zooming in to Illustrator's maximum zoom ratio, which is 64,000%, which is sufficiently magnified to theoretically see individual bacteria, and you may notice that this guy's body right here is filled with a gradient mesh.
So let's see what that looks like. I'm going to go up to the View menu, and scroll all the way to the bottom, at which point, if you're working along with me, you'll see a command called Diagram. If you choose that command, it will zoom in on a specific portion of the illustration and it's going to turn on and off a few layers as well. I'm going to turn off the Diagram layer for now so we can focus in on this object right here, and I'll go ahead and click on it to select it with the black arrow tool and I want you to see that in addition to the points that surround the shape, we have a bunch of points inside the path as well, and these are known as mesh points.
Now I want you to notice the difference between mesh points and anchor points, and it's very subtle. If I press the a key to switch to the white arrow tool and click on this guy right here, notice that it's a square. Squares represent everyday, average anchor points in Illustrator. These guys however are diamonds if you can tell the difference and they represent the mesh points, and the interesting thing about mesh points is that they can have colors associated with them as we're seeing here inside the Swatches panel, and if you want to see what that color is, just go ahead and switch to the Color panel, which you can get by choosing the Color command from the Window menu and then I'm going to click on the flyout menu icon and choose HSB so that we're seeing the HSB sliders.
You may need to expand your Color panel in order to make them visible, and so notice if I click on this point right there, that it has a hue value of 200 degrees, a saturation of 100%, and brightness of 100% as well, whereas if I select this point, the brightness drops to 80%, and if I select this higher point, then the saturation drops to 80% and the brightness goes back up to 100%, and so what's happening is that we're creating gradients between each pairs of points, both going vertically and going horizontally as well.
So rather than being limited to a linear or radial gradient, both of which are technically one-dimensional, we end up with a two-dimensional gradient, so gradients that are going along with the shape or perpendicularly to it. All right, now because it's hard to see the difference between these points, I've gone ahead and captured a screenshot from a retina display, so a very high-resolution display, and I've opened it up inside of Photoshop and you can see if we zoom on in, that sure enough, the anchor point is square and so the anchor points are the standard sorts of points that we've seen in the past.
They do not have colors associated with them. These diamonds are mesh points, which define the color contours inside the gradient, and then, if I were to scroll down here and zoom out just a little bit, you can see that we also have what's known as a mesh patch which is the region between four mesh points, and let me show you what that looks like. I'll go ahead and switch back over to Illustrator, and I'll select that mesh patch just clicking in it, and notice that all four points surrounding the patch are also selected, and incidentally, in case you're having problems selecting a patch, then press control + k or command + k on the Mac to bring up the Preferences dialog box, select the second option over here on the left-hand side, Selection & Anchor Display, and make sure Object Selection by Path Only is turned off.
We will be turning it on later because it's very helpful to have it on when working with gradient mesh, but right now, go ahead and turn it off, and then click OK, and now you should just be able to click inside a region to select it, and then you can drag it around like so, so you can either drag an entire patch or you can click on a single mesh point and drag it around as well. Now an interesting thing to note about a mesh point is that more often than not, it's a smooth point, but it's a kind of double smooth point.
Notice that we have two sets of control handles that are diametrically opposed to each other, so they're bending up and down like a seesaw, but then we have this other set as well, and so altogether we have four control handles coming off of a single mesh point. So it behaves kind of like a double smooth point if you will. All right, now let's say you want to change the color of this point. Then just go ahead and dial in a different color here inside the Color panel. I'll go ahead and change the hue value to zero degrees, and you can see now we have this blast of red that's associated with this single mesh point.
If you want to change the color of multiple mesh points at a time, just go ahead and click and shift-click on the desired points, using the white arrow tool, and then I'll crank the saturation value up to 100%, and I'll take the hue value down to let's say 120 degrees in order to add a bunch of points of bright green. Another option is to select an entire patch by clicking inside of it and changing the color of it to let's say purple and that's going to add a blast of purple at that location, and notice the colors are fading to blue at the other mesh point, and so again, we have this two-dimensional gradient.
Notice that it's fading more slowly over here in the central portion of the shape, and that's because there's a big distance between this column of mesh points and this column of mesh points over here. Now the control handles do change the way that the colors fade by the way. So notice if I drag these controls handles around, I am going to change not only the direction of the gradient but also the speed of the gradient. So notice if I drag this guy way over here and then I drag this one back over this direction that we are going to have more of a rapid transition right here in the middle, and so I could go ahead and weight things more in favor of the purple if I wanted to, or I could drag this guy back and weight things more in favor of the blue.
And so even though I've made a big mess so far, that is my introduction to the world of gradient mesh here inside Illustrator.
Author
Released
11/9/2017As Creative Cloud evolves, this course gets updated. Check back for new videos, new feature reviews, and new ways to work.
- Top-secret tricks for shortcut enthusiasts
- Customizing the Illustrator toolbox
- Adjusting opacity with shortcuts
- Using advanced blend mode tricks
- Working with the Brushes panel
- Seamlessly repeating patterns
- Blending multiple mesh objects
- Reformatting text and numerical values
- Using the logo-making features in Illustrator
- Using the Libraries panel
- Working in 3D space
Skill Level Advanced
Duration
Views
Related Courses
-
Deke's Techniques
with Deke McClelland155h 53m Intermediate -
Draw Better and Faster with Illustrator CC
with Deke McClelland1h 52m Intermediate -
Adobe Pen Tool: Mastery
with Deke McClelland6h 52m Advanced
-
Introduction
-
31. Shortcuts and Customization
-
32. Blend Modes and Opacity Masks
-
Introducing the opacity mask8m 17s
-
Putting an opacity mask into use10m 17s
-
33. The Brushes Panel
-
Painting with path outlines1m 11s
-
-
34. Seamlessly Repeating Patterns
-
Patterns are for everyone2m 25s
-
-
35. Gradient Mesh
-
Introducing gradient mesh6m 43s
-
Creating a basic gradient mesh12m 25s
-
Isolating a mesh object7m 49s
-
Releasing a gradient mesh3m 57s
-
36. Symbols and Custom Arrowheads
-
Creating and naming symbols9m 22s
-
Working with dynamic symbols9m 43s
-
Introducing 9-slice scaling5m 16s
-
Designing custom arrowheads11m 16s
-
Designing tinted arrowheads16m 55s
-
Editing an existing arrowhead10m 42s
-
37. Charts and Pictographs
-
Graphing numerical data6m 52s
-
Customizing your legend7m 11s
-
38. Logos and Specialty Text
-
Using the Touch Type tool6m 17s
-
Two ways to warp type7m 2s
-
39. Libraries and Actions
-
40. Applying 3D Effects
-
Conclusion
-
Next steps1m 27s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Introducing gradient mesh