1

00:00:00.04 --> 00:00:02.02

- [Instructor] Another

often overlooked use for



2

00:00:02.02 --> 00:00:05.01

art brushes is text along a path.



3

00:00:05.01 --> 00:00:07.00

And you may recall text on a path



4

00:00:07.00 --> 00:00:10.01

from the end of chapter eight

of the fundamentals course.



5

00:00:10.01 --> 00:00:12.05

We're seeing a couple

of examples right here



6

00:00:12.05 --> 00:00:15.02

and it works just great if

you want to keep your text



7

00:00:15.02 --> 00:00:17.07

editable and you want to set it along



8

00:00:17.07 --> 00:00:20.03

a nice, smooth path outline.



9

00:00:20.03 --> 00:00:22.09

But what if you're looking

for a more distinctive effect



10

00:00:22.09 --> 00:00:25.06

where the text distorts or bows,



11

00:00:25.06 --> 00:00:27.03

as we're seeing right here,



12

00:00:27.03 --> 00:00:30.01

and you want it to auto-fit the path?



13

00:00:30.01 --> 00:00:32.05

And this is a huge issue.



14

00:00:32.05 --> 00:00:36.00

Art brushes always automatically

fit their path outlines,



15

00:00:36.00 --> 00:00:38.08

where text along a path does not.



16

00:00:38.08 --> 00:00:40.09

And so, what I'm going to do in this movie



17

00:00:40.09 --> 00:00:43.07

is show you how we might

approach this project



18

00:00:43.07 --> 00:00:47.01

if all we had to work with

was text along a path outline



19

00:00:47.01 --> 00:00:49.07

and then in the next movie,

we'll see how much smoother



20

00:00:49.07 --> 00:00:54.00

things go if you first convert

your text to an art brush.



21

00:00:54.00 --> 00:00:56.09

If you're working along

with me, twirl open the



22

00:00:56.09 --> 00:01:00.00

path type layer at the

top of the layers panel



23

00:01:00.00 --> 00:01:03.00

and then scroll to the bottom

of it and you will find



24

00:01:03.00 --> 00:01:06.03

two items that are, in fact,

the text along the path



25

00:01:06.03 --> 00:01:08.08

that you're currently seeing on screen.



26

00:01:08.08 --> 00:01:10.08

Go ahead and turn both of those off



27

00:01:10.08 --> 00:01:14.03

and then turn the four hidden items on.



28

00:01:14.03 --> 00:01:16.08

And they represent two lines of path text,



29

00:01:16.08 --> 00:01:19.04

along with a couple of path outlines



30

00:01:19.04 --> 00:01:23.01

that currently have no fill or stroke.



31

00:01:23.01 --> 00:01:25.02

The easiest way to see those path outlines



32

00:01:25.02 --> 00:01:28.00

is to go to the view menu

and choose the outline mode



33

00:01:28.00 --> 00:01:32.01

or you can just press control

Y, or command Y on the Mac.



34

00:01:32.01 --> 00:01:35.08

Now notice that we have a

couple of path outlines that



35

00:01:35.08 --> 00:01:38.02

have cusp points at their center.



36

00:01:38.02 --> 00:01:39.09

Down here at the bottom of the artwork



37

00:01:39.09 --> 00:01:41.04

and up here at the top.



38

00:01:41.04 --> 00:01:43.04

We're going to start at

the bottom so I'll go ahead



39

00:01:43.04 --> 00:01:46.01

and select this type and

I'll press control C,



40

00:01:46.01 --> 00:01:48.06

or command C on the Mac, to copy it.



41

00:01:48.06 --> 00:01:50.05

And then, I'll switch to the type tool,



42

00:01:50.05 --> 00:01:52.06

which I can get by pressing the T key.



43

00:01:52.06 --> 00:01:54.09

Now I want to center my type on a path,



44

00:01:54.09 --> 00:01:56.07

so I might figure I need to click



45

00:01:56.07 --> 00:01:58.08

in the center of the path outline like so,



46

00:01:58.08 --> 00:02:00.08

