1

00:00:00.06 --> 00:00:01.05

- [Instructor] In this

movie, we're going to take



2

00:00:01.05 --> 00:00:03.06

our simplified path and we're going to add



3

00:00:03.06 --> 00:00:05.07

a bunch of rows and columns to it.



4

00:00:05.07 --> 00:00:06.06

And along the way,



5

00:00:06.06 --> 00:00:09.07

I'll show you how to

take cusp mesh points,



6

00:00:09.07 --> 00:00:11.03

which sometimes occur



7

00:00:11.03 --> 00:00:13.03

when you're creating complicated meshes,



8

00:00:13.03 --> 00:00:16.06

and turn them into more

organic smooth points.



9

00:00:16.06 --> 00:00:19.04

Alright, so with this path

selected, I'll go ahead



10

00:00:19.04 --> 00:00:20.09

and switch to my mesh tool,



11

00:00:20.09 --> 00:00:23.03

which of course you can

get by pressing the u key,



12

00:00:23.03 --> 00:00:25.03

at least by now I've

said that enough times



13

00:00:25.03 --> 00:00:26.08

that it doesn't really make any sense.



14

00:00:26.08 --> 00:00:31.04

And now I'll go ahead and zoom

in on this right headlight



15

00:00:31.04 --> 00:00:33.04

and I'm going to click just above



16

00:00:33.04 --> 00:00:35.02

this bottom-right anchor point,



17

00:00:35.02 --> 00:00:38.06

right at this location

there, to add a row.



18

00:00:38.06 --> 00:00:40.07

Now, the interesting thing about this row



19

00:00:40.07 --> 00:00:44.02

is it almost looks like a

duplicate of the bottom segments



20

00:00:44.02 --> 00:00:46.09

and that's because it's

trying to match the contour



21

00:00:46.09 --> 00:00:48.02

of that segment.



22

00:00:48.02 --> 00:00:49.07

And so what you need to do



23

00:00:49.07 --> 00:00:52.00

is switch to the Delete Anchor Point Tool,



24

00:00:52.00 --> 00:00:54.01

which you can get by

pressing the minus key,



25

00:00:54.01 --> 00:00:57.02

and then you want to hunt

down any of those points



26

00:00:57.02 --> 00:00:59.01

and notice we've got one here



27

00:00:59.01 --> 00:01:01.03

but we don't have as

many as we had before.



28

00:01:01.03 --> 00:01:05.04

We also have this guy and

I think that might be it.



29

00:01:05.04 --> 00:01:09.00

This guy next door right

here is some kind of point



30

00:01:09.00 --> 00:01:11.01

but if I click on it to get rid of it



31

00:01:11.01 --> 00:01:12.09

then Illustrator complains, so



32

00:01:12.09 --> 00:01:15.00

I'm just going to leave it where it is.



33

00:01:15.00 --> 00:01:18.01

Alright, now we want to add

another row up here at the top



34

00:01:18.01 --> 00:01:21.02

and you can do that by switching

back to that mesh tool.



35

00:01:21.02 --> 00:01:23.07

And then I want to zoom

out here a little bit



36

00:01:23.07 --> 00:01:25.06

so I can see more of what I'm doing



37

00:01:25.06 --> 00:01:28.02

and I want to add a point right about here



38

00:01:28.02 --> 00:01:30.01

and because I'm clicking on something



39

00:01:30.01 --> 00:01:31.09

that I guess resembles a column,



40

00:01:31.09 --> 00:01:33.07

we end up getting a new row.



41

00:01:33.07 --> 00:01:35.04

And then I'll press the

minus key to switch back



42

00:01:35.04 --> 00:01:37.05

to my Delete Anchor Point Tool



43

00:01:37.05 --> 00:01:38.09

and I'll make sure that there aren't any



44

00:01:38.09 --> 00:01:40.02

extra anchor points visible



45

00:01:40.02 --> 00:01:41.08

which in my case there aren't.



46

00:01:41.08 --> 00:01:43.07

Alright, so this looks awfully darn good.



47

00:01:43.07 --> 00:01:45.08

I am going to make a

few modifications here.



48

00:01:45.08 --> 00:01:48.04

I'll press the a key to

