1

00:00:00.06 --> 00:00:02.01

- [Voiceover] In this movie, I'll show you



2

00:00:02.01 --> 00:00:04.00

how you can get still better results



3

00:00:04.00 --> 00:00:06.01

out of Illustrator's auto-tracing feature,



4

00:00:06.01 --> 00:00:09.05

by first upsampling the

image to a higher resolution



5

00:00:09.05 --> 00:00:11.05

inside Photoshop.



6

00:00:11.05 --> 00:00:13.07

So I'm going to start by

switching from Illustrator



7

00:00:13.07 --> 00:00:16.07

to Photoshop, and then I'll

go up to the image menu



8

00:00:16.07 --> 00:00:19.04

and choose the Image Size command.



9

00:00:19.04 --> 00:00:22.01

Now one of the great things

about this dialog box these days



10

00:00:22.01 --> 00:00:25.01

is that it's scalable, so

I'm going to make it take up



11

00:00:25.01 --> 00:00:29.04

the entire screen and that

way I can see a big preview



12

00:00:29.04 --> 00:00:31.00

of my image as I work on it.



13

00:00:31.00 --> 00:00:33.03

Now, notice over here we're

seeing a resolution value



14

00:00:33.03 --> 00:00:35.02

of 300 pixels per inch.



15

00:00:35.02 --> 00:00:37.09

Ideally, if I wanted a higher resolution,



16

00:00:37.09 --> 00:00:40.07

I would have scanned the

image at a higher resolution



17

00:00:40.07 --> 00:00:42.01

in the first place.



18

00:00:42.01 --> 00:00:44.09

Unfortunately, the scanner

I used, as I was saying,



19

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

it's just a consumer-grade

office scanner, tops out



20

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

at 300 pixels per inch.



21

00:00:49.08 --> 00:00:52.03

You just can't get any

more fidelity out of it.



22

00:00:52.03 --> 00:00:56.09

Fortunately, Photoshop CC

is very good at upsampling



23

00:00:56.09 --> 00:01:00.02

these days, and so to

add pixels to an image,



24

00:01:00.02 --> 00:01:02.01

you turn on the resample checkbox,



25

00:01:02.01 --> 00:01:05.02

go ahead and make sure

the setting is automatic,



26

00:01:05.02 --> 00:01:07.09

and then crank the resolution value up



27

00:01:07.09 --> 00:01:09.03

to whatever it is you want,



28

00:01:09.03 --> 00:01:13.00

in my case, I'm going to go

up to 600 pixels per inch,



29

00:01:13.00 --> 00:01:15.09

which is going to double the

number of pixels horizontally,



30

00:01:15.09 --> 00:01:18.07

as well as double the

number of pixels vertically,



31

00:01:18.07 --> 00:01:23.06

so that we have four times as

many pixels as we had before.



32

00:01:23.06 --> 00:01:26.02

At which point, I'll go ahead

and click the okay button



33

00:01:26.02 --> 00:01:28.09

in order to upsample that image.



34

00:01:28.09 --> 00:01:31.06

Now, it may take a moment in

order to apply the change,



35

00:01:31.06 --> 00:01:34.02

after which point, I'll

go up to the File menu



36

00:01:34.02 --> 00:01:36.02

and choose the Save As command,



37

00:01:36.02 --> 00:01:41.04

and I ended up saving this file

as Upsampled to 600 ppi.jpg



38

00:01:41.04 --> 00:01:43.04

because I'm working with the JPEG format,



39

00:01:43.04 --> 00:01:46.06

and I'll even just go ahead

and save over my original image



40

00:01:46.06 --> 00:01:49.04

by clicking on the Save

button, followed by Yes.



41

00:01:49.04 --> 00:01:52.06

You always want to make

sure your JPEG options



42

00:01:52.06 --> 00:01:55.01

are cranked up to the

highest quality, which is 12,



43

00:01:55.01 --> 00:01:58.01

and if you set your format

options to Baseline Optimized



44

00:01:58.01 --> 00:02:01.03

you'll generally get a

slightly smaller file,



45

00:02:01.03 --> 00:02:03.01

at which point, go ahead and click okay



46

00:02:03.01 --> 00:02:05.06

in order to save that image.



47

00:02:05.06 --> 00:02:07.03

Now I'll return to Illustrator.



48

00:02:07.03 --> 00:02:10.07

To be safe, make sure that

nothing is selected on screen,



49

00:02:10.07 --> 00:02:13.00

and then once again go to the File menu



50

00:02:13.00 --> 00:02:14.08

and choose the Place command,



51

00:02:14.08 --> 00:02:17.05

