1

00:00:00.04 --> 00:00:01.04

- [Voiceover] In this

movie, I'll show you how to



2

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

draw a border around an

image because it's not



3

00:00:03.05 --> 00:00:06.03

the least bit intuitive,

and I'll also show you a fun



4

00:00:06.03 --> 00:00:10.03

trick for colorizing a photo using a fill.



5

00:00:10.03 --> 00:00:12.02

So let's say I want to crop

this image a little bit,



6

00:00:12.02 --> 00:00:14.05

any time you want to crop

using the bounding box,



7

00:00:14.05 --> 00:00:17.04

then you want to start things

off by clicking on the file



8

00:00:17.04 --> 00:00:19.09

name up here on the left

side of the control panel,



9

00:00:19.09 --> 00:00:22.02

choosing placement options,

and then just go ahead



10

00:00:22.02 --> 00:00:25.04

and change preserve to

file dimensions and turn on



11

00:00:25.04 --> 00:00:27.05

clip bounding box, and then click ok.



12

00:00:27.05 --> 00:00:31.01

Now any time you drag that

bounding box you're gonna



13

00:00:31.01 --> 00:00:33.04

end up cropping the image.



14

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

Alright now at this point

I want to hide the bounding



15

00:00:35.06 --> 00:00:37.09

box so I'll go up to the

view menu and choose hide



16

00:00:37.09 --> 00:00:40.09

bounding box, or again you

can press control shift B,



17

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

or command shift B on the

mac, and now let's say I want



18

00:00:44.02 --> 00:00:47.03

to assign a stroke around

the outside of the image,



19

00:00:47.03 --> 00:00:49.09

then I would go up to the

window menu and choose the



20

00:00:49.09 --> 00:00:52.07

appearance command to bring

up my appearance panel,



21

00:00:52.07 --> 00:00:56.00

and then with this link

file active, just go ahead



22

00:00:56.00 --> 00:00:59.01

and drop to the add new

stroke icon in the bottom left



23

00:00:59.01 --> 00:01:02.03

corner of the appearance

panel and click on it, and now



24

00:01:02.03 --> 00:01:05.02

notice I have a stroke with

the line weight of one point.



25

00:01:05.02 --> 00:01:08.02

Let's just go ahead and take

it up to four points so that



26

00:01:08.02 --> 00:01:12.00

we can see it and notice that

I am not seeing that stroke



27

00:01:12.00 --> 00:01:14.08

at all, even though we've

assigned the stroke to this image,



28

00:01:14.08 --> 00:01:17.02

we can't see it, and that's

because illustrator really



29

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

doesn't have anything to

stroke, and the reason is



30

00:01:20.02 --> 00:01:23.05

illustrator doesn't give

you a frame, and so if this



31

00:01:23.05 --> 00:01:26.00

were in design, then any

time you placed an image you



32

00:01:26.00 --> 00:01:29.02

would create a frame around it as well.



33

00:01:29.02 --> 00:01:32.04

That's not what happens though

in the case of illustrator,



34

00:01:32.04 --> 00:01:35.00

so what we need to do is

give the program something



35

00:01:35.00 --> 00:01:37.09

to stroke, by making sure the

stroke is active here inside



36

00:01:37.09 --> 00:01:40.00

the appearance panel, and

then you want to drop down



37

00:01:40.00 --> 00:01:44.01

to the FX icon and choose

convert to shape, and then



38

00:01:44.01 --> 00:01:46.08

choose rectangle, at which

point if you have the preview



39

00:01:46.08 --> 00:01:49.04

checked box turned on, you

will see a stroke somewhere



40

00:01:49.04 --> 00:01:52.02

around that image.



41

00:01:52.02 --> 00:01:55.01

What we want, assuming that you

want the border right on the



42

00:01:55.01 --> 00:01:57.01

image itself, then you

want to make sure that size



43

00:01:57.01 --> 00:02:00.03

is set to relative and that

both extra width and extra



44

00:02:00.03 --> 00:02:03.06

height are set to zero like so,



45

00:02:03.06 --> 00:02:06.00

at which point you can then click ok.



46

00:02:06.00 --> 00:02:08.04

I want you to notice however

that this is not the solution



47

00:02:08.04 --> 00:02:11.09

if you're looking for a

rounded rectangle border,



48

00:02:11.09 --> 00:02:14.05

because notice now if I crank

that corner radius value



49

00:02:14.05 --> 00:02:18.05

up I am rounding the border

but I'm not rounding the image.



50

00:02:18.05 --> 00:02:23.00

So the photograph is still a

sharply cornered rectangle.



51

00:02:23.00 --> 00:02:25.00

So this is only gonna work

if you want a rectangular



52

00:02:25.00 --> 00:02:27.08

boundary, so I'll go ahead

and switch back to rectangle



53

00:02:27.08 --> 00:02:29.05

and click ok.



54

00:02:29.05 --> 00:02:32.04

Alright now I'm gonna zoom

in a little bit and imagine



55

00:02:32.04 --> 00:02:35.02

that I want to give this

image a kind of sepia tone,



56

00:02:35.02 --> 00:02:38.04

then I'll go ahead and select

the fill this time around,



57

00:02:38.04 --> 00:02:41.06

inside the appearance panel,

I'll click on its swatch



58

00:02:41.06 --> 00:02:44.04

and then I'll select this

shade of brown let's say,



59

00:02:44.04 --> 00:02:47.02

the one that begins r equals 198.



60

00:02:47.02 --> 00:02:50.07

And again, we're not gonna

see a darn thing, and that's



61

00:02:50.07 --> 00:02:54.01

because I haven't given the

fill anything to hang onto,



62

00:02:54.01 --> 00:02:57.00

and so what we're gonna do

is go up to the effect menu



63

00:02:57.00 --> 00:03:00.01

and choose that very first

command, apply rectangle,



64

00:03:00.01 --> 00:03:03.01

which will apply my most

recent settings and thereby



65

00:03:03.01 --> 00:03:05.01

fill the entire image with brown.



66

00:03:05.01 --> 00:03:08.03

Alright now notice, assuming

the fill is twirled open, that



67

00:03:08.03 --> 00:03:10.09

we have a rectangle effect

here as well as this inset word



68

00:03:10.09 --> 00:03:14.07

opacity, go ahead and

click on it and then click



69

00:03:14.07 --> 00:03:17.04

on the word normal in the

top left corner of this



70

00:03:17.04 --> 00:03:22.00

transparency panel, and

change the blend mode to color



71

00:03:22.00 --> 00:03:24.01

in order to produce

this effect right here.



72

00:03:24.01 --> 00:03:26.01

And then let's say I want

to back it off a little bit



73

00:03:26.01 --> 00:03:29.01

by taking the opacity

value down to 66% in order



74

00:03:29.01 --> 00:03:32.03

to produce this final effect,

and now I'll click off



75

00:03:32.03 --> 00:03:35.03

the image to deselect it,

and that's how you go about



76

00:03:35.03 --> 00:03:38.02

drawing a border around

a placed image using



77

00:03:38.02 --> 00:03:41.05

a stroke along with a

rectangle effect, as well as



78

00:03:41.05 --> 00:03:44.01

how you colorize an

image using a fill here



79

00:03:44.01 --> 00:03:45.07

inside illustrator.