1

00:00:00.00 --> 00:00:02.01

- [Instructor] Alright, now

at this point, you may well



2

00:00:02.01 --> 00:00:05.04

worry about how well this

artwork is going to print,



3

00:00:05.04 --> 00:00:08.01

because any time you wander down the road



4

00:00:08.01 --> 00:00:11.08

of adjusting opacity, in

particular blend modes



5

00:00:11.08 --> 00:00:15.01

in opacity masks, you're

wandering well outside



6

00:00:15.01 --> 00:00:17.05

of the post script printing language,



7

00:00:17.05 --> 00:00:20.07

which is why I always recommend,

if you're at all concerned



8

00:00:20.07 --> 00:00:22.08

about the integrity of your artwork



9

00:00:22.08 --> 00:00:26.05

that you go ahead and

export it to Photoshop.



10

00:00:26.05 --> 00:00:28.04

That's what we're going to do.



11

00:00:28.04 --> 00:00:31.07

Plus, we're going to use Photoshop

to apply a few modifications



12

00:00:31.07 --> 00:00:35.06

so I'll go up to the file

menu and choose Export



13

00:00:35.06 --> 00:00:38.03

followed by Export As, and notice,



14

00:00:38.03 --> 00:00:40.09

if you loaded D keys,

I've included a shortcut



15

00:00:40.09 --> 00:00:43.06

of control shift alt X for export.



16

00:00:43.06 --> 00:00:47.00

That's command shift option X on the Mac.



17

00:00:47.00 --> 00:00:49.08

That'll bring up this

dialog box right here.



18

00:00:49.08 --> 00:00:51.08

By default, if this is the

first time you've chosen



19

00:00:51.08 --> 00:00:55.04

this command, it'll be

set to AutoCAD Drawing.



20

00:00:55.04 --> 00:00:57.01

That's not going to help us out at all.



21

00:00:57.01 --> 00:00:59.00

If you want to bring the

image into Photoshop,



22

00:00:59.00 --> 00:01:01.01

then choose Photoshop.psd.



23

00:01:01.01 --> 00:01:04.02

Now, we don't need to

worry about the artboards,



24

00:01:04.02 --> 00:01:06.00

so you can leave that checkbox off.



25

00:01:06.00 --> 00:01:08.02

All you need to do is name this guy,



26

00:01:08.02 --> 00:01:10.06

and I'm going to call it Image Export,



27

00:01:10.06 --> 00:01:13.07

and I am including this file

along with the exercise files,



28

00:01:13.07 --> 00:01:16.08

but you can feel free to

save over it if you want to.



29

00:01:16.08 --> 00:01:19.00

Then, I'll click the Export button.



30

00:01:19.00 --> 00:01:21.06

A moment or two later, you

should see a dialog box



31

00:01:21.06 --> 00:01:24.02

that's asking you your color model.



32

00:01:24.02 --> 00:01:25.08

In our case, we want RGB.



33

00:01:25.08 --> 00:01:28.00

Although, if you're planning on working



34

00:01:28.00 --> 00:01:29.08

in the CMYK color space,



35

00:01:29.08 --> 00:01:33.06

this could be a good

opportunity to convert to CMYK.



36

00:01:33.06 --> 00:01:35.01

That is totally acceptable.



37

00:01:35.01 --> 00:01:37.03

You do want to write layers if you can.



38

00:01:37.03 --> 00:01:39.06

This option is not always

going to be available.



39

00:01:39.06 --> 00:01:43.01

Sometimes when objects or

layers have blend modes



40

00:01:43.01 --> 00:01:46.03

assigned to them, then this

area is just going to be dimmed,



41

00:01:46.03 --> 00:01:48.08

so you never know how

it's going to work out,



42

00:01:48.08 --> 00:01:51.03

but in my case, everything is good to go.



43

00:01:51.03 --> 00:01:53.06

We want maximum editability, obviously.



44

00:01:53.06 --> 00:01:56.06

We don't have any text, so you can switch



45

00:01:56.06 --> 00:02:00.04

the anti-aliasing from type

optimized to art optimized.



46

00:02:00.04 --> 00:02:02.06

We should go ahead and embed a profile,



47