switch to the White Arrow Tool



49

00:01:48.04 --> 00:01:50.06

and then I'll click on this segment,



50

00:01:50.06 --> 00:01:51.08

the first one I created



51

00:01:51.08 --> 00:01:54.08

and I'll drag this control

handle way down like so



52

00:01:54.08 --> 00:01:57.04

and then I'll drag this

control handle over here



53

00:01:57.04 --> 00:02:01.05

on the right hand side up

until I get sort of this



54

00:02:01.05 --> 00:02:03.09

waving path outline right here



55

00:02:03.09 --> 00:02:06.07

and I really want it to

wave close to the grill



56

00:02:06.07 --> 00:02:10.07

but I'm not going to get it

too close until I add a column.



57

00:02:10.07 --> 00:02:12.05

Now I should say, by the way,



58

00:02:12.05 --> 00:02:14.00

if you didn't want to add any columns,



59

00:02:14.00 --> 00:02:16.00

you could get some more

control by switching



60

00:02:16.00 --> 00:02:17.04

for the Delete Anchor Point tool



61

00:02:17.04 --> 00:02:18.09

to the Add Anchor Point Tool.



62

00:02:18.09 --> 00:02:20.05

You can do that and

you could just go ahead



63

00:02:20.05 --> 00:02:23.02

and add a point right there

in the middle if you want,



64

00:02:23.02 --> 00:02:24.09

after which point I can

press the a key to get my



65

00:02:24.09 --> 00:02:26.08

White Arrow Tool and I can actually select



66

00:02:26.08 --> 00:02:29.07

the point I added and drag

it to a different location.



67

00:02:29.07 --> 00:02:31.00

That's not what I want to do however,



68

00:02:31.00 --> 00:02:33.06

I want to control the

location of all my mesh points



69

00:02:33.06 --> 00:02:35.00

using rows and columns.



70

00:02:35.00 --> 00:02:36.06

It's just a cleaner way to work.



71

00:02:36.06 --> 00:02:39.00

And so, I'll press control

z or command z on the Mac



72

00:02:39.00 --> 00:02:41.03

a couple times to get rid of that point



73

00:02:41.03 --> 00:02:44.03

and I'll go ahead and switch

to the mesh tool once again



74

00:02:44.03 --> 00:02:46.02

and I want to add a new point,



75

00:02:46.02 --> 00:02:48.04

let's say right about here



76

00:02:48.04 --> 00:02:50.09

and that's going to add this crazy column



77

00:02:50.09 --> 00:02:52.09

and it turns the point white



78

00:02:52.09 --> 00:02:55.04

which is in no way what I want.



79

00:02:55.04 --> 00:02:57.01

So I'll go over here

to the Swatches Panel,



80

00:02:57.01 --> 00:03:00.07

make sure the fill is

active and select blue one



81

00:03:00.07 --> 00:03:01.08

one again.



82

00:03:01.08 --> 00:03:03.04

Alright, now I'll press

the a key to switch



83

00:03:03.04 --> 00:03:05.05

to the White Arrow Tool

and I want you to notice



84

00:03:05.05 --> 00:03:07.00

this point right here.



85

00:03:07.00 --> 00:03:09.03

I'll go ahead and select

it and notice that



86

00:03:09.03 --> 00:03:12.00

it's kind of a crazy cusp point



87

00:03:12.00 --> 00:03:13.05

in which the two opposite handles



88

00:03:13.05 --> 00:03:16.01

are locked into alignment with each other.



89

00:03:16.01 --> 00:03:17.07

That is not going to do us any good.



90

00:03:17.07 --> 00:03:20.08

So, what I'm going to do

instead is click and hold



91

00:03:20.08 --> 00:03:22.06

on the Add Anchor Point Tool right there



92

00:03:22.06 --> 00:03:24.06

and choose the Anchor Point Tool



93

00:03:24.06 --> 00:03:27.08

or you can press a keyboard

shortcut of shift c



94

00:03:27.08 --> 00:03:29.02

in order to select it



95

00:03:29.02 --> 00:03:32.09

and now what you want to do is

just drag out from this point



96

00:03:32.09 --> 00:03:36.01

and that's going to create a