or you've got that keyboard

shortcut of control shift P,



52

00:02:17.05 --> 00:02:19.08

or command shift P on the Mac.



53

00:02:19.08 --> 00:02:22.05

Then, I'll go ahead and locate

that file I just created



54

00:02:22.05 --> 00:02:25.00

and I'll click on the

Place button in order to



55

00:02:25.00 --> 00:02:26.05

load my cursor with the image,



56

00:02:26.05 --> 00:02:28.03

and I'll just go ahead and click,



57

00:02:28.03 --> 00:02:31.06

not drag, with the cursor

in order to place the image



58

00:02:31.06 --> 00:02:33.01

at its full size.



59

00:02:33.01 --> 00:02:35.06

And now, I'll just go ahead

and drag it into place,



60

00:02:35.06 --> 00:02:37.08

and assuming that your

smart guides are turned on,



61

00:02:37.08 --> 00:02:40.02

it should snap into perfect alignment.



62

00:02:40.02 --> 00:02:42.07

Alright now, go ahead and

zoom in just a little bit



63

00:02:42.07 --> 00:02:45.01

and I'll return to the Image Trace button



64

00:02:45.01 --> 00:02:47.00

and just go ahead and click on it.



65

00:02:47.00 --> 00:02:50.01

At which point, of course,

Illustrator will warn me



66

00:02:50.01 --> 00:02:51.08

that this is gonna take a while to trace,



67

00:02:51.08 --> 00:02:54.06

because after all, I'm working

in a higher resolution.



68

00:02:54.06 --> 00:02:56.00

But that's what we want.



69

00:02:56.00 --> 00:02:58.01

You may at this point want to

turn on the Don't show again



70

00:02:58.01 --> 00:03:00.06

checkbox so you're not

reminded of this bad advice



71

00:03:00.06 --> 00:03:04.01

in the future, after which

point, go ahead and click okay



72

00:03:04.01 --> 00:03:06.04

in order to begin the trace.



73

00:03:06.04 --> 00:03:08.05

And it is gonna take a few moments here,



74

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

you are gonna see one or

two progress bars go by,



75

00:03:11.03 --> 00:03:14.02

after which point, I'll

just go ahead and zoom in,



76

00:03:14.02 --> 00:03:16.06

and I'll click off the

image to deselect it,



77

00:03:16.06 --> 00:03:18.06

and now let's take a

look at the difference



78

00:03:18.06 --> 00:03:20.06

between the higher resolution scan



79

00:03:20.06 --> 00:03:22.06

and the lower res scan.



80

00:03:22.06 --> 00:03:24.03

And it's probably gonna

make a little more sense



81

00:03:24.03 --> 00:03:25.08

if I zoom in a little farther.



82

00:03:25.08 --> 00:03:28.06

This is the tracing of the

300 pixel per inch image,



83

00:03:28.06 --> 00:03:32.06

and this is the tracing of

the 600 pixel per inch image.



84

00:03:32.06 --> 00:03:36.01

And as you can see, we get

more fidelity in this tracing,



85

00:03:36.01 --> 00:03:38.06

we have a lot more lines to work with.



86

00:03:38.06 --> 00:03:41.00

And it's especially noticeable down here



87

00:03:41.00 --> 00:03:42.08

where we've got some words.



88

00:03:42.08 --> 00:03:45.00

This is the 300 pixel per inch version,



89

00:03:45.00 --> 00:03:48.04

versus the 600 pixel per inch version.



90

00:03:48.04 --> 00:03:50.06

And so you can make

that kind of difference



91

00:03:50.06 --> 00:03:54.02

just by upsampling the

image inside Photoshop



92

00:03:54.02 --> 00:03:57.06

before you trace it in

Illustrator, after which point,



93

00:03:57.06 --> 00:04:00.01

I'll go ahead and rename

this newest tracing



94

00:04:00.01 --> 00:04:02.05

600 ppi and press the enter key,



95

00:04:02.05 --> 00:04:05.09

or the return key on the

Mac, to accept that change.



96

00:04:05.09 --> 00:04:08.02

Alright, and just to be safe,

I'll go ahead and turn off



97

00:04:08.02 --> 00:04:11.00

the 300 ppi version of the image.



98

00:04:11.00 --> 00:04:14.00

Alright so we are making some

very positive modifications



99

00:04:14.00 --> 00:04:16.07

to this tracing, but

we can do better still



100

00:04:16.07 --> 00:04:19.01

with the fragile details by adjusting



101

00:04:19.01 --> 00:04:23.02

the threshold setting, as I'll

show you in the next movie.