00:02:02.06 --> 00:02:04.09

which in this case is Adobe RGB.



48

00:02:04.09 --> 00:02:07.06

Then finally, you can up

the resolution if you want.



49

00:02:07.06 --> 00:02:10.01

I'm going to go with other,

and I'm going to crank



50

00:02:10.01 --> 00:02:13.03

this resolution value up

to 600 pixels per inch



51

00:02:13.03 --> 00:02:16.06

so that I can enlarge

the image if I want to.



52

00:02:16.06 --> 00:02:18.06

After which point, I'll

go ahead and click OK



53

00:02:18.06 --> 00:02:21.00

in order to generate that file.



54

00:02:21.00 --> 00:02:25.02

You may see a little bit of a

lag along with a progress bar.



55

00:02:25.02 --> 00:02:28.03

Illustrator may even threaten

that it's not responding



56

00:02:28.03 --> 00:02:32.00

at some point, but in my case,

everything worked out fine.



57

00:02:32.00 --> 00:02:34.06

Alright, so I've already gone ahead



58

00:02:34.06 --> 00:02:37.03

and opened this image inside Photoshop.



59

00:02:37.03 --> 00:02:38.03

Here it is.



60

00:02:38.03 --> 00:02:40.07

I want you to see what's going on.



61

00:02:40.07 --> 00:02:44.04

Notice down here at the bottom,

we have the gradient layer



62

00:02:44.04 --> 00:02:46.06

expressed as the layer group.



63

00:02:46.06 --> 00:02:48.03

That's what this folder means.



64

00:02:48.03 --> 00:02:50.01

It's a group of layers inside Photoshop.



65

00:02:50.01 --> 00:02:53.04

Then, if you twirl open

the subgroup rectangle,



66

00:02:53.04 --> 00:02:55.06

you'll see both the gradient background



67

00:02:55.06 --> 00:02:57.04

as well as the pattern.



68

00:02:57.04 --> 00:03:01.01

I'm going to take both

these guys and drag them out



69

00:03:01.01 --> 00:03:03.02

into the gradient group right there,



70

00:03:03.02 --> 00:03:05.03

and then I'm going to

select that rectangle group



71

00:03:05.03 --> 00:03:07.02

and press the backspace

key or the delete key



72

00:03:07.02 --> 00:03:09.00

on the Mac to get rid of it.



73

00:03:09.00 --> 00:03:12.05

Right now, there's the image

layer with its clipping group.



74

00:03:12.05 --> 00:03:14.08

It's just a flat image so

I'm going to drag it out



75

00:03:14.08 --> 00:03:18.07

and get rid of that image group

by selecting the folder icon



76

00:03:18.07 --> 00:03:22.01

and pressing the backspace

key or the delete key on Mac,



77

00:03:22.01 --> 00:03:25.00

and I might as well go ahead

and rename this guy image,



78

00:03:25.00 --> 00:03:28.01

and then notice, this is

the most exciting part,



79

00:03:28.01 --> 00:03:31.00

our tattoo one and tattoo two layers,



80

00:03:31.00 --> 00:03:34.04

both of which have

vector-based mask outlines



81

00:03:34.04 --> 00:03:36.09

associated with them,

and those are the masks,



82

00:03:36.09 --> 00:03:40.02

by the way, that we applied

to the entire groups.



83

00:03:40.02 --> 00:03:42.03

This is the one that's most

amazing, in my opinion.



84

00:03:42.03 --> 00:03:45.01

This guy right there, this layer mask,



85

00:03:45.01 --> 00:03:49.03

which is the opacity mask that

we pasted into Illustrator.



86

00:03:49.03 --> 00:03:53.04

So, if you alt or option

click on it, you could view



87

00:03:53.04 --> 00:03:56.05

that mask independently

of the rest of the image



88

00:03:56.05 --> 00:03:59.09

just as we could view

the opacity mask by alt



89

00:03:59.09 --> 00:04:03.07

or option clicking on its

thumbnail inside Illustrator.



90

00:04:03.07 --> 00:04:06.09

Alright, I'm just going

to click on a thumbnail



91

00:04:06.09 --> 00:04:09.06

for the actual layer itself in order



92

