1

00:00:00.00 --> 00:00:02.00

- [Voiceover] In this movie,

we'll lend our artwork



2

00:00:02.00 --> 00:00:04.05

a sense of depth by adding some soft glows



3

00:00:04.05 --> 00:00:07.00

and shadows around the cubes.



4

00:00:07.00 --> 00:00:09.08

Now the first step is gonna be

to add a gradient background.



5

00:00:09.08 --> 00:00:12.01

So I'll press "Ctrl +

minus," or "Command + minus"



6

00:00:12.01 --> 00:00:13.04

on the Mac, to zoom out.



7

00:00:13.04 --> 00:00:15.05

And then I'll click on Guides

layer to make it active,



8

00:00:15.05 --> 00:00:17.06

and I'll drop down to the little Page icon



9

00:00:17.06 --> 00:00:19.02

at the bottom of the Layers Panel,



10

00:00:19.02 --> 00:00:21.04

and I will "Alt" or "Option" click on it



11

00:00:21.04 --> 00:00:23.09

to force the display of the

Layer Options dialog box,



12

00:00:23.09 --> 00:00:26.00

and I'll call this guy "Gradient,"



13

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

and then change the color to Grass Green.



14

00:00:29.04 --> 00:00:31.04

And the reason I go with these colors



15

00:00:31.04 --> 00:00:33.03

versus the initial ones, by the way,



16

00:00:33.03 --> 00:00:35.05

is I think these first

colors are really ugly,



17

00:00:35.05 --> 00:00:37.07

and these later colors

are more interesting



18

00:00:37.07 --> 00:00:39.04

and stand out from each other better.



19

00:00:39.04 --> 00:00:41.03

Alright, so having done

that, I'll click "OK,"



20

00:00:41.03 --> 00:00:43.05

and now, I'll grab the Rectangle tool,



21

00:00:43.05 --> 00:00:45.07

which, of course, you could

get by pressing the "M" key,



22

00:00:45.07 --> 00:00:46.05

and I need my Smart Guides back on,



23

00:00:46.05 --> 00:00:49.07

so I'll go up to the View menu, and choose



24

00:00:49.07 --> 00:00:52.02

the Smart Guides command, and

then I'll go ahead and drag



25

00:00:52.02 --> 00:00:56.06

from one corner of this red

bleed outline to the other one



26

00:00:56.06 --> 00:00:59.03

in order to create a

massive rectangle like so.



27

00:00:59.03 --> 00:01:01.06

Now, I don't need a stroke, so I'll click



28

00:01:01.06 --> 00:01:04.01

on the Second Swatch icon up

here in the Control Panel,



29

00:01:04.01 --> 00:01:07.01

and I'll change it to

"None," and then I'll go over



30

00:01:07.01 --> 00:01:08.08

to the Swatches Panel and make sure



31

00:01:08.08 --> 00:01:11.00

that my "Fill" is active, which it is,



32

00:01:11.00 --> 00:01:12.09

in the top left corner there.



33

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

And then you wanna bring

up the Gradient Panel



34

00:01:14.07 --> 00:01:16.02

by going to the Window menu



35

00:01:16.02 --> 00:01:17.06

and choosing the Gradient command.



36

00:01:17.06 --> 00:01:20.00

And now, assuming that you're

working with my swatches,



37

00:01:20.00 --> 00:01:22.01

go ahead and grab the Darkness swatch,



38

00:01:22.01 --> 00:01:24.05

which is actually a very

dark shade of brown,



39

00:01:24.05 --> 00:01:25.09

and drag it and drop it to the end



40

00:01:25.09 --> 00:01:27.09

of that gradient bar right there,



41

00:01:27.09 --> 00:01:30.02

and then grab the "Gold"

swatch and drag it



42

00:01:30.02 --> 00:01:32.07

and drop it to the beginning of the bar.



43

00:01:32.07 --> 00:01:35.04

Alright, now I'll make

my Gradient Panel bigger



44

00:01:35.04 --> 00:01:37.04

by clicking on the Double Arrow icon



45

00:01:37.04 --> 00:01:39.07

next to the word Gradient,

and then I'll change



46

00:01:39.07 --> 00:01:42.03

the type to Radial, and now all we need



47

00:01:42.03 --> 00:01:44.05

to do is expand the gradient by switching



48

00:01:44.05 --> 00:01:46.02

to the Gradient tool, which you can get



49

00:01:46.02 --> 00:01:48.05

by pressing the "G" key,

and I wanna go ahead



50

00:01:48.05 --> 00:01:51.01

and rotate this guy, so I'll

position my cursor right here



51

00:01:51.01 --> 00:01:54.02