in which case, these

days, I end up with some



47

00:02:00.08 --> 00:02:03.05

place holder text, which

I'll replace just by pressing



48

00:02:03.05 --> 00:02:06.02

control V, or command V on a Mac.



49

00:02:06.02 --> 00:02:08.06

And I can see that I

already have a problem.



50

00:02:08.06 --> 00:02:11.04

The word curiously is

too far over to the right



51

00:02:11.04 --> 00:02:13.01

and I've got some overflow text,



52

00:02:13.01 --> 00:02:16.02

as indicated by this little plus sign.



53

00:02:16.02 --> 00:02:17.09

We'll go ahead an press the escape key



54

00:02:17.09 --> 00:02:20.04

in order to escape out

of the text entry mode,



55

00:02:20.04 --> 00:02:22.04

and then I'll grab this edge right here



56

00:02:22.04 --> 00:02:24.05

and drag it to the beginning of the path,



57

00:02:24.05 --> 00:02:29.03

and I'll grab this edge and

drag it to the end, like so.



58

00:02:29.03 --> 00:02:31.04

And then, just so we can

really see what's going on,



59

00:02:31.04 --> 00:02:34.02

I'll press control Y,

or command Y on the Mac,



60

00:02:34.02 --> 00:02:36.08

to switch back to the preview mode.



61

00:02:36.08 --> 00:02:39.06

And you can see that we've got

a tragic problem right here.



62

00:02:39.06 --> 00:02:42.06

If I click off the text, we've

got a big kerning problem,



63

00:02:42.06 --> 00:02:44.07

which we could possibly solve,



64

00:02:44.07 --> 00:02:46.03

but we also have the letters going



65

00:02:46.03 --> 00:02:48.00

in very different directions,



66

00:02:48.00 --> 00:02:51.01

and that's because this point

right here is a cusp point,



67

00:02:51.01 --> 00:02:54.06

as opposed to a smooth point.



68

00:02:54.06 --> 00:02:57.06

Now let's see how things work

out at the top of the artwork.



69

00:02:57.06 --> 00:02:59.05

I'll just go ahead and press control Y,



70

00:02:59.05 --> 00:03:03.06

or command Y, again in order

to switch to the outline mode.



71

00:03:03.06 --> 00:03:06.04

I'll select this text

using the black arrow tool



72

00:03:06.04 --> 00:03:07.05

and I'll press control C,



73

00:03:07.05 --> 00:03:09.07

or command C on the Mac, to copy it.



74

00:03:09.07 --> 00:03:12.05

Now, I'll grab my type tool once again



75

00:03:12.05 --> 00:03:14.04

and, this time I've learned my lesson,



76

00:03:14.04 --> 00:03:16.02

so I'll just go ahead and

click at the beginning



77

00:03:16.02 --> 00:03:18.06

of the path outline and press control V,



78

00:03:18.06 --> 00:03:21.08

or command V on the Mac, in

order to paste that text.



79

00:03:21.08 --> 00:03:23.09

And then I'll press the escape key.



80

00:03:23.09 --> 00:03:26.09

And this edge right here still

isn't where it wants to be,



81

00:03:26.09 --> 00:03:29.07

so I'll just go ahead and

drag it over a little bit.



82

00:03:29.07 --> 00:03:32.08

Now, the text needs to appear

below the path outline,



83

00:03:32.08 --> 00:03:35.00

and so, I'll go up to the type menu,



84

00:03:35.00 --> 00:03:39.00

choose type on a path, and

choose type on a path options.



85

00:03:39.00 --> 00:03:41.03

And then, I'll turn on

the preview check box



86

00:03:41.03 --> 00:03:45.08

and switch align to path

from baseline to ascender,



87

00:03:45.08 --> 00:03:49.02

in order to produce

this effect right here.



88

00:03:49.02 --> 00:03:51.08

The text is dipping down

below the path outline,



89

00:03:51.08 --> 00:03:54.00

still not really where it wants to be.



90

00:03:54.00 --> 00:03:56.00

So, I'll just go ahead and click okay.



