1

00:00:00.05 --> 00:00:01.09

- [Instructor] All right, so obviously,



2

00:00:01.09 --> 00:00:04.06

I've reverted this file

to its saved appearance



3

00:00:04.06 --> 00:00:07.06

so that we can take on yet another topic.



4

00:00:07.06 --> 00:00:10.09

And this one is known as 9-slice scaling,



5

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

which allows you to control

exactly which portions



6

00:00:13.06 --> 00:00:16.00

of a symbol scale and which don't.



7

00:00:16.00 --> 00:00:17.06

And it's such a great feature



8

00:00:17.06 --> 00:00:19.08

that you may find yourself using symbols



9

00:00:19.08 --> 00:00:22.04

for 9-slice scaling alone.



10

00:00:22.04 --> 00:00:24.03

And to get a sense for how it works,



11

00:00:24.03 --> 00:00:28.00

go up to the File menu and

choose the New command.



12

00:00:28.00 --> 00:00:29.05

And then, regardless of the appearance



13

00:00:29.05 --> 00:00:31.06

of your new document dialog box,



14

00:00:31.06 --> 00:00:34.04

change the profile to Print.



15

00:00:34.04 --> 00:00:37.02

And then, just go ahead and click OK.



16

00:00:37.02 --> 00:00:39.09

Document size really doesn't

matter at this point.



17

00:00:39.09 --> 00:00:42.07

Now, the reason we created

a new print document



18

00:00:42.07 --> 00:00:45.07

is because each kind of document ends up



19

00:00:45.07 --> 00:00:48.09

getting different kinds

of symbols by default.



20

00:00:48.09 --> 00:00:50.09

And so if I were to click

on the little club icon



21

00:00:50.09 --> 00:00:52.04

to bring up the Symbols panel,



22

00:00:52.04 --> 00:00:56.04

you'll see this guy right

here, Trim Marks with 9-Slice.



23

00:00:56.04 --> 00:00:58.03

Go ahead and click on it to select it,



24

00:00:58.03 --> 00:01:01.05

and then click on this

icon, Place Symbol Instance,



25

00:01:01.05 --> 00:01:04.01

to add the symbol to the

middle of the artwork.



26

00:01:04.01 --> 00:01:05.07

And now I want you to notice what we have



27

00:01:05.07 --> 00:01:08.06

are a bunch of printer

marks that we can assign



28

00:01:08.06 --> 00:01:10.02

to any artwork we like.



29

00:01:10.02 --> 00:01:12.08

So we have these horizontal

and vertical trim lines,



30

00:01:12.08 --> 00:01:15.06

we have the registration

marks, these little targets,



31

00:01:15.06 --> 00:01:17.02

and so forth.



32

00:01:17.02 --> 00:01:19.06

And notice that I'm still

seeing my bounding box,



33

00:01:19.06 --> 00:01:22.08

which means that I can scale my artwork



34

00:01:22.08 --> 00:01:25.04

just by dragging one

of the corner handles.



35

00:01:25.04 --> 00:01:27.00

And if you want to scale the artwork



36

00:01:27.00 --> 00:01:30.01

from the center outward, then

you can press the Alt key



37

00:01:30.01 --> 00:01:33.06

or the Option key on the Mac as you drag.



38

00:01:33.06 --> 00:01:37.01

And what I want you to see

here is that while the area



39

00:01:37.01 --> 00:01:39.05

between all the printer marks is scaling,



40

00:01:39.05 --> 00:01:42.06

the printer marks themselves

are staying the same.



41

00:01:42.06 --> 00:01:44.09

They aren't scaling at all.



42

00:01:44.09 --> 00:01:47.07

And you can even see that

happening on the fly right here,



43

00:01:47.07 --> 00:01:50.06

and it doesn't matter

whether I squish the artwork



44

00:01:50.06 --> 00:01:54.06

horizontally or whether

I squish it vertically.



45

00:01:54.06 --> 00:01:56.08

And note that I have the

Alt key or the Option key



46

00:01:56.08 --> 00:01:59.00

down on the Mac the entire time here.



47

00:01:59.00 --> 00:02:01.00

Regardless of how I scale this,



48

00:02:01.00 --> 00:02:03.07

those printer marks are

going to be protected.



49

00:02:03.07 --> 00:02:05.02

Now, that's going to end up changing



50

00:02:05.02 --> 00:02:07.03

if I make the artwork too small,



51

00:02:07.03 --> 00:02:10.02

notice that everything is

shrinking at this point.



52

00:02:10.02 --> 00:02:11.09

But all long as Illustrator can avoid



53

00:02:11.09 --> 00:02:14.04

scaling the printer marks, it will.



54

00:02:14.04 --> 00:02:16.01

So how do we make this happen?



55

00:02:16.01 --> 00:02:18.07

Well, I'll go ahead and

switch back to this document,



56

00:02:18.07 --> 00:02:20.01

and it may surprise you to know



57

00:02:20.01 --> 00:02:21.08

that we've got a second art board.



58

00:02:21.08 --> 00:02:23.09

To get to it, press Shift + Page Down,



59

00:02:23.09 --> 00:02:27.01

at which point you will see these arrows



60

00:02:27.01 --> 00:02:29.09

along with these yellow banners.



61

00:02:29.09 --> 00:02:32.03

Now, I want to set things up so that



62

00:02:32.03 --> 00:02:34.05

if I were to scale the

artwork horizontally,



63

00:02:34.05 --> 00:02:36.06

I would scale just the purple shaft



64

00:02:36.06 --> 00:02:40.09

while leaving the green feathers

and this steely tip alone.



65

00:02:40.09 --> 00:02:43.02

