1

00:00:00.06 --> 00:00:02.00

- [Voiceover] In this movie,

I want to share with you



2

00:00:02.00 --> 00:00:04.05

a couple of tricks to assigning pattterns



3

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

to both fills and strokes here inside



4

00:00:06.08 --> 00:00:08.01

the appearance panel,



5

00:00:08.01 --> 00:00:11.00

so that everything aligns perfectly.



6

00:00:11.00 --> 00:00:12.00

I'll go ahead and switch over



7

00:00:12.00 --> 00:00:14.02

to my document of progress here.



8

00:00:14.02 --> 00:00:16.00

And the first thing I'm going to do



9

00:00:16.00 --> 00:00:18.01

is click on the background rectangle,



10

00:00:18.01 --> 00:00:19.03

and you want to make sure you're



11

00:00:19.03 --> 00:00:21.00

pretty far away from the text



12

00:00:21.00 --> 00:00:22.08

because if you click anywhere near it



13

00:00:22.08 --> 00:00:24.08

you're going to select that text instead.



14

00:00:24.08 --> 00:00:27.00

So go ahead and select

the background rectangle



15

00:00:27.00 --> 00:00:30.05

and now what we want to do is

add a pattern in front of it



16

00:00:30.05 --> 00:00:33.05

by creating a new fill,

which you can do by clicking



17

00:00:33.05 --> 00:00:35.01

on the "add new fill" icon down here



18

00:00:35.01 --> 00:00:37.03

in the bottom, left corner

of the appearance panel.



19

00:00:37.03 --> 00:00:40.01

Or you have that keyboard

shortcut of "control slash"



20

00:00:40.01 --> 00:00:43.02

here in the PC or "command

slash" on the Mac.



21

00:00:43.02 --> 00:00:45.08

Now go ahead and click on the

color swatch for the new fill



22

00:00:45.08 --> 00:00:48.05

and notice that we have

just one pattern included



23

00:00:48.05 --> 00:00:50.07

along with the default RGB set,



24

00:00:50.07 --> 00:00:52.05

and it's called Jive.



25

00:00:52.05 --> 00:00:55.03

But the great thing about it

is it's a translucent pattern



26

00:00:55.03 --> 00:00:58.08

that works in combination

with our other fills.



27

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

You can see that this is a classic example



28

00:01:00.08 --> 00:01:03.00

of why you would want to assign two fills



29

00:01:03.00 --> 00:01:04.06

to the same object.



30

00:01:04.06 --> 00:01:06.02

Alright, but this isn't the one I want



31

00:01:06.02 --> 00:01:08.07

so, I'll go ahead and click

on this top fill swatch again,



32

00:01:08.07 --> 00:01:10.09

then I'll click in the library's icon



33

00:01:10.09 --> 00:01:13.03

in the bottom, left corner

of this pop-up panel.



34

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

I'll choose "patterns", then

I'll choose "decorative",



35

00:01:16.06 --> 00:01:19.08

and I'll choose this guy right

there, "Vonster Patterns".



36

00:01:19.08 --> 00:01:23.02

And I've gone ahead and increased

the size of my thumbnails



37

00:01:23.02 --> 00:01:25.07

by clicking on this

little fly-out menu icon



38

00:01:25.07 --> 00:01:27.05

and choosing "medium thumbnails",



39

00:01:27.05 --> 00:01:29.03

which is available right here,



40

00:01:29.03 --> 00:01:30.08

but you can do as you like.



41

00:01:30.08 --> 00:01:32.07

The only thing that we need

is this guy right there,



42

00:01:32.07 --> 00:01:33.07

"coronation".



43

00:01:33.07 --> 00:01:35.08

I'll just go ahead and double click on it



44

00:01:35.08 --> 00:01:37.08

in order to add it to the list of swatches



45

00:01:37.08 --> 00:01:39.09

included with my active document



46

00:01:39.09 --> 00:01:42.09

and then I'll go ahead and

close this floating panel.



47

00:01:42.09 --> 00:01:45.08

And again this pattern

includes transparency



48

00:01:45.08 --> 00:01:49.03

so that we can see the purple

fill in the background.



49

00:01:49.03 --> 00:01:50.07

Alright, now we need

to assign this pattern



50

00:01:50.07 --> 00:01:51.06

to the text.



51

00:01:51.06 --> 00:01:53.03

So if you're working along with me,



52

00:01:53.03 --> 00:01:54.06

go ahead and select the text



53

00:01:54.06 --> 00:01:55.06

by clicking on it



54

00:01:55.06 --> 00:01:57.08

and then we need to keep this white field



55

00:01:57.08 --> 00:01:59.06

because otherwise we're

going to reveal some cracks



56

00:01:59.06 --> 00:02:00.08

in the background.