at the end of the gradient, so

I get a little rotate cursor,



52

00:01:54.02 --> 00:01:57.05

and then I'll drag all the

way up so that my cursor



53

00:01:57.05 --> 00:02:00.08

is right there above the top-right corner.



54

00:02:00.08 --> 00:02:02.02

Now, you're not gonna

get a snap, even though



55

00:02:02.02 --> 00:02:03.07

your Smart Guides are turned on,



56

00:02:03.07 --> 00:02:05.02

so you'll just have to eyeball it,



57

00:02:05.02 --> 00:02:07.02

and then you want to extend

that gradient as well,



58

00:02:07.02 --> 00:02:09.07

so go ahead and drag that square end of it



59

00:02:09.07 --> 00:02:12.00

all the way to the

top-right corner like so.



60

00:02:12.00 --> 00:02:13.06

Alright, that takes care of that,



61

00:02:13.06 --> 00:02:15.03

so I'll go ahead and press the "V" key



62

00:02:15.03 --> 00:02:16.08

to switch back to my Black Arrow tool,



63

00:02:16.08 --> 00:02:19.09

and I'll just go ahead and

switch to the Stroke Panel



64

00:02:19.09 --> 00:02:20.09

in order to give myself

a little more room,



65

00:02:20.09 --> 00:02:23.01

and I'll lock down that gradient layer



66

00:02:23.01 --> 00:02:24.09

by clicking in the second column.



67

00:02:24.09 --> 00:02:26.09

Alright, now I'll go

ahead and press "Ctrl +"



68

00:02:26.09 --> 00:02:28.08

or "Command " on the Mac, to zoom in,



69

00:02:28.08 --> 00:02:30.03

at which point we're now ready



70

00:02:30.03 --> 00:02:32.00

to add some glows and shadows.



71

00:02:32.00 --> 00:02:33.02

And we're gonna be doing so using



72

00:02:33.02 --> 00:02:36.09

a single effect known as Outer Glow.



73

00:02:36.09 --> 00:02:40.01

And so, I'll start by

clicking on this outer group



74

00:02:40.01 --> 00:02:42.05

of purple cubes, and even though it looks



75

00:02:42.05 --> 00:02:44.08

like everything is

selected, it's really just



76

00:02:44.08 --> 00:02:46.08

the purple cubes and nothing more,



77

00:02:46.08 --> 00:02:48.07

and that's because there's all these cubes



78

00:02:48.07 --> 00:02:50.02

in the background right there.



79

00:02:50.02 --> 00:02:52.02

Alright I'll press "Ctrl + Z"

or "Command + Z" on the Mac,



80

00:02:52.02 --> 00:02:54.05

to undo that move, and just so I can see



81

00:02:54.05 --> 00:02:56.04

what I'm doing a little better,

I'll press "Control + H"



82

00:02:56.04 --> 00:02:59.06

or "Command +H" on the Mac,

to hide the anchor points,



83

00:02:59.06 --> 00:03:01.02

and then I'll go up to the View menu,



84

00:03:01.02 --> 00:03:04.08

choose Stylize, and choose Outer Glow.



85

00:03:04.08 --> 00:03:06.05

Now we just so happen to be looking



86

00:03:06.05 --> 00:03:08.05

at the settings that I want to apply,



87

00:03:08.05 --> 00:03:10.01

but let me show you how I got them.



88

00:03:10.01 --> 00:03:12.09

You first want to click on

this Color Swatch right there,



89

00:03:12.09 --> 00:03:15.04

and then dial in a shade

of yellow, and you can see



90

00:03:15.04 --> 00:03:18.06

that it's got a hue of 39

degrees, a saturation of 100%,



91

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

and a brightness of 89%,

but if you have my swatches,



92

00:03:22.02 --> 00:03:24.07

then you can click on the

Color Swatches button,



93

00:03:24.07 --> 00:03:27.07

and then locate the Gold

swatch, which will be way



94

00:03:27.07 --> 00:03:30.05

at the bottom of the

stack, and then click "OK."



95

00:03:30.05 --> 00:03:34.08

Now change the mode to Screen,

which is gonna uniformly



96

00:03:34.08 --> 00:03:37.01

brighten the image, which is why Screen



97

00:03:37.01 --> 00:03:40.09

is the Default blend more

for the Outer Glow effect.



98

00:03:40.09 --> 00:03:44.08

Next I set the Opacity to 50%

and the Blur to 33 points,



99

00:03:44.08 --> 00:03:47.02

at which point you can turn

on the Preview checkbox.



100

00:03:47.02 --> 00:03:49.02

So here's the idea: if

you were to crank up



101

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

the Opacity value, you'd get more glow,