91

00:03:56.00 --> 00:03:58.02

And then, I'll bring

up my character panel,



92

00:03:58.02 --> 00:04:01.02

which I can get by pressing

control T here on the PC



93

00:04:01.02 --> 00:04:03.01

or command T on the Mac,



94

00:04:03.01 --> 00:04:04.05

and the best way to deal with this problem



95

00:04:04.05 --> 00:04:06.08

is to adjust the baseline shift value.



96

00:04:06.08 --> 00:04:10.03

And I just happen to know

it needs to be 6.5 points



97

00:04:10.03 --> 00:04:12.05

in order for everything to work.



98

00:04:12.05 --> 00:04:15.03

And now I'll press control

Y, or command Y on the Mac,



99

00:04:15.03 --> 00:04:17.05

to switch back to the preview mode



100

00:04:17.05 --> 00:04:20.06

and I'll zoom in and

click off the path outline



101

00:04:20.06 --> 00:04:24.02

and we have, yet another,

predictable problem.



102

00:04:24.02 --> 00:04:27.07

And the funny thing about

both of these lines of text,



103

00:04:27.07 --> 00:04:29.04

that I hadn't noticed to just now,



104

00:04:29.04 --> 00:04:31.06

is I still have overflow text.



105

00:04:31.06 --> 00:04:33.03

Notice these little red plus signs.



106

00:04:33.03 --> 00:04:36.00

So, what I need to do is

select one text object



107

00:04:36.00 --> 00:04:38.06

and then shift click on

the other one like so,



108

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

bring back my character panel,



109

00:04:40.07 --> 00:04:43.08

and then I'll click in the

horizontal scale value here,



110

00:04:43.08 --> 00:04:46.01

and I'll just press the down arrow key



111

00:04:46.01 --> 00:04:48.09

until everything, more or less, fits,



112

00:04:48.09 --> 00:04:52.01

which happens at about 90%.



113

00:04:52.01 --> 00:04:53.03

Not the end of the world



114

00:04:53.03 --> 00:04:55.08

but it definitely takes some extra work.



115

00:04:55.08 --> 00:04:58.06

And if anything, we have

bigger problems than ever.



116

00:04:58.06 --> 00:05:00.08

Notice the word for right there.



117

00:05:00.08 --> 00:05:02.05

It's a total mess.



118

00:05:02.05 --> 00:05:04.03

Now, you might think another way to work



119

00:05:04.03 --> 00:05:07.02

would be to select a

line of text, like so,



120

00:05:07.02 --> 00:05:09.07

and then go up to the effect menu,



121

00:05:09.07 --> 00:05:13.01

choose warp, and choose arc, for example,



122

00:05:13.01 --> 00:05:14.09

which, if you loaded D keys,



123

00:05:14.09 --> 00:05:17.05

I've given you a shortcut

of control shift alt W,



124

00:05:17.05 --> 00:05:20.01

or command shift alt W on the Mac,



125

00:05:20.01 --> 00:05:21.09

the W being for warp.



126

00:05:21.09 --> 00:05:24.09

And you can see that text arc, like so,



127

00:05:24.09 --> 00:05:26.07

and if we want to get it out of the way



128

00:05:26.07 --> 00:05:28.04

of the other text a little bit,



129

00:05:28.04 --> 00:05:30.02

I can reduce the bend value.



130

00:05:30.02 --> 00:05:32.04

And if you don't like that warping option,



131

00:05:32.04 --> 00:05:35.00

you can switch to arch instead,



132

00:05:35.00 --> 00:05:37.04

which will set the characters upright.



133

00:05:37.04 --> 00:05:40.00

But, all that really is is another way



134

00:05:40.00 --> 00:05:42.01

of creating text on a path.



135

00:05:42.01 --> 00:05:43.07

We're not getting any distortion,



136

00:05:43.07 --> 00:05:45.05

we're not getting auto-fitting,



137

00:05:45.05 --> 00:05:47.00

and we don't have a lot of flexibility



138

00:05:47.00 --> 00:05:49.03

in terms of our path shape.