00:04:09.06 --> 00:04:12.00

to switch back to the full color image.



93

00:04:12.00 --> 00:04:15.04

I'm going to crop away this

little bit of extra gook



94

00:04:15.04 --> 00:04:18.00

at the bottom here by

loading this guy right here



95

00:04:18.00 --> 00:04:19.07

as a selection outline.



96

00:04:19.07 --> 00:04:21.07

You do that by pressing the control key



97

00:04:21.07 --> 00:04:25.08

or the command key on the Mac

and clicking on this layer.



98

00:04:25.08 --> 00:04:29.03

Here, I'm moving fast enough

that I'm assuming that you



99

00:04:29.03 --> 00:04:32.09

have a little bit of experience

anyway inside Photoshop.



100

00:04:32.09 --> 00:04:35.05

That's a command or control click.



101

00:04:35.05 --> 00:04:39.01

Notice we now have a selection

outlined around the image.



102

00:04:39.01 --> 00:04:41.03

After which point, I'm going

to select the crop tool,



103

00:04:41.03 --> 00:04:43.06

this guy right here, which you can get to



104

00:04:43.06 --> 00:04:45.02

by pressing the C key.



105

00:04:45.02 --> 00:04:47.06

That'll automatically

convert the selection



106

00:04:47.06 --> 00:04:51.00

into a crop boundary, as

we're seeing right here.



107

00:04:51.00 --> 00:04:54.01

After which point, you want

to make sure the delete crop



108

00:04:54.01 --> 00:04:58.01

pixels checkbox up here in

the options bar is deselected,



109

00:04:58.01 --> 00:05:00.05

and then you want to press the enter key



110

00:05:00.05 --> 00:05:02.03

or the return key on the Mac,



111

00:05:02.03 --> 00:05:06.04

not one time, but two times

in order to apply that crop.



112

00:05:06.04 --> 00:05:08.06

That'll get rid of all that extra stuff



113

00:05:08.06 --> 00:05:11.00

without altogether deleting it.



114

00:05:11.00 --> 00:05:13.05

In other words, it's just hidden.



115

00:05:13.05 --> 00:05:15.05

Alright, I'm going to switch

back to the default tool



116

00:05:15.05 --> 00:05:18.03

in Photoshop, which is the

rectangular marquee tool,



117

00:05:18.03 --> 00:05:20.02

and I want you to notice something.



118

00:05:20.02 --> 00:05:23.06

Everything looks really

good, in my opinion,



119

00:05:23.06 --> 00:05:26.01

and this is a very high resolution image.



120

00:05:26.01 --> 00:05:29.09

Notice that I'm looking at

the ear at the 50% view size



121

00:05:29.09 --> 00:05:32.05

and I'm getting all kinds of detail.



122

00:05:32.05 --> 00:05:35.02

But that does remind me that I forgot



123

00:05:35.02 --> 00:05:38.08

that I didn't want the

tattoos to go into the ear,



124

00:05:38.08 --> 00:05:40.03

so you know what I'm going to do?



125

00:05:40.03 --> 00:05:42.03

I'm going to mask them

away right now by switching



126

00:05:42.03 --> 00:05:44.07

to the tattoo one layer right there,



127

00:05:44.07 --> 00:05:47.01

and I'm going to go ahead

and add a layer mask



128

00:05:47.01 --> 00:05:50.07

which you can do by dropping

down to this add layer



129

00:05:50.07 --> 00:05:53.00

mask icon at the bottom

of the layers panel,



130

00:05:53.00 --> 00:05:54.08

and I'm going to click on it.



131

00:05:54.08 --> 00:05:58.01

Then, I'll go ahead and

select the brush tool



132

00:05:58.01 --> 00:06:00.07

which you can get by pressing the B key,



133

00:06:00.07 --> 00:06:03.08

and I'm going to right click

inside the image window



134

00:06:03.08 --> 00:06:06.02

and I want to take this

guy, the hardness value,



135

00:06:06.02 --> 00:06:08.05

and crank him up to 100% like so.



136

00:06:08.05 --> 00:06:12.02

Then, I might take the size

value up to 100 pixels,



137

00:06:12.02 --> 00:06:14.02

