1

00:00:00.01 --> 00:00:01.02

- [Voiceover] In this

movie, I'll show you how



2

00:00:01.02 --> 00:00:04.05

to place a photograph

inside live, editable text,



3

00:00:04.05 --> 00:00:06.09

to create an effect like this.



4

00:00:06.09 --> 00:00:08.05

Now this text is editable,



5

00:00:08.05 --> 00:00:11.03

meaning that you'll need the

proper fonts to open it up.



6

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

And those fonts include Myriad Pro,



7

00:00:13.02 --> 00:00:15.00

which is most likely on your machine,



8

00:00:15.00 --> 00:00:17.00

as well as Adobe Caslon Pro,



9

00:00:17.00 --> 00:00:19.07

which you can get online from Typekit.



10

00:00:19.07 --> 00:00:22.08

Alright, so the first step

is to select the big text,



11

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

and then I'm going to go ahead and switch



12

00:00:24.08 --> 00:00:28.00

to the two-column toolbox, and

turn on the Draw Inside mode,



13

00:00:28.00 --> 00:00:30.05

and incidentally, if

your screen is big enough



14

00:00:30.05 --> 00:00:32.04

that you can stick with

the single-column toolbox,



15

00:00:32.04 --> 00:00:35.08

then you'll have to click and

hold on the Draw Normal icon,



16

00:00:35.08 --> 00:00:39.01

and choose Draw Inside from a popup menu.



17

00:00:39.01 --> 00:00:41.01

Next, you want to go up to

the File menu and choose



18

00:00:41.01 --> 00:00:43.05

the Place command, or you

can press control shift P,



19

00:00:43.05 --> 00:00:45.04

or command shift P on the Mac,



20

00:00:45.04 --> 00:00:48.03

and then I'm going to find

the storm clouds image,



21

00:00:48.03 --> 00:00:50.07

once again from the Fotolia image library.



22

00:00:50.07 --> 00:00:52.08

You want to make sure the

Link checkbox is turned on,



23

00:00:52.08 --> 00:00:55.04

and then also turn on

the Replace checkbox,



24

00:00:55.04 --> 00:00:59.02

and click the Place button in

order to place those clouds



25

00:00:59.02 --> 00:01:01.03

directly into the type.



26

00:01:01.03 --> 00:01:02.04

Alright now I'm going to switch back



27

00:01:02.04 --> 00:01:04.02

to the Draw Normal mode,



28

00:01:04.02 --> 00:01:07.02

and I'll switch to the

single-column toolbox as well.



29

00:01:07.02 --> 00:01:09.03

Alright, now let's say we

want to stroke the letters,



30

00:01:09.03 --> 00:01:11.09

the best way to do that is to go ahead and



31

00:01:11.09 --> 00:01:15.02

twirl open this text layer

here inside the Layers panel,



32

00:01:15.02 --> 00:01:18.00

and notice this item right here

which is called Clip Group,



33

00:01:18.00 --> 00:01:20.00

go ahead and twirl it open,



34

00:01:20.00 --> 00:01:21.07

and that will show you the Clipping mask,



35

00:01:21.07 --> 00:01:24.08

which is the text, as

well as the photograph.



36

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

So currently as you can

see, the photo is selected,



37

00:01:27.00 --> 00:01:29.09

but if you go ahead and

target the text instead,



38

00:01:29.09 --> 00:01:32.08

by clicking on its little

circular meatball there,



39

00:01:32.08 --> 00:01:35.02

then you'll gain access to

the fill and stroke icons



40

00:01:35.02 --> 00:01:37.03

up here in the control panel.



41

00:01:37.03 --> 00:01:39.07

And now all you need to

do is change the color



42

00:01:39.07 --> 00:01:41.09

of the stroke by clicking

on the second color swatch



43

00:01:41.09 --> 00:01:45.02

and selecting black

from the swatches panel.



44

00:01:45.02 --> 00:01:46.06

And a line weight of one point



45

00:01:46.06 --> 00:01:48.02

is going to work out just fine.