139

00:05:49.03 --> 00:05:50.09

So, here's a better way to work.



140

00:05:50.09 --> 00:05:52.05

I'm just going to cancel out of here



141

00:05:52.05 --> 00:05:54.06

and with this text selected,



142

00:05:54.06 --> 00:05:56.06

I'll bring up the brushes panel,



143

00:05:56.06 --> 00:06:00.03

and then, I'll drag and drop this text



144

00:06:00.03 --> 00:06:02.00

into the brushes panel.



145

00:06:02.00 --> 00:06:04.00

At which point, Illustrator will ask me



146

00:06:04.00 --> 00:06:05.07

what kind of brush I want to create,



147

00:06:05.07 --> 00:06:07.05

the answer is art brush,



148

00:06:07.05 --> 00:06:08.08

and then I'll click okay.



149

00:06:08.08 --> 00:06:10.09

At which point, I'll see

that I have a problem.



150

00:06:10.09 --> 00:06:13.06

The text has to first be

converted to outlines.



151

00:06:13.06 --> 00:06:15.05

So, this is the downside.



152

00:06:15.05 --> 00:06:17.08

You can't work with editable text.



153

00:06:17.08 --> 00:06:20.09

So, I'll click okay to

accept that information,



154

00:06:20.09 --> 00:06:23.06

and then I'll shift click

on the other point text



155

00:06:23.06 --> 00:06:26.04

down here, and then I'll

convert all this text



156

00:06:26.04 --> 00:06:28.08

to outlines by going

to up to the type menu



157

00:06:28.08 --> 00:06:31.05

and choosing the create outlines command.



158

00:06:31.05 --> 00:06:33.07

After all, we already have editable text



159

00:06:33.07 --> 00:06:37.03

in the form of our point type.



160

00:06:37.03 --> 00:06:40.00

I'll shift click on the

bottom text to deselect it.



161

00:06:40.00 --> 00:06:43.00

Both lines of text are independent groups,



162

00:06:43.00 --> 00:06:44.07

which will work just fine,



163

00:06:44.07 --> 00:06:46.04

so I'll grab this guy,



164

00:06:46.04 --> 00:06:48.09

drag him and drop him

into the brushes panel,



165

00:06:48.09 --> 00:06:51.07

select art brush, click okay.



166

00:06:51.07 --> 00:06:55.02

And now, I'll name this

thing different strokes



167

00:06:55.02 --> 00:06:56.09

because that's how the text reads.



168

00:06:56.09 --> 00:06:59.03

I don't need to do

anything else, by the way.



169

00:06:59.03 --> 00:07:01.02

I don't even have to change

the colorization method



170

00:07:01.02 --> 00:07:03.02

because we're looking for white type.



171

00:07:03.02 --> 00:07:05.03

So I'll click okay.



172

00:07:05.03 --> 00:07:07.05

And now, I'll grab this bottom text



173

00:07:07.05 --> 00:07:10.05

and I'll drag it and drop it into place.



174

00:07:10.05 --> 00:07:14.05

Select art brush, click

okay, and I'll call this guy



175

00:07:14.05 --> 00:07:18.02

curiously handcrafted,

and again, nothing else



176

00:07:18.02 --> 00:07:20.07

I need to do, so I'll just click okay.



177

00:07:20.07 --> 00:07:22.04

Now, if you take a close look here,



178

00:07:22.04 --> 00:07:24.06

you'll notice that the

text appears squished



179

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

against the light gray background.



180

00:07:26.06 --> 00:07:28.06

That's because it's auto-fitting.



181

00:07:28.06 --> 00:07:31.03

If I were to expand

the width of the panel,



182

00:07:31.03 --> 00:07:34.02

you would see that text expand as well,



183

00:07:34.02 --> 00:07:35.09

and that's what's going to happen,



184

00:07:35.09 --> 00:07:38.02

regardless of the path outline.



185

00:07:38.02 --> 00:07:40.09

And I'll show you exactly how that works



186

00:07:40.09 --> 00:07:42.08

in the very next movie.