total of four control handles



97

00:03:36.01 --> 00:03:37.06

as we're seeing right here



98

00:03:37.06 --> 00:03:39.04

but this time they're all symmetrical,



99

00:03:39.04 --> 00:03:41.08

which means we have a smooth point.



100

00:03:41.08 --> 00:03:43.04

Alright, now I'll press the u key



101

00:03:43.04 --> 00:03:45.04

to switch back to my Mesh Tool



102

00:03:45.04 --> 00:03:47.08

and I'll go ahead and drag this point



103

00:03:47.08 --> 00:03:51.00

while pressing the shift key

so that I'm dragging it along



104

00:03:51.00 --> 00:03:53.08

the row line like so and

that'll just make for



105

00:03:53.08 --> 00:03:56.01

a more consistent effect in a moment,



106

00:03:56.01 --> 00:03:57.07

after I've fixed things of course.



107

00:03:57.07 --> 00:04:00.07

Anyway, I went ahead and shift

dragged this guy over as well



108

00:04:00.07 --> 00:04:03.05

and I'll drag this control

handle up a little bit



109

00:04:03.05 --> 00:04:07.02

and then I'll drag this

control handle down like so



110

00:04:07.02 --> 00:04:09.00

and I'll press the a key to switch back



111

00:04:09.00 --> 00:04:11.06

to my White Arrow Tool

so I don't inadvertently



112

00:04:11.06 --> 00:04:14.09

add a column or a row and

I'll click on that mesh point



113

00:04:14.09 --> 00:04:17.07

and I'll drag this control handle up,



114

00:04:17.07 --> 00:04:18.07

perhaps not that far



115

00:04:18.07 --> 00:04:21.06

and then I'll drag this

control handle back



116

00:04:21.06 --> 00:04:23.04

and I'll once again

press the u key to switch



117

00:04:23.04 --> 00:04:25.08

to switch to the Mesh Tool

and I'll drag this guy over



118

00:04:25.08 --> 00:04:28.01

while pressing the shift key in order to



119

00:04:28.01 --> 00:04:31.06

constrain that row and I'll

drag this guy up a little more



120

00:04:31.06 --> 00:04:32.05

and so forth.



121

00:04:32.05 --> 00:04:35.04

So you may find yourself

needing to drag the points



122

00:04:35.04 --> 00:04:38.01

and control handles around several times



123

00:04:38.01 --> 00:04:40.06

in order to get the

effect you're looking for.



124

00:04:40.06 --> 00:04:42.04

Alright, once you have a column line



125

00:04:42.04 --> 00:04:44.04

that looks nice and smooth,

you really want to get it



126

00:04:44.04 --> 00:04:47.05

as smooth as possible,

then go ahead and add



127

00:04:47.05 --> 00:04:49.06

another column over about here.



128

00:04:49.06 --> 00:04:51.09

So click near the top

of this octagonal logo



129

00:04:51.09 --> 00:04:54.00

in order to create this column line.



130

00:04:54.00 --> 00:04:56.00

It's not perfect but if I drag this point



131

00:04:56.00 --> 00:04:57.03

while pressing the shift key



132

00:04:57.03 --> 00:04:59.04

I can move this over to a better location



133

00:04:59.04 --> 00:05:02.03

and I'll go ahead and drag

this control handle down



134

00:05:02.03 --> 00:05:06.02

like so and that actually

looks pretty good.



135

00:05:06.02 --> 00:05:08.00

Alright, now I want to

move this mesh point down.



136

00:05:08.00 --> 00:05:10.02

So I'm going to drag it

while pressing the shift key,



137

00:05:10.02 --> 00:05:12.09

so again, I'm working with the Mesh Tool.



138

00:05:12.09 --> 00:05:14.05

The Mesh Tool's the

only one that allows you



139

00:05:14.05 --> 00:05:16.00

to constrain a mesh point



140

00:05:16.00 --> 00:05:20.02

along a column or row line

and then I'll just go ahead



141

00:05:20.02 --> 00:05:23.08

and drag this guy up ever so slightly.



142

00:05:23.08 --> 00:05:25.07

Alright, now we need

to add two more columns



143

00:05:25.07 --> 00:05:28.08