46

00:01:48.02 --> 00:01:50.08

Now let's say I want to

add a drop shadow as well.



47

00:01:50.08 --> 00:01:53.08

Well, if you try to add a drop

shadow to the clipping mask,



48

00:01:53.08 --> 00:01:55.06

you're going to mess things up.



49

00:01:55.06 --> 00:01:57.07

And so notice, if I

bring up the effect menu,



50

00:01:57.07 --> 00:02:00.06

choose Stylize, and

then choose Drop Shadow,



51

00:02:00.06 --> 00:02:03.04

and I came up with an opacity of 77%,



52

00:02:03.04 --> 00:02:06.00

as well as X and Y offset

values of four points



53

00:02:06.00 --> 00:02:09.05

and a blur of five points,

notice the color is set to black,



54

00:02:09.05 --> 00:02:11.00

and so watch what happens



55

00:02:11.00 --> 00:02:13.04

when I turn on the Preview checkbox.



56

00:02:13.04 --> 00:02:15.07

For whatever reason, we end up losing



57

00:02:15.07 --> 00:02:18.01

the fill and stroke attributes.



58

00:02:18.01 --> 00:02:20.03

So what you have to do

instead is cancel out



59

00:02:20.03 --> 00:02:24.01

of this dialog box and then

target the entire clipping group



60

00:02:24.01 --> 00:02:26.01

over here in the layers panel,



61

00:02:26.01 --> 00:02:28.06

and make sure that you

see the words Clip Group



62

00:02:28.06 --> 00:02:30.07

over on the far left side

of the control panel,



63

00:02:30.07 --> 00:02:32.09

and then go up to the Effect menu,



64

00:02:32.09 --> 00:02:36.00

once again choose Stylize,

followed by Drop Shadow,



65

00:02:36.00 --> 00:02:37.08

and armed with those same values,



66

00:02:37.08 --> 00:02:39.07

I'll go ahead and turn

on the Preview checkbox



67

00:02:39.07 --> 00:02:42.09

and you can see that this

time, things work out fine.



68

00:02:42.09 --> 00:02:45.02

After which point, I'll

go ahead and click okay



69

00:02:45.02 --> 00:02:47.01

to accept that change.



70

00:02:47.01 --> 00:02:48.07

Now one of the great

things about this effect



71

00:02:48.07 --> 00:02:51.00

is that I can switch it

for a different image



72

00:02:51.00 --> 00:02:52.04

anytime I like.



73

00:02:52.04 --> 00:02:54.08

Now I can do that either

by targeting the image,



74

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

over here in the layers panel,



75

00:02:56.06 --> 00:02:59.02

or I can click on this Edit Contents icon,



76

00:02:59.02 --> 00:03:01.03

on the far left side of the control panel,



77

00:03:01.03 --> 00:03:04.06

and then I'll just go ahead

and click on Storm clouds.jpg



78

00:03:04.06 --> 00:03:07.07

and choose Relink, and

then I'll locate this file



79

00:03:07.07 --> 00:03:11.05

called Bluish clouds.jpg, and

I'll click on the Place button



80

00:03:11.05 --> 00:03:13.06

in order to replace those grey clouds



81

00:03:13.06 --> 00:03:15.09

with something a little more colorful.



82

00:03:15.09 --> 00:03:17.04

And now, I just want you to notice



83

00:03:17.04 --> 00:03:19.06

that this is still editable text,



84

00:03:19.06 --> 00:03:21.04

and so if I were to

switch to the type tool,



85

00:03:21.04 --> 00:03:23.05

which I can get by pressing the T key,



86

00:03:23.05 --> 00:03:25.09

and then drag over this A for example,



87

00:03:25.09 --> 00:03:28.02

and substitute it with an O,



88

00:03:28.02 --> 00:03:32.08

you can see that the text does

indeed remain 100% editable.



89

00:03:32.08 --> 00:03:35.04

And that's how you place

a photographic image



90

00:03:35.04 --> 00:03:39.04

into live, editable text

here inside Illustrator.