1

00:00:00.00 --> 00:00:01.07

- [Voiceover] Alright

there's two ways to bring



2

00:00:01.07 --> 00:00:03.04

pixel based images into Illustrator.



3

00:00:03.04 --> 00:00:04.07

One is the open command,



4

00:00:04.07 --> 00:00:06.04

which we'll be looking at in this movie,



5

00:00:06.04 --> 00:00:08.00

and the other is the place command,



6

00:00:08.00 --> 00:00:10.04

which I'll show you in the next movie.



7

00:00:10.04 --> 00:00:12.06

So, here I am looking at a scanned image



8

00:00:12.06 --> 00:00:15.01

inside Photoshop, by the way.



9

00:00:15.01 --> 00:00:16.04

Just so we can inspect it.



10

00:00:16.04 --> 00:00:19.08

And I drew this cartoon just

years and years and years ago



11

00:00:19.08 --> 00:00:23.03

using a rapidograph filled with black ink



12

00:00:23.03 --> 00:00:25.09

on a piece of white bond paper.



13

00:00:25.09 --> 00:00:28.03

So the original piece of

artwork looks absolutely black



14

00:00:28.03 --> 00:00:30.00

against a white background.



15

00:00:30.00 --> 00:00:32.09

But I scanned it using a

consumer grade office scanner,



16

00:00:32.09 --> 00:00:35.04

so it's looking gray on gray.



17

00:00:35.04 --> 00:00:37.05

And if we were to expect

the image a little bit,



18

00:00:37.05 --> 00:00:39.05

you will see a few things wrong with it.



19

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

Notice that we've got some gunk right here



20

00:00:42.02 --> 00:00:44.00

that must have been on the scanner glass.



21

00:00:44.00 --> 00:00:46.02

We've got color artifacting



22

00:00:46.02 --> 00:00:49.02

these purple edges and green

edges around the lines.



23

00:00:49.02 --> 00:00:52.02

And then if you scroll

down here to the bottom,



24

00:00:52.02 --> 00:00:54.07

you'll see that we have a water stain.



25

00:00:54.07 --> 00:00:57.07

You can see the edge of

the paper, and so forth.



26

00:00:57.07 --> 00:01:00.00

But the good news is that

Illustrator is capable



27

00:01:00.00 --> 00:01:02.09

of filtering out all of

this extra information



28

00:01:02.09 --> 00:01:05.09

so that we can hone in

just on the line art.



29

00:01:05.09 --> 00:01:08.03

Alright so I'll go ahead and

switch over to Illustrator



30

00:01:08.03 --> 00:01:11.06

and because nothing's open,

I'm seeing the start screen.



31

00:01:11.06 --> 00:01:13.03

I'm not a big fan of this screen



32

00:01:13.03 --> 00:01:16.03

and if you aren't either,

and you wanna turn it off,



33

00:01:16.03 --> 00:01:18.07

then you can press control k here on a PC,



34

00:01:18.07 --> 00:01:20.02

or command k on a Mac



35

00:01:20.02 --> 00:01:23.01

to bring up the general pane

of the preferences dialogue box



36

00:01:23.01 --> 00:01:25.00

and then just go ahead and turn off



37

00:01:25.00 --> 00:01:27.04

this check box right

there show start workspace



38

00:01:27.04 --> 00:01:30.01

when no documents are

open, and click okay.



39

00:01:30.01 --> 00:01:32.00

And all that stuff will go away.



40

00:01:32.00 --> 00:01:34.00

Alright so method number one



41

00:01:34.00 --> 00:01:36.01

for getting the image into Illustrator



42

00:01:36.01 --> 00:01:39.01

is to go up to the file menu

and choose the open command.



43

00:01:39.01 --> 00:01:41.00

Or of course you have

that keyboard shortcut



44

00:01:41.00 --> 00:01:43.02

of control o, or command o on the Mac.



45

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

And then I'll just go ahead

and locate that scanned image,



46

00:01:45.08 --> 00:01:49.00

and click the open button

in order to open it



47

00:01:49.00 --> 00:01:51.09

inside of a new illustration.



48

00:01:51.09 --> 00:01:53.07

And I notice the art board

is a little bit larger



49

00:01:53.07 --> 00:01:55.02

than the image itself.



50

00:01:55.02 --> 00:01:56.09

It could end up being smaller.



51

00:01:56.09 --> 00:02:00.08

It's just a function of the

fact that this is an RGB image,



52

00:02:00.08 --> 00:02:03.09

and so Illustrator went

ahead and put it inside



53

00:02:03.09 --> 00:02:06.09

of a default basic RGB document.



54

00:02:06.09 --> 00:02:09.07

If you want the art board to

be the same size as the image,



55

00:02:09.07 --> 00:02:11.07

then go ahead and click

on it to select it.



56

00:02:11.07 --> 00:02:13.06

Make sure under the view menu



57

00:02:13.06 --> 00:02:15.04

that your smart guides are turned on.



58

00:02:15.04 --> 00:02:17.06

And then, switch to the art board tool,



59

00:02:17.06 --> 00:02:19.06

which you can get by pressing shift o,