and a bunch more rows and so

I'm going to click right here



144

00:05:28.08 --> 00:05:31.03

and because we're working

in between these two



145

00:05:31.03 --> 00:05:34.01

smooth columns, things

should look pretty darn good.



146

00:05:34.01 --> 00:05:35.07

They might not be prefect, in which case



147

00:05:35.07 --> 00:05:37.06

you're just going to have

to modify the position



148

00:05:37.06 --> 00:05:39.09

of the mesh points or the control handles



149

00:05:39.09 --> 00:05:41.05

until you get the effect you like



150

00:05:41.05 --> 00:05:43.07

and then I'll click right about here



151

00:05:43.07 --> 00:05:46.09

to add another column like so.



152

00:05:46.09 --> 00:05:49.05

Alright, now I'm going

to add four more rows,



153

00:05:49.05 --> 00:05:51.03

I just found that this works nicely



154

00:05:51.03 --> 00:05:53.06

and so I'm going to create a

row just above the bottom one



155

00:05:53.06 --> 00:05:56.05

like so and it's looking super smooth



156

00:05:56.05 --> 00:05:57.09

as we you can see right here.



157

00:05:57.09 --> 00:06:01.02

One problem is I want to lift

these curves a little bit



158

00:06:01.02 --> 00:06:02.09

so I'm going to press

the a key to switch to my



159

00:06:02.09 --> 00:06:05.04

White Arrow Tool and I'll

just click this segment



160

00:06:05.04 --> 00:06:08.00

and I'll drag this control handle upward



161

00:06:08.00 --> 00:06:12.01

so that it's mimicking the

angle of this line right here



162

00:06:12.01 --> 00:06:15.08

and I'll go ahead and do the

same with this control handle,



163

00:06:15.08 --> 00:06:17.09

the one that's associated

with the bottom row



164

00:06:17.09 --> 00:06:20.07

and I'll press the u key to

switch back to my Mesh Tool



165

00:06:20.07 --> 00:06:23.00

and I'll grab this point

and drag it while pressing



166

00:06:23.00 --> 00:06:24.05

the shift key upward



167

00:06:24.05 --> 00:06:27.04

so that I'm dragging the

point along the column line.



168

00:06:27.04 --> 00:06:30.05

Alright, now let's add a

few more rows, three in all



169

00:06:30.05 --> 00:06:32.00

and I'll start with one right there



170

00:06:32.00 --> 00:06:34.04

and one just slightly above it



171

00:06:34.04 --> 00:06:37.05

and then I'll go ahead

and create another row



172

00:06:37.05 --> 00:06:40.02

right about at this location here



173

00:06:40.02 --> 00:06:42.07

and I'm going to go ahead

and grab this mesh point



174

00:06:42.07 --> 00:06:45.06

and shift drag it downward

so that we're more or less



175

00:06:45.06 --> 00:06:47.05

matching the control of the grill



176

00:06:47.05 --> 00:06:52.04

and I'll shift drag this guy

down a little bit as well



177

00:06:52.04 --> 00:06:54.04

so that this portion of the

line is running parallel



178

00:06:54.04 --> 00:06:57.02

to the other ones and I'll

go ahead and drag this



179

00:06:57.02 --> 00:06:59.01

control handle up a little bit.



180

00:06:59.01 --> 00:07:01.08

And you can play with these

things all day but ultimately,



181

00:07:01.08 --> 00:07:03.02

this is the effect I'm looking for.



182

00:07:03.02 --> 00:07:06.00

So notice that I have one,

two, three, four, five,



183

00:07:06.00 --> 00:07:09.02

six rows, at least six

rows that we're seeing



184

00:07:09.02 --> 00:07:12.08

and then one, two, three, four columns.



185

00:07:12.08 --> 00:07:15.00

And that's how you add a

bunch of rows and columns



186

00:07:15.00 --> 00:07:17.00

to your simplified path outline



187

00:07:17.00 --> 00:07:21.02

as well as how you convert

rouge cusp points if need be,



188

00:07:21.02 --> 00:07:24.06

to smooth mesh points

using the Anchor Point Tool



189

00:07:24.06 --> 00:07:26.06

here inside Illustrator.