102

00:03:52.02 --> 00:03:54.08

and if you were to

crank up the Blur value,



103

00:03:54.08 --> 00:03:57.01

you'd make it bigger, like so.



104

00:03:57.01 --> 00:03:58.08

But we don't really want

that, and we don't want



105

00:03:58.08 --> 00:04:00.08

something dinky either,

because in my opinion



106

00:04:00.08 --> 00:04:03.06

that looks terrible, so I'm

gonna set the Blur value



107

00:04:03.06 --> 00:04:06.04

to 33 points, just easy to

enter, and then I set the Opacity



108

00:04:06.04 --> 00:04:10.02

value to 50% in order to dial

things back a little bit,



109

00:04:10.02 --> 00:04:12.07

at which point you can click

"OK" to accept that effect.



110

00:04:12.07 --> 00:04:15.04

And once again, that is a dynamic effect



111

00:04:15.04 --> 00:04:19.04

that you can change anytime

you like by switching over



112

00:04:19.04 --> 00:04:21.02

to the Appearance Panel

there, and notice we now have



113

00:04:21.02 --> 00:04:23.05

and Outer Glow assigned to that group.



114

00:04:23.05 --> 00:04:26.03

All you have to do is click

on the words "Outer Glow"



115

00:04:26.03 --> 00:04:28.01

and make any modifications you like.



116

00:04:28.01 --> 00:04:30.06

Anyway, I'm going to cancel

out, because I like what I have,



117

00:04:30.06 --> 00:04:33.08

and now I'll press "Ctrl + H,"

or "Command + H" on the Mac,



118

00:04:33.08 --> 00:04:36.06

to bring back my anchor points,

just so I can better see



119

00:04:36.06 --> 00:04:38.02

what I'm doing for the next step, which is



120

00:04:38.02 --> 00:04:41.03

to either deselect the

purple cubes and then select



121

00:04:41.03 --> 00:04:43.00

the blue, green, and red ones,



122

00:04:43.00 --> 00:04:45.06

Or, in my case, I can just

go up to the Select menu



123

00:04:45.06 --> 00:04:47.07

and choose the Inverse command



124

00:04:47.07 --> 00:04:50.07

in order to deselect what's

selected and select what's not,



125

00:04:50.07 --> 00:04:53.00

which ends up producing the same effect.



126

00:04:53.00 --> 00:04:55.00

Alright, now that I've

confirmed that everything



127

00:04:55.00 --> 00:04:57.02

is the way I want it to

be, I'll press "Ctrl + H,"



128

00:04:57.02 --> 00:04:59.05

or "Command + H" on the

Mac, in order to hide



129

00:04:59.05 --> 00:05:01.04

those selection edges,

and notice how things



130

00:05:01.04 --> 00:05:04.01

keep flashing here when I

hover over the outer glow,



131

00:05:04.01 --> 00:05:06.01

that is a function of Smart Guides,



132

00:05:06.01 --> 00:05:07.09

which is why I'm going to turn them off



133

00:05:07.09 --> 00:05:10.07

by pressing "Ctrl + U," or

"Command + U" on the Mac,



134

00:05:10.07 --> 00:05:12.07

and then, I'll go up to the Effect menu.



135

00:05:12.07 --> 00:05:15.02

And notice you're going

to see two instances



136

00:05:15.02 --> 00:05:18.04

of Outer Glow up here

at the top of the menu.



137

00:05:18.04 --> 00:05:20.04

And that's because the

Effect menu is always trying



138

00:05:20.04 --> 00:05:22.08

to show you your last

applied dynamic effect,



139

00:05:22.08 --> 00:05:25.04

and the reason we have two variations



140

00:05:25.04 --> 00:05:27.02

is because if you choose the first one,



141

00:05:27.02 --> 00:05:29.06

you're just going to

reapply the exact settings



142

00:05:29.06 --> 00:05:32.03

you applied before, so we now have glows



143

00:05:32.03 --> 00:05:33.09

around all of our cubes.



144

00:05:33.09 --> 00:05:37.01

That's not what I want, so

I'll press "Ctrl + Z," or



145

00:05:37.01 --> 00:05:38.02

"Command + Z" on the Mac.



146

00:05:38.02 --> 00:05:39.09

What I want to do is repeat the effect



147

00:05:39.09 --> 00:05:41.06

with different settings,

so I'm going to choose



148

00:05:41.06 --> 00:05:45.00

the second command, which

ends with an ellipses (...),



149

00:05:45.00 --> 00:05:47.05

indicating that we're going

to have a conversation



150

00:05:47.05 --> 00:05:49.07

in the form of this dialog box.



151

