1

00:00:00.08 --> 00:00:01.08

- [Instructor] In this movie,



2

00:00:01.08 --> 00:00:03.00

I'll show you how to expand an art brush



3

00:00:03.00 --> 00:00:06.06

in order to convert it

into a static path outline,



4

00:00:06.06 --> 00:00:08.02

which is something that you can do



5

00:00:08.02 --> 00:00:10.05

with any kind of brush in Illustrator,



6

00:00:10.05 --> 00:00:13.09

and that will allow us

to fill what was formerly



7

00:00:13.09 --> 00:00:15.08

an art brush with a tile pattern,



8

00:00:15.08 --> 00:00:18.02

which is not something

you can otherwise do,



9

00:00:18.02 --> 00:00:21.01

and then we can turn around

and stroke those shapes



10

00:00:21.01 --> 00:00:23.09

with yet another art brush.



11

00:00:23.09 --> 00:00:25.05

And if this sounds a little bit obscure,



12

00:00:25.05 --> 00:00:27.07

I'm just trying to make sure that you know



13

00:00:27.07 --> 00:00:31.09

exactly what your options are

from one moment to the next.



14

00:00:31.09 --> 00:00:34.06

Alright, so notice these guys right here,



15

00:00:34.06 --> 00:00:36.03

this little path outline up here



16

00:00:36.03 --> 00:00:39.02

at the top of the artwork,

and this one down here below.



17

00:00:39.02 --> 00:00:40.05

Currently they're just stroked



18

00:00:40.05 --> 00:00:42.04

with one point white outlines.



19

00:00:42.04 --> 00:00:44.08

What I'm going to do is take both of them



20

00:00:44.08 --> 00:00:47.08

and then bring up the

Brushes panel right here



21

00:00:47.08 --> 00:00:50.01

and drop down to this guy.



22

00:00:50.01 --> 00:00:53.03

It's called floral bulbs

and generally speaking,



23

00:00:53.03 --> 00:00:54.09

it's not necessarily that exciting,



24

00:00:54.09 --> 00:00:57.09

except when you apply it

to curving path outlines,



25

00:00:57.09 --> 00:00:59.04

like the ones we have here.



26

00:00:59.04 --> 00:01:01.06

Alright, now I quite like this effect.



27

00:01:01.06 --> 00:01:05.01

Notice that we have a total of five pieces



28

00:01:05.01 --> 00:01:07.06

to each one of these brush strokes,



29

00:01:07.06 --> 00:01:10.00

but I would like them

to be a little thicker,



30

00:01:10.00 --> 00:01:12.03

so I'm going to take the line weight here



31

00:01:12.03 --> 00:01:14.07

up to one point two, bearing in mind



32

00:01:14.07 --> 00:01:17.02

that applying a line

weight of one point two



33

00:01:17.02 --> 00:01:20.02

to an art brush is the same

as increasing its thickness



34

00:01:20.02 --> 00:01:25.05

to 120%, at which point we

get this effect right here.



35

00:01:25.05 --> 00:01:28.02

Now notice that we have

horizontal symmetry



36

00:01:28.02 --> 00:01:30.04

where both of these shapes are concerned,



37

00:01:30.04 --> 00:01:32.05

but we don't have vertical,



38

00:01:32.05 --> 00:01:35.01

so notice that this guy right here



39

00:01:35.01 --> 00:01:39.02

is located at the bottom

of its path outline,



40

00:01:39.02 --> 00:01:43.06

but it's bending down, so

it's essentially concave,



41

00:01:43.06 --> 00:01:46.04

where this one is flattened at the top.



42

00:01:46.04 --> 00:01:47.09

And also this path right there



43

00:01:47.09 --> 00:01:50.08

is enclosed by the one below it,



44

00:01:50.08 --> 00:01:52.05

whereas that's not the case down here



45

00:01:52.05 --> 00:01:54.01

at the bottom of the artwork.



46

00:01:54.01 --> 00:01:55.06

So if we want vertical symmetry,



47

00:01:55.06 --> 00:01:57.05

we're going to have to

make a small change.



48

00:01:57.05 --> 00:02:00.00

I'll go ahead and shift

click on this top path



49

00:02:00.00 --> 00:02:03.07