which should work pretty good.



138

00:06:14.02 --> 00:06:17.00

Now, I'll press the enter

key or return key on the Mac.



139

00:06:17.00 --> 00:06:19.01

Notice down here at the

bottom of the toolbox



140

00:06:19.01 --> 00:06:21.02

that the foreground color is white.



141

00:06:21.02 --> 00:06:23.05

If that's the case for you,

then you'll want to click



142

00:06:23.05 --> 00:06:26.00

on this little switch

icon in order to make



143

00:06:26.00 --> 00:06:27.07

the foreground color black.



144

00:06:27.07 --> 00:06:30.02

Now, I'm just going to click right there



145

00:06:30.02 --> 00:06:33.01

and shift click right there in order



146

00:06:33.01 --> 00:06:35.08

to paint a straight line of black.



147

00:06:35.08 --> 00:06:38.03

Actually, that's a little

harsh, so you know what?



148

00:06:38.03 --> 00:06:41.03

I'll go ahead and undo that

change by pressing control Z



149

00:06:41.03 --> 00:06:43.07

or command Z on the Mac,

and I'll right click



150

00:06:43.07 --> 00:06:46.02

inside the image window and

I'll take that hardness value



151

00:06:46.02 --> 00:06:49.09

down to, let's say, 77% and

I'll press the enter key,



152

00:06:49.09 --> 00:06:52.03

the return key on the Mac,

and accept that change,



153

00:06:52.03 --> 00:06:53.04

and I'll try again.



154

00:06:53.04 --> 00:06:54.09

I'll click and I'll shift click.



155

00:06:54.09 --> 00:06:56.05

By the way, when you shift click,



156

00:06:56.05 --> 00:06:58.04

you paint in a straight line.



157

00:06:58.04 --> 00:07:00.00

I'll just paint that garbage away.



158

00:07:00.00 --> 00:07:01.03

That looks pretty good.



159

00:07:01.03 --> 00:07:05.03

Then, I'll scroll over here

and I'll click and shift click.



160

00:07:05.03 --> 00:07:07.04

Maybe I want to move in a little bit,



161

00:07:07.04 --> 00:07:09.04

click and shift click once again,



162

00:07:09.04 --> 00:07:11.04

in order to paint that stuff away.



163

00:07:11.04 --> 00:07:15.03

But are you noticing the

biggest problem of them all?



164

00:07:15.03 --> 00:07:21.01

For some reason, our path

outlines are nice and sharp.



165

00:07:21.01 --> 00:07:23.06

The gaussian blur and feather functions



166

00:07:23.06 --> 00:07:25.09

did not survive the transition.



167

00:07:25.09 --> 00:07:28.06

That's not necessarily going

to be the case in print,



168

00:07:28.06 --> 00:07:31.04

by the way, and in fact,

if I had exported this



169

00:07:31.04 --> 00:07:34.06

as a flat TIF file, it

would've worked out just fine,



170

00:07:34.06 --> 00:07:36.06

but then I wouldn't have

been able to edit this stuff.



171

00:07:36.06 --> 00:07:38.00

So, here's what I'm going to do.



172

00:07:38.00 --> 00:07:41.04

I'm going to select the

actual layer right here.



173

00:07:41.04 --> 00:07:43.03

I'm going to click on the layer thumbnail



174

00:07:43.03 --> 00:07:45.08

for the tattoo one layer, and then,



175

00:07:45.08 --> 00:07:48.09

I'll go up to the filter

menu and I'll choose Blur



176

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

and I'll choose Gaussian Blur.



177

00:07:50.09 --> 00:07:54.04

After all, this is where this

command actually grew up,



178

00:07:54.04 --> 00:07:56.04

so it's going to work better

inside Photoshop anyway



179

00:07:56.04 --> 00:07:58.05

than it does inside Illustrator.



180

00:07:58.05 --> 00:08:01.02

I came up with the radius

value of six pixels,



181

00:08:01.02 --> 00:08:03.03

after which point I'll click OK.



182

00:08:03.03 --> 00:08:05.05

Now, I'll click on the thumbnail.



183

00:08:05.05 --> 00:08:07.01

It's very important, the image thumbnail,



184

