1

00:00:00.04 --> 00:00:02.00

- [Narrator] Over the

course of this movie,



2

00:00:02.00 --> 00:00:04.03

I'll show you how you

can vary the translucency



3

00:00:04.03 --> 00:00:08.01

of an object by adjusting

it's opacity setting.



4

00:00:08.01 --> 00:00:10.05

And I'll also introduce

you to a few key strokes



5

00:00:10.05 --> 00:00:13.06

that are available to those

of you who loaded D keys,



6

00:00:13.06 --> 00:00:16.03

because they are going to

make your life way easier.



7

00:00:16.03 --> 00:00:18.06

Over the course of this

chapter were going to take



8

00:00:18.06 --> 00:00:22.02

this place photograph from

the dreamstime image library



9

00:00:22.02 --> 00:00:25.02

about which you can learn

more and get some great deals



10

00:00:25.02 --> 00:00:28.08

at dreamstime.com/deke.php.



11

00:00:28.08 --> 00:00:31.09

And we'll turn her into this

kind of fashion treatment here,



12

00:00:31.09 --> 00:00:35.09

and we'll wrap things up

by tattooing her face.



13

00:00:35.09 --> 00:00:37.08

Now zoom this far out,



14

00:00:37.08 --> 00:00:39.09

this effect might look a little choppy.



15

00:00:39.09 --> 00:00:41.04

But as soon as we zoom in,



16

00:00:41.04 --> 00:00:43.00

things smooth out quite nicely.



17

00:00:43.00 --> 00:00:44.09

Now you'll be glad to know that



18

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

I've drawn all the path

outlines in advance,



19

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

so that we can focus all of our attention



20

00:00:49.08 --> 00:00:52.08

on blend modes and opacity masks.



21

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

All right, so I'm going

to start things off here



22

00:00:55.04 --> 00:00:57.05

by deleting this dreamstime layer



23

00:00:57.05 --> 00:00:59.07

which I can do just by selecting it



24

00:00:59.07 --> 00:01:01.08

and clicking on the little trashcan icon



25

00:01:01.08 --> 00:01:04.01

in the bottom right

corner of the layers panel



26

00:01:04.01 --> 00:01:07.05

and then I'll click the yes

button in order to make it so.



27

00:01:07.05 --> 00:01:09.03

Now I want you to notice

what's going on here



28

00:01:09.03 --> 00:01:10.09

we have a lot of layers



29

00:01:10.09 --> 00:01:12.09

but just two of them

are currently turned on.



30

00:01:12.09 --> 00:01:14.07

So we've got the place photograph



31

00:01:14.07 --> 00:01:17.00

and then in the background

we have a big rectangle



32

00:01:17.00 --> 00:01:19.01

filled with a radial gradient.



33

00:01:19.01 --> 00:01:21.06

Now notice that I've

masked the photograph,



34

00:01:21.06 --> 00:01:23.04

we first discussed clipping masks



35

00:01:23.04 --> 00:01:26.06

back in chapter 23 of the advanced course



36

00:01:26.06 --> 00:01:28.01

but because clipping masks



37

00:01:28.01 --> 00:01:29.05

are a transparency tool,



38

00:01:29.05 --> 00:01:32.06

that is to say, they allow

you to define what's opaque



39

00:01:32.06 --> 00:01:34.06

and then what's transparent.



40

00:01:34.06 --> 00:01:37.00

I figured we'd quickly review the process.



41

00:01:37.00 --> 00:01:39.05

So I'm going to start

things off just by clicking



42

00:01:39.05 --> 00:01:41.04

inside this woman's face



43

00:01:41.04 --> 00:01:43.08

and notice that she is

surrounded by a path outline



44

00:01:43.08 --> 00:01:45.09

and then I'll go up to the object menu



45

00:01:45.09 --> 00:01:48.08

choose clipping mask and choose release,



46

00:01:48.08 --> 00:01:52.03

in order to expose the original photograph



47

00:01:52.03 --> 00:01:53.06

then I'll go ahead and press



48

00:01:53.06 --> 00:01:54.08

control shift A



49

00:01:54.08 --> 00:01:56.04

or command shift A on the Mac



50

00:01:56.04 --> 00:01:57.07

to deselect my artwork.



51

00:01:57.07 --> 00:01:59.01

Now I just want you to see that



52

00:01:59.01 --> 00:02:01.01

this path outline here has no fill



53

00:02:01.01 --> 00:02:03.03

and a black one point stroke.



54

00:02:03.03 --> 00:02:05.03

All right I'll go ahead and put that back



55

00:02:05.03 --> 00:02:07.08

by pressing control Z

or command Z on the Mac.



56

00:02:07.08 --> 00:02:10.05

Then I'll go ahead and

select this place photograph



57

