Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Adding and deleting lines with the Mesh tool

From: Illustrator CC One-on-One: Mastery

Video: Adding and deleting lines with the Mesh tool

In this movie, I'll show you how to manually assign rows and columns to a gradient mesh so that you have as much control over the process as much as possible. As I was saying in the previous movie, I want to specifically add more column lines around the outer edges of the shape, as this volumetric object is declining away from us, and you do that using the Mesh tool. So go ahead and select the Mesh tool, either by clicking on its icon or pressing the U key. Next, to add a new column line, you want to click on an existing row line because you always end up adding a line perpendicular to the one that you click on, so I'll go ahead and click right there in order to add this kind of contour, and then I'll go ahead and click over here in order to add a column line to that location, and I want to add another one right here.

Adding and deleting lines with the Mesh tool

In this movie, I'll show you how to manually assign rows and columns to a gradient mesh so that you have as much control over the process as much as possible. As I was saying in the previous movie, I want to specifically add more column lines around the outer edges of the shape, as this volumetric object is declining away from us, and you do that using the Mesh tool. So go ahead and select the Mesh tool, either by clicking on its icon or pressing the U key. Next, to add a new column line, you want to click on an existing row line because you always end up adding a line perpendicular to the one that you click on, so I'll go ahead and click right there in order to add this kind of contour, and then I'll go ahead and click over here in order to add a column line to that location, and I want to add another one right here.

Now, if you need more row lines, then you click on an existing column line. For example, I'm going to create a new row line right about there and one up here, as well. Now, at some point you may want to move an existing line around. For example, I want this column line to be farther over to the left. Now, armed with the Mesh tool, you can drag points around and with a great deal of control, too. Notice that I could drag this point right here. And if you press the shift key as you drag, then you'll drag the column, in this case, along the existing row. So the row's not affected.

Or, if I were to drag up and down, I could drag the row and leave the column unaffected, which is very useful. Problem is, and this, to my way of thinking, is just nuts, you can't select multiple points at a time. You can with the Wide Arrow tool. So if you press the A key to switch to the Wide Arrow tool, and then shift-click on a bunch of points like so, you can end up selecting the entire column, as you see me doing right now. However, problem is, there's no way to constrain your drag so you don't mess up all the row lines, which is what I'm looking to do.

And, if I were to undo that move, press the U key to switch back to the Mesh tool, and now drag these guys while pressing the shift key, you can see that Illustrator goes ahead and de-selects all those points. So the point of my diatribe is this: It's easier if you want to move an existing line to just delete it and then click where you want it to be. So delete the bad line. Add a new good line. And to delete a line, what you do is you press the Alt key while using the Mesh tool, and then notice if you click on a point, you're going to delete both the column and the row that were associated with that point.

I don't want that to happen, so I'll press Ctrl+Z, or Cmd+Z on the Mac. Instead, what you do is press the Alt key or the Option key on the Mac and click on an existing line segment like so, and that'll just go ahead and delete that entire column. Now I'll create a new column right here by clicking on that point on the row line. Now I want to delete this column line as well, so I'll press the Alt key, or the Option key on a Mac, and click on it, and then I'll click right here to create a new column line. So basically what I'm doing is moving these columns around.

I also want to move this row line right here, so I'll press the Alt key, or the Option key on a Mac, and click on the line segment associated with that row, and then I'll click on the column line right about here, to add a new row like so. Alright now I want to adjust the contour of these two rows right here so that they decline around this sort of spherical area of the pepper here. And so, I'll go ahead and drag this line while pressing the shift key, and that will constrain the edge so it doesn't get all messed up. And I'll drag this guy down a little bit while pressing the shift key as well.

Notice that these points right here are sort of double smooth points. That is to say, in all, they have four control handles, two of which at any given time are symmetrical to each other. So if I drag this control handle down, the opposite one raises up, but I don't affect the top and bottom handles. If I wanted affect all four handles at the same time when using the Mesh tool, then I would press the shift key while dragging any one of these control handles around. I also want to drag this guy up, so I'll just go ahead and drag the control handle upward like so, and I might actually need to drag this guy up a little bit as well.

Then I'll take this point and I'll shift-drag it to this location right here. Shift-drag this one a little bit down as well. Go ahead and adjust this control handle as well as this one in order to create this final effect here. And that's how you both add and delete rows and columns inside of a gradient mesh as well as adjust the positions of specific anchor points and control handles.

Show transcript

This video is part of

Image for Illustrator CC One-on-One: Mastery
Illustrator CC One-on-One: Mastery

85 video lessons · 8480 viewers