60

00:02:19.06 --> 00:02:21.08

and I'll go ahead and press control zero,



61

00:02:21.08 --> 00:02:24.03

or command zero on the Mac,

to zoom out just a little bit



62

00:02:24.03 --> 00:02:26.04

and I'll drag the upper

left corner of the art board



63

00:02:26.04 --> 00:02:28.06

until it snaps into

alignment with the image,



64

00:02:28.06 --> 00:02:30.03

and then I'll do the same thing



65

00:02:30.03 --> 00:02:32.02

with the bottom left

corner of the art board,



66

00:02:32.02 --> 00:02:34.00

and then I'll press the escape key



67

00:02:34.00 --> 00:02:36.08

in order to return control

to the black arrow tool.



68

00:02:36.08 --> 00:02:39.01

Alright I'll also go ahead

and press control zero,



69

00:02:39.01 --> 00:02:40.08

or command zero on a Mac, to zoom in.



70

00:02:40.08 --> 00:02:43.03

Now notice the image is still selected,



71

00:02:43.03 --> 00:02:45.07

and Illustrator is

identifying it over here



72

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

on the far left side of the

control panel as an image.



73

00:02:48.09 --> 00:02:51.03

And if you like you can

click on the word image



74

00:02:51.03 --> 00:02:52.09

to see the file name.



75

00:02:52.09 --> 00:02:54.09

You'll also have the file

name listed right here,



76

00:02:54.09 --> 00:02:56.06

and notice it's telling me the entire path



77

00:02:56.06 --> 00:02:59.01

so it's aware that at one time,



78

00:02:59.01 --> 00:03:02.04

this is the file that I

placed inside the document.



79

00:03:02.04 --> 00:03:05.07

The thing is, there's no

link between that file



80

00:03:05.07 --> 00:03:08.04

and this document as things stand now,



81

00:03:08.04 --> 00:03:11.02

and that's because

Illustrator has gone ahead



82

00:03:11.02 --> 00:03:12.07

and embedded the image.



83

00:03:12.07 --> 00:03:15.06

The image is actually

part of the document.



84

00:03:15.06 --> 00:03:18.05

And so for example, if I was

to switch back to Photoshop,



85

00:03:18.05 --> 00:03:21.05

go up to the image menu,

choose image rotation,



86

00:03:21.05 --> 00:03:24.05

and choose flip canvas horizontal,



87

00:03:24.05 --> 00:03:27.00

in order to flip the image

horizontally like so.



88

00:03:27.00 --> 00:03:29.09

And I'll even go up to the

file menu and overwrite



89

00:03:29.09 --> 00:03:32.04

the original file by

choosing the save command.



90

00:03:32.04 --> 00:03:35.00

Then, when I switch back

over to Illustrator,



91

00:03:35.00 --> 00:03:36.04

nothing happens.



92

00:03:36.04 --> 00:03:40.01

And that's because there is

no link to that file on disk.



93

00:03:40.01 --> 00:03:44.00

Again what we have instead

is an embedded image.



94

00:03:44.00 --> 00:03:45.09

If you wanted to unembed it,



95

00:03:45.09 --> 00:03:48.02

you can click on this

unembed button right there.



96

00:03:48.02 --> 00:03:51.08

In order to save this image

either as a layered PSD,



97

00:03:51.08 --> 00:03:53.07

which is a native Photoshop document,



98

00:03:53.07 --> 00:03:56.06

or as a TIFF image, either one.



99

00:03:56.06 --> 00:03:58.00

But that's gonna go ahead and create



100

00:03:58.00 --> 00:03:59.07

a new version of this image,



101

00:03:59.07 --> 00:04:03.02

and establish a link to

that image file instead.



102

00:04:03.02 --> 00:04:05.02

That's not what I wanna do, however,



103

00:04:05.02 --> 00:04:07.01

so I'll just go ahead and cancel out.



104

00:04:07.01 --> 00:04:09.09

Alright now while this

is an easy way to work,



105

00:04:09.09 --> 00:04:11.09

because it just requires the open command,



106

00:04:11.09 --> 00:04:14.00

and it's a totally acceptable way to work.



107

00:04:14.00 --> 00:04:15.04

We could now trace this image



108

00:04:15.04 --> 00:04:17.01

by clicking on the image face button



109

00:04:17.01 --> 00:04:18.06

up here in the control panel.



110

00:04:18.06 --> 00:04:21.05

The problem is Illustrator

isn't terribly efficient



111

00:04:21.05 --> 00:04:23.05

at dealing with embedded images.



112

00:04:23.05 --> 00:04:26.05

And as a result, you get large files.



113

00:04:26.05 --> 00:04:28.08

So for example, this

file is gonna weigh in



114

00:04:28.08 --> 00:04:30.05

at about seven megabytes.



115

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

Which isn't horrible, but we

can get a much smaller file



116

00:04:33.05 --> 00:04:37.01

and we can create a link

to the image file on disk



117

00:04:37.01 --> 00:04:39.00

using the place command.



118

00:04:39.00 --> 00:04:43.00

And I'll show you how that

works in the very next movie.