00:02:10.05 --> 00:02:12.09

by clicking on it and I'll press control X



58

00:02:12.09 --> 00:02:16.04

or command X on a Mac to

cut it to the clip board.



59

00:02:16.04 --> 00:02:19.01

Then, you want to select the path outline



60

00:02:19.01 --> 00:02:22.02

and the easiest way to put

the photograph inside of it



61

00:02:22.02 --> 00:02:26.00

is in my case to switch

to the two column toolbox



62

00:02:26.00 --> 00:02:29.04

and then drop down to

this draw inside icon



63

00:02:29.04 --> 00:02:30.07

and click on it.



64

00:02:30.07 --> 00:02:33.02

Next, you want to go to the edit menu



65

00:02:33.02 --> 00:02:35.03

and choose paste and place,



66

00:02:35.03 --> 00:02:38.04

in order to place the

image into the path outline



67

00:02:38.04 --> 00:02:42.02

and then finally you want to

click on the draw normal icon,



68

00:02:42.02 --> 00:02:45.06

once again located at

the bottom of the toolbox



69

00:02:45.06 --> 00:02:47.08

and then you can go

ahead and switch back to



70

00:02:47.08 --> 00:02:51.01

the single column toolbox if you like.



71

00:02:51.01 --> 00:02:52.05

All right now you may recall,



72

00:02:52.05 --> 00:02:54.05

if you watched the live

action introduction,



73

00:02:54.05 --> 00:02:57.03

that I said that blend

modes and opacity masks



74

00:02:57.03 --> 00:03:00.01

live together in the opacity panel.



75

00:03:00.01 --> 00:03:01.09

The only problem with that is,



76

00:03:01.09 --> 00:03:03.07

there really isn't such a panel



77

00:03:03.07 --> 00:03:05.02

inside of Illustrator.



78

00:03:05.02 --> 00:03:07.03

You can click on the word opacity,



79

00:03:07.03 --> 00:03:09.00

up here in the control panel,



80

00:03:09.00 --> 00:03:10.03

in order to bring up



81

00:03:10.03 --> 00:03:13.03

what's actually known as

the transparency panel



82

00:03:13.03 --> 00:03:15.02

inside of Illustrator,



83

00:03:15.02 --> 00:03:17.06

otherwise everything I've said is true.



84

00:03:17.06 --> 00:03:20.00

We've got a list of blend modes right here



85

00:03:20.00 --> 00:03:23.02

and then we've got opacity mask function



86

00:03:23.02 --> 00:03:25.00

both of which we'll take a look at



87

00:03:25.00 --> 00:03:26.02

in future movies.



88

00:03:26.02 --> 00:03:29.06

But just so we have unfettered

access to that panel,



89

00:03:29.06 --> 00:03:31.07

I'm going to go up to the window menu



90

00:03:31.07 --> 00:03:33.06

and I recommend you do this as well



91

00:03:33.06 --> 00:03:35.09

and choose the transparency command,



92

00:03:35.09 --> 00:03:38.00

if it has a check make in front of it



93

00:03:38.00 --> 00:03:39.09

that means it's already up on screen.



94

00:03:39.09 --> 00:03:41.03

As we can see,



95

00:03:41.03 --> 00:03:44.00

over here to the right of the window.



96

00:03:44.00 --> 00:03:47.01

All right now notice even

when the panel is collapsed,



97

00:03:47.01 --> 00:03:50.06

as it is right now, we

can see this opacity value



98

00:03:50.06 --> 00:03:51.06

right there.



99

00:03:51.06 --> 00:03:53.03

If you can't see it for some reason



100

00:03:53.03 --> 00:03:54.08

you can expand the panel



101

00:03:54.08 --> 00:03:58.01

by clicking on this double

arrow icon a few times.



102

00:03:58.01 --> 00:04:01.00

All right so notice, if

I click on a word opacity



103

00:04:01.00 --> 00:04:03.02

then I'll highlight the value at 100%



104

00:04:03.02 --> 00:04:05.01

it is 100% opaque.



105

00:04:05.01 --> 00:04:10.00

At 50% we end up with a kind of 50/50 mix,



106

00:04:10.00 --> 00:04:13.00

so we are seeing 50% of the selected image



107

00:04:13.00 --> 00:04:14.06

and were revealing 50%



108

00:04:14.06 --> 00:04:17.05

of that purple gradient in the background.



109

00:04:17.05 --> 00:04:19.07

If you dial in some other value,



110

00:04:19.07 --> 00:04:22.01

then you're going to get

a different kind of mix.



111

00:04:22.01 --> 00:04:24.09

So if I take this opacity

value all the way down



112

00:04:24.09 --> 00:04:26.09

to 20%, let's say,



113

00:04:26.09 --> 00:04:29.02

were seeing 20% image and 100%