00:05:49.07 --> 00:05:51.09

Now this time around,

I want a Shadow effect,



152

00:05:51.09 --> 00:05:55.08

so I'm going to select

a dark color by clicking



153

00:05:55.08 --> 00:05:56.06

on that color swatch right there,



154

00:05:56.06 --> 00:05:58.07

and then, I'll switch to my color swatches



155

00:05:58.07 --> 00:06:01.02

and select Darkness this time around,



156

00:06:01.02 --> 00:06:02.08

and if you're wondering

what that looks like,



157

00:06:02.08 --> 00:06:05.03

I'll just go ahead and

click on Color Models



158

00:06:05.03 --> 00:06:07.00

so that you can see that

I've got a hue value



159

00:06:07.00 --> 00:06:09.07

of just eight degrees,

a saturation of 100%,



160

00:06:09.07 --> 00:06:12.00

and a brightness of nine percent,



161

00:06:12.00 --> 00:06:14.02

at which point I'll click "OK."



162

00:06:14.02 --> 00:06:16.00

And notice, if I turn

the Preview checkbox on,



163

00:06:16.00 --> 00:06:18.06

I'm not really seeing

anything, and that's because



164

00:06:18.06 --> 00:06:21.03

I'm trying to screen

with a very dark color.



165

00:06:21.03 --> 00:06:24.01

in other words, I'm using

an exceedingly dark color



166

00:06:24.01 --> 00:06:26.02

in order to light my scene.



167

00:06:26.02 --> 00:06:28.06

And it's really like

I'm shining a flashlight



168

00:06:28.06 --> 00:06:31.01

onto the scene, but I've

gone and painted the bulb



169

00:06:31.01 --> 00:06:33.00

dark-brown, which is not going to work.



170

00:06:33.00 --> 00:06:35.09

What I want to do instead

is use that darkness



171

00:06:35.09 --> 00:06:38.02

in order to darken a scene, which is why



172

00:06:38.02 --> 00:06:41.00

I'm going to the Blend mode

from Screen to it's opposite,



173

00:06:41.00 --> 00:06:44.01

which happens to be

Multiply, which is the reason



174

00:06:44.01 --> 00:06:46.09

it's the default effect for

shadows inside Illustrator.



175

00:06:46.09 --> 00:06:49.08

And that does give me a Shadow effect,



176

00:06:49.08 --> 00:06:52.05

and I'm going to make

it darker by increasing



177

00:06:52.05 --> 00:06:54.08

the Opacity value, keep your

eye on the Document window,



178

00:06:54.08 --> 00:06:57.05

to 100%, and then I'll press the Tab key,



179

00:06:57.05 --> 00:07:00.01

and you can see how that

darkens things significantly.



180

00:07:00.01 --> 00:07:02.08

Now I no longer want

this giant Blur value,



181

00:07:02.08 --> 00:07:05.08

so I'll take it down to

just 10 points like so.



182

00:07:05.08 --> 00:07:08.07

And we end up with the

smaller but darker shadows,



183

00:07:08.07 --> 00:07:10.09

at which point I'll click "OK"



184

00:07:10.09 --> 00:07:12.07

in order to accept that effect.



185

00:07:12.07 --> 00:07:14.08

Alright, now I'm going

to press "Ctrl + H,"



186

00:07:14.08 --> 00:07:16.07

or "Command + H," to bring

back my anchor points,



187

00:07:16.07 --> 00:07:19.07

and I'll press "Ctrl + Shift

+ A," or "Command+ Shift + A"



188

00:07:19.07 --> 00:07:21.06

on the Mac, to deselect my artwork.



189

00:07:21.06 --> 00:07:24.02

Alright, now at this if you're

wondering why in the world



190

00:07:24.02 --> 00:07:27.03

I used Outer Glow instead of

Drop Shadow in order to create



191

00:07:27.03 --> 00:07:30.07

my shadow effects, the

reason is that Drop Shadow



192

00:07:30.07 --> 00:07:33.03

is a directional effect, so in other words



193

00:07:33.03 --> 00:07:36.08

it goes at an angle, whereas

Inner Glow which goes inside,



194

00:07:36.08 --> 00:07:39.01

and Outer Glow which goes outside,



195

00:07:39.01 --> 00:07:41.06

are both omnidirectional effects,



196

00:07:41.06 --> 00:07:44.08

meaning that they're uniform

all the way around your shapes.



197

00:07:44.08 --> 00:07:47.05

And that's how you impart

depth in your scene,



198

00:07:47.05 --> 00:07:49.09

by adding soft glows and shadows,



199

00:07:49.09 --> 00:07:54.01

using an Outer Glow effect

here inside Illustrator.