57

00:02:00.08 --> 00:02:02.06

Notice these little slices in the "P"



58

00:02:02.06 --> 00:02:04.00

and the "E" and the "D".



59

00:02:04.00 --> 00:02:05.03

They're all over the place.



60

00:02:05.03 --> 00:02:06.09

We don't want those to be visible.



61

00:02:06.09 --> 00:02:09.09

So keep that white fill and then go ahead



62

00:02:09.09 --> 00:02:11.01

and create a new fill.



63

00:02:11.01 --> 00:02:13.04

I'll do so this time just

by pressing "control slash"



64

00:02:13.04 --> 00:02:15.03

or "command slash" on the Mac,



65

00:02:15.03 --> 00:02:17.06

and then I'll change this new fill



66

00:02:17.06 --> 00:02:19.05

to "coronation" once again,



67

00:02:19.05 --> 00:02:21.08

in order to produce this effect here.



68

00:02:21.08 --> 00:02:23.00

Now the obvious problem is that



69

00:02:23.00 --> 00:02:25.06

the pattern is not expanding

into the white stroke



70

00:02:25.06 --> 00:02:27.09

and so I'll go ahead and

click on the white stroke



71

00:02:27.09 --> 00:02:30.03

to select it, and that's just identifying



72

00:02:30.03 --> 00:02:31.09

where we want to put the new stroke.



73

00:02:31.09 --> 00:02:34.05

And so I'll create that stroke by clicking



74

00:02:34.05 --> 00:02:36.01

on the "add new stroke" icon,



75

00:02:36.01 --> 00:02:38.00

in the bottom, left corner of the panel,



76

00:02:38.00 --> 00:02:41.05

or you have that keyboard

shortcut of "control alt slash"



77

00:02:41.05 --> 00:02:43.05

or "command alt slash" on the Mac.



78

00:02:43.05 --> 00:02:44.09

Alright now I'll go ahead and click



79

00:02:44.09 --> 00:02:46.03

on this stroke swatch



80

00:02:46.03 --> 00:02:47.08

and change it to "coronation",



81

00:02:47.08 --> 00:02:50.03

and you can see everything's

working beautifully.



82

00:02:50.03 --> 00:02:52.02

But here's the problem, right now



83

00:02:52.02 --> 00:02:54.08

if you look at the

pattern, it is continuous



84

00:02:54.08 --> 00:02:56.06

throughout all the artwork,



85

00:02:56.06 --> 00:02:59.07

but if I were to move this

text to a different location



86

00:02:59.07 --> 00:03:01.04

you can see that the pattern



87

00:03:01.04 --> 00:03:03.05

is now out of register.



88

00:03:03.05 --> 00:03:05.02

Now this may or may not happen



89

00:03:05.02 --> 00:03:06.03

if you're working along with me.



90

00:03:06.03 --> 00:03:08.06

But if it does, here's the culprit.



91

00:03:08.06 --> 00:03:10.00

I'll click on the word "transform"



92

00:03:10.00 --> 00:03:11.02

up here on the control panel,



93

00:03:11.02 --> 00:03:13.08

then I'll click on the fly-out menu icon,



94

00:03:13.08 --> 00:03:18.00

and notice that "transform

both" is turned on.



95

00:03:18.00 --> 00:03:21.05

I want it to be set to

"transform object only".



96

00:03:21.05 --> 00:03:23.05

So I'll go ahead and choose that option,



97

00:03:23.05 --> 00:03:25.05

and then I'll press the "enter" key



98

00:03:25.05 --> 00:03:26.06

or the "return" key on the Mac



99

00:03:26.06 --> 00:03:28.01

to hide that pop-up panel.



100

00:03:28.01 --> 00:03:30.05

I'll press "control z"

or "command z" on the Mac



101

00:03:30.05 --> 00:03:32.03

to undo that move and now notice



102

00:03:32.03 --> 00:03:34.05

if I move the text to a different location



103

00:03:34.05 --> 00:03:35.09

it doesn't matter.



104

00:03:35.09 --> 00:03:38.03

The pattern does not move along with it.



105

00:03:38.03 --> 00:03:39.08

Alright, I'll go ahead

and press "control z"



106

00:03:39.08 --> 00:03:40.08

or "command z" on the Mac



107

00:03:40.08 --> 00:03:42.02

to undo that move.



108

00:03:42.02 --> 00:03:44.04

And now, let's say, I want

to integrate the pattern



109

00:03:44.04 --> 00:03:46.03

into this black edge.



110

00:03:46.03 --> 00:03:48.03

I'll go ahead and click on the black edge



111

00:03:48.03 --> 00:03:49.03

to select it.



112

00:03:49.03 --> 00:03:51.03

And this time instead

of adding a new stroke,



113