114

00:04:29.02 --> 00:04:33.07

minus 20% or 80% background.



115

00:04:33.07 --> 00:04:35.07

And so higher opacity values



116

00:04:35.07 --> 00:04:39.03

are going to give you more opaque images



117

00:04:39.03 --> 00:04:42.02

and lower opacity values

are going to give you



118

00:04:42.02 --> 00:04:44.07

more translucent images.



119

00:04:44.07 --> 00:04:47.05

And you can enter something like 33%,



120

00:04:47.05 --> 00:04:48.08

if you like,



121

00:04:48.08 --> 00:04:51.07

but you do have to work in

whole number increments.



122

00:04:51.07 --> 00:04:54.07

All the way down to, incidentally, 0%



123

00:04:54.07 --> 00:04:57.06

which will make the

image entirely invisible.



124

00:04:57.06 --> 00:04:59.00

Now you might think why in the world



125

00:04:59.00 --> 00:05:00.05

would you do that,



126

00:05:00.05 --> 00:05:02.07

after all you want to see the image



127

00:05:02.07 --> 00:05:03.08

to some extent.



128

00:05:03.08 --> 00:05:06.03

Well we'll see uses for 0% opacity



129

00:05:06.03 --> 00:05:07.08

in future movies.



130

00:05:07.08 --> 00:05:10.05

Now, here's where things get

a little more interesting



131

00:05:10.05 --> 00:05:11.07

in my opinion.



132

00:05:11.07 --> 00:05:13.04

If you loaded D keys,



133

00:05:13.04 --> 00:05:16.02

than you have some very easy shortcuts



134

00:05:16.02 --> 00:05:18.06

which are entirely

borrowed from Photoshop.



135

00:05:18.06 --> 00:05:20.06

So if you tap the five key,



136

00:05:20.06 --> 00:05:23.09

you're going to set the

opacity value to 50%



137

00:05:23.09 --> 00:05:26.01

so you don't even have

to bother going over



138

00:05:26.01 --> 00:05:27.08

to this value and changing it,



139

00:05:27.08 --> 00:05:29.05

you just have to tap a key.



140

00:05:29.05 --> 00:05:31.01

If you tap the eight key,



141

00:05:31.01 --> 00:05:33.09

you're going to set the opacity to 80%



142

00:05:33.09 --> 00:05:36.05

the nine key will take it to 90%



143

00:05:36.05 --> 00:05:39.03

and if you want to

restore an opacity value



144

00:05:39.03 --> 00:05:42.05

of 100% you just tap the zero key.



145

00:05:42.05 --> 00:05:45.01

All right, and the same

works down the keyboard



146

00:05:45.01 --> 00:05:46.04

if you tap the two key,



147

00:05:46.04 --> 00:05:48.09

you're going to set opacity value to 20%



148

00:05:48.09 --> 00:05:50.06

if you tap the one key,



149

00:05:50.06 --> 00:05:52.08

you'll get 10%.



150

00:05:52.08 --> 00:05:54.01

Now for those of you,



151

00:05:54.01 --> 00:05:55.09

who are working with American keyboards,



152

00:05:55.09 --> 00:05:57.08

if you cap the tilda key,



153

00:05:57.08 --> 00:06:00.07

which is just to the left of the one key



154

00:06:00.07 --> 00:06:02.06

you'll take the opacity value



155

00:06:02.06 --> 00:06:03.09

down to 0%.



156

00:06:03.09 --> 00:06:07.01

So, there's no need by the

way to press any modifiers



157

00:06:07.01 --> 00:06:08.08

you don't have to press control



158

00:06:08.08 --> 00:06:10.06

or command or anything like that,



159

00:06:10.06 --> 00:06:12.07

you just have to tap a number.



160

00:06:12.07 --> 00:06:14.05

Now in my case I'm interested in keeping



161

00:06:14.05 --> 00:06:16.07

the opacity at 100% for now



162

00:06:16.07 --> 00:06:19.00

so I'll go ahead and tap the zero key



163

00:06:19.00 --> 00:06:22.01

in order to make it so.



164

00:06:22.01 --> 00:06:23.02

And that friends,



165

00:06:23.02 --> 00:06:25.03

is how you modify the translucency of



166

00:06:25.03 --> 00:06:26.07

a selected object,



167

00:06:26.07 --> 00:06:28.03

whether it's a placed image



168

00:06:28.03 --> 00:06:31.00

or anything else you can

create inside of Illustrator



169

00:06:31.00 --> 00:06:32.07

using the opacity value



170

00:06:32.07 --> 00:06:35.04

that's often found up

here in the control panel.



171

00:06:35.04 --> 00:06:38.02

It's always found in

the transparency panel,



172

00:06:38.02 --> 00:06:40.02

here inside Illustrator.