to deselect it, and

then I'll click on this



50

00:02:03.07 --> 00:02:05.00

inside the Appearance panel



51

00:02:05.00 --> 00:02:06.07

that represents the floral bulbs,



52

00:02:06.07 --> 00:02:08.08

and then I'll click on it, and notice



53

00:02:08.08 --> 00:02:11.03

that even this little panel right here



54

00:02:11.03 --> 00:02:13.02

has a dialogue box option



55

00:02:13.02 --> 00:02:16.07

that allows you to modify the brush



56

00:02:16.07 --> 00:02:19.03

as it's applied to this

specific path outline,



57

00:02:19.03 --> 00:02:22.03

and so I'll go ahead and turn

on the preview check box.



58

00:02:22.03 --> 00:02:24.07

Notice that you have

these two flip options.



59

00:02:24.07 --> 00:02:26.09

You can try out Flip Line,



60

00:02:26.09 --> 00:02:29.03

but that's just going to

flip this particular item



61

00:02:29.03 --> 00:02:31.09

horizontally, which is not

going to do you any good,



62

00:02:31.09 --> 00:02:34.00

so go ahead and turn that check box off



63

00:02:34.00 --> 00:02:36.00

and turn on Flip Across,



64

00:02:36.00 --> 00:02:39.08

which gets us exactly the

effect that we're looking for,



65

00:02:39.08 --> 00:02:43.08

at which point I'll click

OK to accept that change.



66

00:02:43.08 --> 00:02:45.03

So you see what I mean?



67

00:02:45.03 --> 00:02:47.04

Now we have true vertical symmetry



68

00:02:47.04 --> 00:02:49.08

with this guy bending downward



69

00:02:49.08 --> 00:02:51.09

just as this one bends upward,



70

00:02:51.09 --> 00:02:56.05

and these two C's right

here both facing inward,



71

00:02:56.05 --> 00:03:00.01

are surrounded by their larger segments.



72

00:03:00.01 --> 00:03:02.03

Alright, now what I want to do is



73

00:03:02.03 --> 00:03:04.04

I want to take these items right here,



74

00:03:04.04 --> 00:03:06.00

and I'll go ahead and

shift click on this one



75

00:03:06.00 --> 00:03:08.05

to select it as well,

and I want to fill them



76

00:03:08.05 --> 00:03:11.00

with that same tile pattern that's



77

00:03:11.00 --> 00:03:12.06

at work in the background,



78

00:03:12.06 --> 00:03:14.08

but if I click on the white stroke,



79

00:03:14.08 --> 00:03:15.09

up here in the control panel,



80

00:03:15.09 --> 00:03:19.09

and select that denim

pattern, it doesn't work.



81

00:03:19.09 --> 00:03:21.09

Notice that we get

completely the wrong effect,



82

00:03:21.09 --> 00:03:24.02

and that's because

patterns are not compatible



83

00:03:24.02 --> 00:03:25.07

with art brushes,



84

00:03:25.07 --> 00:03:28.08

so what we need to do

is just undo that step



85

00:03:28.08 --> 00:03:31.09

and expand the art

brushes to turn them into



86

00:03:31.09 --> 00:03:34.06

full fledged static path outlines.



87

00:03:34.06 --> 00:03:37.03

Generally I might suggest

you duplicate these paths



88

00:03:37.03 --> 00:03:39.05

in order to protect the originals,



89

00:03:39.05 --> 00:03:42.02

but right now I feel

like living dangerously,



90

00:03:42.02 --> 00:03:44.05

so I'm just going to go

up to the Object menu



91

00:03:44.05 --> 00:03:48.01

and choose Expand

Appearance, or again you have



92

00:03:48.01 --> 00:03:51.01

that masher fist right

bracket keyboard shortcut,



93

00:03:51.01 --> 00:03:53.05

if you loaded D keys, in

which case you're going



94

00:03:53.05 --> 00:03:55.06

to get this effect right here.



95

00:03:55.06 --> 00:03:57.04

Alright, now I want to be able



96

00:03:57.04 --> 00:03:59.08

to fill all of these path outlines



97

00:03:59.08 --> 00:04:01.05

with a continuous pattern,



98

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

and so things are going to work better



99