00:08:07.01 --> 00:08:09.06

not the mass thumbnail,

for the tattoo layer,



185

00:08:09.06 --> 00:08:12.00

and then you can go up to the filter menu



186

00:08:12.00 --> 00:08:14.01

and just choose that first

command, gaussian blur,



187

00:08:14.01 --> 00:08:17.03

and that'll go ahead and

repeat that filter like so



188

00:08:17.03 --> 00:08:19.07

and now we get these

nice, soft transitions.



189

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

But we can do even better than this.



190

00:08:22.08 --> 00:08:23.07

Watch this.



191

00:08:23.07 --> 00:08:25.07

Now, this is advanced stuff in Photoshop,



192

00:08:25.07 --> 00:08:28.04

so if you're not familiar

with the program,



193

00:08:28.04 --> 00:08:30.03

this may seem a little daunting.



194

00:08:30.03 --> 00:08:32.07

You want to double click on the thumbnail



195

00:08:32.07 --> 00:08:36.09

for this tattoo one layer

to bring up this massive



196

00:08:36.09 --> 00:08:40.02

and somewhat daunting

Layer Style dialog box,



197

00:08:40.02 --> 00:08:42.05

and then you want to drop

down to one of the most



198

00:08:42.05 --> 00:08:44.06

sophisticated functions in the software,



199

00:08:44.06 --> 00:08:46.09

this Underlying Layer slider bar,



200

00:08:46.09 --> 00:08:50.05

and notice what happens

if you drag this triangle



201

00:08:50.05 --> 00:08:54.04

right here, this white

triangle, over to the left.



202

00:08:54.04 --> 00:08:57.04

You're going to reveal a

bunch of bright details



203

00:08:57.04 --> 00:09:00.06

inside the image, including

here inside the cheek



204

00:09:00.06 --> 00:09:03.08

and also, I can just scroll

up here just by dragging,



205

00:09:03.08 --> 00:09:05.05

up here in the forehead.



206

00:09:05.05 --> 00:09:09.01

At which point, I can see that

I'm exposing too much stuff.



207

00:09:09.01 --> 00:09:11.09

So, this is before, and this is after.



208

00:09:11.09 --> 00:09:15.06

I'm taking the brightest

pixels in the underlying layers



209

00:09:15.06 --> 00:09:17.07

and forcing them through.



210

00:09:17.07 --> 00:09:21.01

Now, problem is, we're getting

these very jagged transitions



211

00:09:21.01 --> 00:09:24.00

so what I'm going to do is

I'm going to take this guy



212

00:09:24.00 --> 00:09:27.06

down to 210, actually.



213

00:09:27.06 --> 00:09:30.06

Look at that value above my

cursor, I want it to be 210.



214

00:09:30.06 --> 00:09:32.02

And these are luminous values.



215

00:09:32.02 --> 00:09:34.02

Zero is black, 255 is white.



216

00:09:34.02 --> 00:09:37.04

That's the way it works inside Photoshop.



217

00:09:37.04 --> 00:09:40.08

We're saying anything with a

luminance of 210 or brighter,



218

00:09:40.08 --> 00:09:44.00

which is very bright stuff,

is forcing its way through.



219

00:09:44.00 --> 00:09:46.01

But notice that there's this little line



220

00:09:46.01 --> 00:09:48.00

down the middle of the triangle.



221

00:09:48.00 --> 00:09:50.09

If you press the alt key or

the option key on the Mac



222

00:09:50.09 --> 00:09:54.03

and drag the right half of that triangle,



223

00:09:54.03 --> 00:09:57.07

it will split apart, and

now notice you're softening



224

00:09:57.07 --> 00:10:00.08

the transitions between those highlights



225

00:10:00.08 --> 00:10:02.07

that are being forced through.



226

00:10:02.07 --> 00:10:05.01

You want to take that guy

all the way up to 255.



227

00:10:05.01 --> 00:10:07.02

After which point, click OK.



228

00:10:07.02 --> 00:10:11.01

This is something you just

can't do in Illustrator.



229

00:10:11.01 --> 00:10:13.03

I suppose you could try to create



230

00:10:13.03 --> 00:10:15.05

a very sophisticated opacity mask,