Deke McClelland
Author

 
Expand all | Collapse all
  1. 1m 58s
    1. Welcome to One-on-One
      1m 58s
  2. 45m 11s
    1. The smartest of guides
      1m 36s
    2. Setting up angular construction guides
      4m 59s
    3. Shaving off miter joins and projecting caps
      4m 53s
    4. Precisely aligning angled logo artwork
      5m 52s
    5. Covering up gaps and seams in your logo
      7m 9s
    6. Creating ornaments based on miter joins
      5m 9s
    7. Hand-drawing letters as stroked paths
      9m 34s
    8. Kerning and clipping hand-drawn type
      5m 59s
  3. 49m 33s
    1. The benefits of using symbols
      1m 3s
    2. How symbols and instances work
      4m 54s
    3. Creating and naming symbols
      6m 42s
    4. Introducing 9-slice scaling
      4m 31s
    5. Customizing the effects of 9-slice scaling
      7m 5s
    6. Acquiring, trading, and previewing symbols
      6m 5s
    7. Duplicating and replacing symbol instances
      5m 45s
    8. Using symbols to simulate master pages
      6m 54s
    9. Advanced symbol modifications
      6m 34s
  4. 1h 12m
    1. Shading objects with Gradient Mesh
      1m 18s
    2. Creating a gradient mesh
      4m 23s
    3. Adding and deleting lines with the Mesh tool
      4m 27s
    4. Assigning colors to mesh points
      6m 36s
    5. Finessing colors to add depth and shading
      6m 10s
    6. Creating a gradient with the Mesh tool
      8m 27s
    7. Wrapping gradients around circles
      4m 15s
    8. Working with slender, bending shapes
      8m 48s
    9. Creating soft and sharp transitions
      6m 17s
    10. Converting a linear gradient to a mesh
      7m 44s
    11. Converting a radial gradient to a mesh
      9m 16s
    12. Using gradients to cast shadows
      5m 10s
  5. 24m 23s
    1. Black conceals, white reveals
      1m 8s
    2. Introducing opacity masks
      6m 24s
    3. Assigning an empty opacity mask to a layer
      4m 45s
    4. Drawing inside an opacity mask
      4m 57s
    5. Fading artwork with a gradient opacity mask
      3m 3s
    6. Nesting one opacity mask inside another
      4m 6s
  6. 1h 6m
    1. Two ways to apply free-form distortions
      1m 6s
    2. Introducing the Warp tool
      7m 50s
    3. Brush size, Detail, and Simplify
      8m 20s
    4. Liquifying an isolated portion of a path
      9m 49s
    5. The Twirl, Pucker, and Bloat tools
      8m 37s
    6. The Scallop, Crystallize, and Wrinkle tools
      7m 6s
    7. Simplifying a path; creating a custom starburst
      6m 26s
    8. Applying an envelope-style distortion
      4m 34s
    9. Editing the contents of an envelope
      7m 40s
    10. Masking the contents of an entire layer
      5m 0s
  7. 30m 15s
    1. Transforming live and on the fly
      1m 44s
    2. Using the Free Transform tool
      4m 49s
    3. Transforming with respect to the center
      2m 24s
    4. Applying free-form and perspective distortions
      4m 16s
    5. Resetting the bounding box
      4m 37s
    6. Free transforming tile patterns
      3m 53s
    7. Using the Touch Type tool
      5m 12s
    8. Tweaking transformations numerically
      3m 20s
  8. 1h 14m
    1. Up to five tiles per pattern brush
      1m 12s
    2. Creating a basic pattern brush
      6m 29s
    3. Correcting a repeating pattern brush
      4m 6s
    4. Adjusting a pattern brush to match its path
      3m 21s
    5. Automating and designing a corner tile
      8m 52s
    6. Adding an angled loop to a corner design
      3m 44s
    7. Creating end tiles and tile perimeters
      6m 28s
    8. Cropping your designs inside your tiles
      4m 22s
    9. Assembling a seamless pattern brush
      5m 35s
    10. Adding a white buffer zone to a pattern brush
      6m 35s
    11. Reconciling very acute corners in a path
      8m 25s
    12. Creating a pixel-based-image pattern brush
      6m 20s
    13. Spacing and orienting pattern brushes
      8m 47s
  9. 43m 37s
    1. The pleasures and pitfalls of graphs
      1m 44s
    2. Importing and graphing numerical data
      7m 48s
    3. Modifying data to create a category axis
      4m 6s
    4. Reformatting text and values in a graph
      5m 40s
    5. Changing the Graph Type settings
      5m 27s
    6. Creating and applying a graph design
      8m 14s
    7. Repairing a broken pictograph
      2m 53s
    8. Re-creating a graph at the proper size
      7m 45s
  10. 37m 45s
    1. The five advantages of Illustrator in 3D
      1m 39s
    2. Introducing Illustrator's three kinds of 3D
      5m 6s
    3. Working in 3D space: Pitch, yaw, and roll
      5m 13s
    4. Lighting and shading a 3D object
      4m 13s
    5. Beveling the edges of a 3D extrusion
      4m 23s
    6. Creating live, editable 3D type
      4m 30s
    7. Adding cast shadows to 3D type
      3m 59s
    8. Assigning and editing a 3D Revolve effect
      4m 58s
    9. Mapping artwork onto a 3D object
      3m 44s
  11. 1m 10s
    1. See ya
      1m 10s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

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.


Mark all as unwatched Cancel

Congratulations

You have completed Illustrator CC One-on-One: Mastery.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.