00:04:03.06 --> 00:04:06.07

if we convert this thing

to a compound path.



100

00:04:06.07 --> 00:04:08.05

Right now, it's a group,



101

00:04:08.05 --> 00:04:10.08

as we can see over here

on the far left side



102

00:04:10.08 --> 00:04:12.02

of the control panel,



103

00:04:12.02 --> 00:04:13.09

and so the first thing you need to do



104

00:04:13.09 --> 00:04:16.02

is go to the Object

menu and choose Ungroup,



105

00:04:16.02 --> 00:04:18.08

or you have that shortcut

of control shift G,



106

00:04:18.08 --> 00:04:20.05

or command shift G on the Mac,



107

00:04:20.05 --> 00:04:23.07

and then once you see that

everything is a static path,



108

00:04:23.07 --> 00:04:25.04

as indicated by the word path



109

00:04:25.04 --> 00:04:27.08

on the far left side of the control panel,



110

00:04:27.08 --> 00:04:29.08

then return to the Object menu,



111

00:04:29.08 --> 00:04:32.01

choose Compound Path, and choose Make,



112

00:04:32.01 --> 00:04:34.04

or you have that shortcut of control eight



113

00:04:34.04 --> 00:04:36.09

or command eight on a Mac.



114

00:04:36.09 --> 00:04:39.04

Alright, now what we can

do is change the fill,



115

00:04:39.04 --> 00:04:42.01

so the first swatch up

here in the control panel,



116

00:04:42.01 --> 00:04:44.02

to that tile pattern.



117

00:04:44.02 --> 00:04:45.07

Once again, it's called denim,



118

00:04:45.07 --> 00:04:47.08

if you're working inside this document.



119

00:04:47.08 --> 00:04:50.05

Now notice that the

pattern is transparent,



120

00:04:50.05 --> 00:04:52.05

so we need to put something behind it.



121

00:04:52.05 --> 00:04:54.03

By returning to the Appearance panel



122

00:04:54.03 --> 00:04:56.02

and clicking on the add new fill icon,



123

00:04:56.02 --> 00:04:59.03

down here in the bottom

left corner of the panel,



124

00:04:59.03 --> 00:05:01.08

and I'll take this new

fill and move it in back



125

00:05:01.08 --> 00:05:04.01

of the pattern, and even

though it doesn't look



126

00:05:04.01 --> 00:05:05.08

any different, it is different,



127

00:05:05.08 --> 00:05:08.07

so what we want to do is

click on a swatch right there



128

00:05:08.07 --> 00:05:11.06

and change it to this

bluish shade of green,



129

00:05:11.06 --> 00:05:13.00

is what I came up with,



130

00:05:13.00 --> 00:05:15.05

the one that begins R equals 34,



131

00:05:15.05 --> 00:05:18.01

at which point we come

up with this effect here.



132

00:05:18.01 --> 00:05:20.06

Now you may recall that we need to scale



133

00:05:20.06 --> 00:05:24.03

and rotate the pattern

in order to make it match



134

00:05:24.03 --> 00:05:27.06

the stuff around it, and so

I'll select that pattern fill



135

00:05:27.06 --> 00:05:30.00

and then I'll go up to the Effect menu,



136

00:05:30.00 --> 00:05:31.05

choose Distort and Transform,



137

00:05:31.05 --> 00:05:33.04

and choose the Transform command,



138

00:05:33.04 --> 00:05:35.06

or if you loaded D keys,

you have that shortcut



139

00:05:35.06 --> 00:05:38.07

of control E or command E on the Mac.



140

00:05:38.07 --> 00:05:41.03

Alright, so just based on memory,



141

00:05:41.03 --> 00:05:44.02

I set both the horizontal

and vertical scale values



142

00:05:44.02 --> 00:05:48.01

to 77% and I set the Rotate Angle Value



143

00:05:48.01 --> 00:05:49.07

to negative 30 degrees,



144

00:05:49.07 --> 00:05:52.05

and so I'll just go ahead and

turn on the preview check box.



145

00:05:52.05 --> 00:05:54.08

Apparently I can never remember the fact



146

00:05:54.08 --> 00:05:57.08

that we need to turn off the

Transform Objects check box,



147

00:05:57.08 --> 00:05:59.00