231

00:10:15.05 --> 00:10:17.08

but it's unlikely it would work this well,



232

00:10:17.08 --> 00:10:20.07

and it definitely would

not work this easily.



233

00:10:20.07 --> 00:10:23.06

Alright, now let's do the same

with this difference layer.



234

00:10:23.06 --> 00:10:25.09

By the way, the difference

blend mode, still in tact.



235

00:10:25.09 --> 00:10:28.00

The hard light blend mode, still in tact.



236

00:10:28.00 --> 00:10:29.07

So, all that goodness survives.



237

00:10:29.07 --> 00:10:31.00

I want to show you something else.



238

00:10:31.00 --> 00:10:33.07

Photoshop offers more blend modes,



239

00:10:33.07 --> 00:10:35.06

especially more contrast modes.



240

00:10:35.06 --> 00:10:37.08

So, after hard light, we have vivid light



241

00:10:37.08 --> 00:10:39.07

and linear light and so forth.



242

00:10:39.07 --> 00:10:43.00

Let's go ahead and try linear

light and see how it looks.



243

00:10:43.00 --> 00:10:46.08

Notice that we get some

more robust colors going on.



244

00:10:46.08 --> 00:10:50.02

This is before, notice

that we have these blues



245

00:10:50.02 --> 00:10:52.08

and these browns, and this is after.



246

00:10:52.08 --> 00:10:56.08

We have these kind of purplish

colors as well as these reds.



247

00:10:56.08 --> 00:10:59.07

So, more interesting colors, I think.



248

00:10:59.07 --> 00:11:02.08

Now what you want to do is

double click on the thumbnail



249

00:11:02.08 --> 00:11:06.00

for the tattoo two layer

in order to bring up



250

00:11:06.00 --> 00:11:08.01

that same Layer Style dialog box.



251

00:11:08.01 --> 00:11:10.07

This time, we know we

want a soft transition,



252

00:11:10.07 --> 00:11:12.06

so just go ahead and press the alt key



253

00:11:12.06 --> 00:11:14.01

or the option key on the Mac



254

00:11:14.01 --> 00:11:17.03

and drag the left half

of this white triangle,



255

00:11:17.03 --> 00:11:20.09

the one that's associated with

the Underlying Layer slider,



256

00:11:20.09 --> 00:11:25.00

and go ahead and take that

guy down to, let's say, 220.



257

00:11:25.00 --> 00:11:27.07

That should work out pretty nicely.



258

00:11:27.07 --> 00:11:29.02

Then, I'll click OK.



259

00:11:29.02 --> 00:11:31.00

So, you can see what we've done.



260

00:11:31.00 --> 00:11:32.01

I'll go ahead and scroll up a little bit.



261

00:11:32.01 --> 00:11:33.02

This is before.



262

00:11:33.02 --> 00:11:36.00

Notice, this is a pretty

solid line right here.



263

00:11:36.00 --> 00:11:39.03

So is this one over here

on the left hand side.



264

00:11:39.03 --> 00:11:40.06

And this is after.



265

00:11:40.06 --> 00:11:42.04

We've got a lot more variation



266

00:11:42.04 --> 00:11:45.06

where those bright skin

tones are concerned.



267

00:11:45.06 --> 00:11:47.08

Alright, that's looking

pretty great to me.



268

00:11:47.08 --> 00:11:50.08

So, I'll press shift F here in Photoshop



269

00:11:50.08 --> 00:11:53.06

in order to switch to

the full screen mode.



270

00:11:53.06 --> 00:11:57.02

Then, I'll press control

zero or command zero on a Mac



271

00:11:57.02 --> 00:12:00.08

to zoom out, and I might

want to go ahead and zoom in



272

00:12:00.08 --> 00:12:04.07

a little bit more so that

we can really take in



273

00:12:04.07 --> 00:12:09.06

the texture on this tattooed face.



274

00:12:09.06 --> 00:12:12.06

That, friends, is how you take

a piece of Illustrator art



275

00:12:12.06 --> 00:12:16.05

that's rife with transparency

settings and bring it in



276

00:12:16.05 --> 00:12:20.07

for further pixel level

modifications here inside Photoshop.