And if I were to scale

the artwork vertically,



66

00:02:43.02 --> 00:02:46.03

I would affect the

banner and nothing more.



67

00:02:46.03 --> 00:02:47.07

And to make that happen, I need



68

00:02:47.07 --> 00:02:49.08

to convert the artwork to a symbol.



69

00:02:49.08 --> 00:02:52.07

And so I'll go ahead and

select this stuff like so,



70

00:02:52.07 --> 00:02:54.09

and then I'll bring back my symbol panel,



71

00:02:54.09 --> 00:02:58.00

and I'll click on the little

page icon at the bottom here.



72

00:02:58.00 --> 00:02:59.08

And I'll go ahead and call this guy



73

00:02:59.08 --> 00:03:03.02

Arrow & banner, let's say,

and for the time being,



74

00:03:03.02 --> 00:03:06.00

I'm going to leave the other

options set to their defaults,



75

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

and I'll go ahead and click OK.



76

00:03:08.05 --> 00:03:10.07

All right, now that not

only creates a new symbol,



77

00:03:10.07 --> 00:03:12.05

but it also converts all of our artwork



78

00:03:12.05 --> 00:03:14.02

to an instance of that symbol,



79

00:03:14.02 --> 00:03:15.09

and we can tell that's the case



80

00:03:15.09 --> 00:03:18.02

because we can see the

word Symbol over here



81

00:03:18.02 --> 00:03:20.05

on the far left side of the control panel.



82

00:03:20.05 --> 00:03:23.08

And so notice if I now go

ahead and scale my artwork,



83

00:03:23.08 --> 00:03:26.00

I'm stretching it in all directions,



84

00:03:26.00 --> 00:03:28.09

so I'm stretching the artwork

uniformly horizontally



85

00:03:28.09 --> 00:03:30.09

as well as uniformly vertically.



86

00:03:30.09 --> 00:03:33.04

That is, both the horizontal

and vertical scale



87

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

are being distributed equally



88

00:03:35.02 --> 00:03:37.08

over the course of the entire instance.



89

00:03:37.08 --> 00:03:39.05

If I don't want that to be the case,



90

00:03:39.05 --> 00:03:42.06

then I'd go ahead and make

sure that symbol is selected,



91

00:03:42.06 --> 00:03:44.09

and then you want to click

on the dialog box icon



92

00:03:44.09 --> 00:03:46.05

at the bottom of the Symbols panel



93

00:03:46.05 --> 00:03:49.02

to revisit the Symbol Options dialog box,



94

00:03:49.02 --> 00:03:51.04

and you want to turn on

this check box right here,



95

00:03:51.04 --> 00:03:54.04

Enable Guides for 9-Slice Scaling,



96

00:03:54.04 --> 00:03:56.07

which at first is going to

seem a little bit obscure.



97

00:03:56.07 --> 00:03:59.07

But notice if I click OK, then Illustrator



98

00:03:59.07 --> 00:04:02.01

scales things totally differently.



99

00:04:02.01 --> 00:04:03.06

So what I want you to see here



100

00:04:03.06 --> 00:04:07.04

is this region of feathers

is not getting scaled at all.



101

00:04:07.04 --> 00:04:09.09

This region down here is

getting stretched vertically,



102

00:04:09.09 --> 00:04:12.09

and then this area up

here is getting stretched



103

00:04:12.09 --> 00:04:14.08

only horizontally, and this area's



104

00:04:14.08 --> 00:04:16.07

getting stretched in both directions.



105

00:04:16.07 --> 00:04:18.08

So basically, we're focusing the scaling



106

00:04:18.08 --> 00:04:21.00

on the central portion of the artwork,



107

00:04:21.00 --> 00:04:24.06

whereas the corners aren't

really getting scaled at all.



108

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

And to see why that

is, what you want to do



109

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

is edit your symbol definition.



110

00:04:29.06 --> 00:04:31.04

And the easiest way to make that happen



111

00:04:31.04 --> 00:04:33.07

is to double-click on the artwork.



112

00:04:33.07 --> 00:04:36.02

And so incidentally, even

though we have a bounding box,



113

00:04:36.02 --> 00:04:39.05

you can't click in the bounding

box to select the symbol.



114

00:04:39.05 --> 00:04:40.09

That's going to deselect it.



115

00:04:40.09 --> 00:04:43.09

You can't click on the frame,

you can't even marquee it,



116

00:04:43.09 --> 00:04:47.07

you have to actually click

inside the artwork to select it.



117

00:04:47.07 --> 00:04:49.07

Then, you want to double-click



118

00:04:49.07 --> 00:04:52.05

in order to edit the symbol definition.



119

00:04:52.05 --> 00:04:54.01

In which case, you may

get an alert message



120

00:04:54.01 --> 00:04:56.06

telling you that that's exactly

what you're about to do.



121

00:04:56.06 --> 00:04:58.07

In which case, just click OK.



122

00:04:58.07 --> 00:05:00.02

And now notice that Illustrator



123

00:05:00.02 --> 00:05:03.02

has automatically added

two horizontal guides



124

00:05:03.02 --> 00:05:05.02

and two vertical guides.



125

00:05:05.02 --> 00:05:07.07

Your job now is to adjust those guides



126

00:05:07.07 --> 00:05:10.03

to tell Illustrator exactly which portion



127

00:05:10.03 --> 00:05:13.00

of the artwork that you want to scale.



128

00:05:13.00 --> 00:05:16.01

Turns out, that part of the

task is a little tricky,



129

00:05:16.01 --> 00:05:19.01

which is why I'm going to

show you exactly how it works



130

00:05:19.01 --> 00:05:21.00

in the very next movie.