so I'll go ahead and do that.



148

00:05:59.00 --> 00:06:00.08

You want to make sure Transform Patterns



149

00:06:00.08 --> 00:06:03.09

is turned on, after which point, click OK,



150

00:06:03.09 --> 00:06:06.07

and now, assuming that

the fill is twirled open,



151

00:06:06.07 --> 00:06:09.02

click on the word Opacity and change



152

00:06:09.02 --> 00:06:12.00

the Blend Mode to Overlay in order



153

00:06:12.00 --> 00:06:13.07

to produce this effect here.



154

00:06:13.07 --> 00:06:15.05

Alright, now we want to brush this thing



155

00:06:15.05 --> 00:06:17.02

with yet another art brush,



156

00:06:17.02 --> 00:06:19.02

and so bring up the Brushes panel,



157

00:06:19.02 --> 00:06:22.00

and scroll to the top, at which point



158

00:06:22.00 --> 00:06:23.08

you'll find this guy called charcoal.



159

00:06:23.08 --> 00:06:25.07

Go ahead and select it,



160

00:06:25.07 --> 00:06:28.02

and we want its color to be white,



161

00:06:28.02 --> 00:06:30.08

so I'll go ahead and apply a white stroke



162

00:06:30.08 --> 00:06:32.00

as we're seeing right here.



163

00:06:32.00 --> 00:06:34.03

We also, just to protect the fill,



164

00:06:34.03 --> 00:06:36.05

we want the stroke to

be in the background,



165

00:06:36.05 --> 00:06:38.03

so I'll drag it down the stack



166

00:06:38.03 --> 00:06:40.04

so it appears below both fils,



167

00:06:40.04 --> 00:06:43.01

and then I'll go ahead and scroLl in here



168

00:06:43.01 --> 00:06:44.08

so that you can see this better.



169

00:06:44.08 --> 00:06:48.01

We've got a problem where

this stroke is concerned.



170

00:06:48.01 --> 00:06:50.01

Notice that it kind of dies out down here



171

00:06:50.01 --> 00:06:52.00

at the bottom of this top shape,



172

00:06:52.00 --> 00:06:54.02

and to fix that, go ahead and click on



173

00:06:54.02 --> 00:06:57.01

the Dialogue Box option at the

bottom of the Brushes panel,



174

00:06:57.01 --> 00:06:59.04

and just through trial and error,



175

00:06:59.04 --> 00:07:02.01

I figured out, with the

Preview check box on,



176

00:07:02.01 --> 00:07:04.08

that I wanted to turn

on both the Flip Along



177

00:07:04.08 --> 00:07:07.08

and Flip Across check boxes,



178

00:07:07.08 --> 00:07:10.09

and so in this case, it

makes a little less sense



179

00:07:10.09 --> 00:07:12.02

than it has before.



180

00:07:12.02 --> 00:07:14.02

This kind of thing you

just need to try out



181

00:07:14.02 --> 00:07:15.08

to figure out that it works,



182

00:07:15.08 --> 00:07:19.03

but I want you to remember

that these flip options do,



183

00:07:19.03 --> 00:07:22.00

at all times, exist, when you're working



184

00:07:22.00 --> 00:07:25.01

with art brushes inside Illustrator.



185

00:07:25.01 --> 00:07:27.04

Alright, I'll go ahead and

hide the Brushes panel.



186

00:07:27.04 --> 00:07:29.06

Press control shift A, or

command shift A on a Mac



187

00:07:29.06 --> 00:07:32.00

to deselect my artwork.



188

00:07:32.00 --> 00:07:33.03

Press the F key a couple of times



189

00:07:33.03 --> 00:07:35.02

to switch to the full screen mode,



190

00:07:35.02 --> 00:07:38.03

and that, friends, is

how you take an art brush



191

00:07:38.03 --> 00:07:40.09

or any brush inside Illustrator



192

00:07:40.09 --> 00:07:44.02

and expand it to full

fledged static path outlines



193

00:07:44.02 --> 00:07:46.07

so that you can fill

it with a tile pattern



194

00:07:46.07 --> 00:07:51.02

and then turn around and

apply still more art brushes



195

00:07:51.02 --> 00:07:53.02

here inside Illustrator.