00:03:51.03 --> 00:03:53.07

which would not include

the dynamic effects,



114

00:03:53.07 --> 00:03:54.09

that would be a bad thing.



115

00:03:54.09 --> 00:03:57.06

Instead, I'll click on a little page icon



116

00:03:57.06 --> 00:04:00.02

in order to duplicate the existing stroke.



117

00:04:00.02 --> 00:04:02.04

And now I'll change the color



118

00:04:02.04 --> 00:04:05.06

from "black" to "coronation" once again.



119

00:04:05.06 --> 00:04:08.03

Now, of course, that's

pretty over the top,



120

00:04:08.03 --> 00:04:10.01

so I'm going to take things down a notch



121

00:04:10.01 --> 00:04:12.06

by clicking on the word

"opacity" right here.



122

00:04:12.06 --> 00:04:13.07

Do you see that?



123

00:04:13.07 --> 00:04:15.01

And that's going to bring up



124

00:04:15.01 --> 00:04:16.06

a little transparency panel



125

00:04:16.06 --> 00:04:19.01

at which point I'll

reduce the opacity value



126

00:04:19.01 --> 00:04:21.01

to 20% and press the "enter" key,



127

00:04:21.01 --> 00:04:22.03

or the "return" key on the Mac,



128

00:04:22.03 --> 00:04:24.06

in order to invoke that change.



129

00:04:24.06 --> 00:04:27.02

Now, it's easy to work quickly



130

00:04:27.02 --> 00:04:29.06

inside of Illustrator and not notice



131

00:04:29.06 --> 00:04:30.06

your mistakes.



132

00:04:30.06 --> 00:04:32.01

But it's good every once in a while



133

00:04:32.01 --> 00:04:34.03

to take a close look at your artwork.



134

00:04:34.03 --> 00:04:36.01

And notice, if I zoom in here,



135

00:04:36.01 --> 00:04:39.01

by "control space bar" or

"command space bar" clicking,



136

00:04:39.01 --> 00:04:42.07

you can see that things

are not lining up properly,



137

00:04:42.07 --> 00:04:45.02

specifically inside this edge.



138

00:04:45.02 --> 00:04:48.03

And that is a function of

this "transform" effect.



139

00:04:48.03 --> 00:04:50.03

So I'll go ahead and click on it.



140

00:04:50.03 --> 00:04:51.08

And notice that we are moving this edge



141

00:04:51.08 --> 00:04:54.08

five points to the right

and five points down



142

00:04:54.08 --> 00:04:57.01

and that's happening not

only to the object itself,



143

00:04:57.01 --> 00:04:59.00

meaning the stroke in this case,



144

00:04:59.00 --> 00:05:00.09

but also to the pattern.



145

00:05:00.09 --> 00:05:03.01

Go ahead and turn that check box off



146

00:05:03.01 --> 00:05:04.09

and then turn on a "preview" check box



147

00:05:04.09 --> 00:05:07.06

and notice everything lines up



148

00:05:07.06 --> 00:05:08.09

the way that it should.



149

00:05:08.09 --> 00:05:10.06

At which point, I'll go

ahead and click "okay"



150

00:05:10.06 --> 00:05:12.02

to accept that change.



151

00:05:12.02 --> 00:05:15.00

And now I'll press "control

0" or "command 0" on the Mac



152

00:05:15.00 --> 00:05:16.06

in order to zoom out.



153

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

And what is so great about this effect,



154

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

even though it's a little bit gaudy.



155

00:05:20.09 --> 00:05:22.03

It's kind of over the top.



156

00:05:22.03 --> 00:05:24.00

It's totally editable.



157

00:05:24.00 --> 00:05:26.03

So if I were to switch to the type tool,



158

00:05:26.03 --> 00:05:28.04

which I can get by pressing the "t" key,



159

00:05:28.04 --> 00:05:30.01

and I were to go ahead and drag over



160

00:05:30.01 --> 00:05:31.05

a couple of letters here,



161

00:05:31.05 --> 00:05:33.01

and change them to something



162

00:05:33.01 --> 00:05:35.01

completely unexpected.



163

00:05:35.01 --> 00:05:37.06

You'll see that everything

about this artwork



164

00:05:37.06 --> 00:05:40.00

updates entirely dynamically,



165

00:05:40.00 --> 00:05:41.09

just as we've come to expect



166

00:05:41.09 --> 00:05:44.07

from this very powerful application.



167

00:05:44.07 --> 00:05:46.08

And that's how you use

the appearance panel



168

00:05:46.08 --> 00:05:48.05

to assign repeating patterns



169

00:05:48.05 --> 00:05:50.09

to both fills and stokes so that they



170

00:05:50.09 --> 00:05:55.00

align flawlessly here inside Illustrator.