1

00:00:00.06 --> 00:00:01.04

- [Narrator] In this movie,



2

00:00:01.04 --> 00:00:02.06

I'll show you how to paint reflections



3

00:00:02.06 --> 00:00:04.02

onto your display type.



4

00:00:04.02 --> 00:00:06.03

Namely, we're going to

create these highlights



5

00:00:06.03 --> 00:00:10.02

across the top and the

bottom of the letter forms.



6

00:00:10.02 --> 00:00:11.01

Alright, so I'll go ahead



7

00:00:11.01 --> 00:00:13.01

and switch over to my

document in progress,



8

00:00:13.01 --> 00:00:15.03

and I'll click on the text

with the black arrow tool



9

00:00:15.03 --> 00:00:16.02

to select it.



10

00:00:16.02 --> 00:00:18.01

And then I'll make sure

my Appearance panel



11

00:00:18.01 --> 00:00:19.07

is up on screen, in which case



12

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

I'll drop down to the Add New Fill icon,



13

00:00:21.07 --> 00:00:23.06

in the bottom left corner of the panel,



14

00:00:23.06 --> 00:00:25.00

and click on it.



15

00:00:25.00 --> 00:00:26.07

Alright now, for whatever reason,



16

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

the fill came up orange.



17

00:00:28.03 --> 00:00:29.08

That's most certainly not what I want.



18

00:00:29.08 --> 00:00:31.05

I want a gradient.



19

00:00:31.05 --> 00:00:33.02

And so I'll go to the Window menu,



20

00:00:33.02 --> 00:00:34.07

and choose the Gradient command,



21

00:00:34.07 --> 00:00:36.03

to bring up the Gradient panel,



22

00:00:36.03 --> 00:00:38.01

and I'll go ahead and expand the contents



23

00:00:38.01 --> 00:00:39.05

of the panel as well.



24

00:00:39.05 --> 00:00:41.02

And then, with the fill active,



25

00:00:41.02 --> 00:00:43.06

I'll click on the gradient slider,



26

00:00:43.06 --> 00:00:45.03

in order to apply by default



27

00:00:45.03 --> 00:00:48.00

a linear gradient to my text.



28

00:00:48.00 --> 00:00:49.06

Now I do want the type

to be set to linear,



29

00:00:49.06 --> 00:00:52.01

but I want the angle to be 90 degrees.



30

00:00:52.01 --> 00:00:55.00

So I might as well go ahead

and change that right now.



31

00:00:55.00 --> 00:00:56.03

And, I'm also looking for all



32

00:00:56.03 --> 00:00:58.00

of the color stops to be white.



33

00:00:58.00 --> 00:01:00.05

So, I'll grab white

from the swatches panel,



34

00:01:00.05 --> 00:01:01.07

and I'll drag it and drop it



35

00:01:01.07 --> 00:01:04.09

onto that final color stop like so.



36

00:01:04.09 --> 00:01:06.09

Now, with that final color stop selected,



37

00:01:06.09 --> 00:01:09.09

I'll go ahead and change the

Opacity value to 80 percent,



38

00:01:09.09 --> 00:01:12.04

and then I'll select the first color stop,



39

00:01:12.04 --> 00:01:15.07

and change its Opacity

to 80 percent as well.



40

00:01:15.07 --> 00:01:17.02

Alright, now I want to create a copy



41

00:01:17.02 --> 00:01:19.01

of this first color stop.



42

00:01:19.01 --> 00:01:21.00

And I can do that by Alt dragging it.



43

00:01:21.00 --> 00:01:22.07

That's an Option drag on the Mac.



44

00:01:22.07 --> 00:01:25.01

And then I'll select the Opacity value,



45

00:01:25.01 --> 00:01:26.06

and take it down to 10 percent.



46

00:01:26.06 --> 00:01:28.09

And then I'll tab my way

to the Location value,



47

00:01:28.09 --> 00:01:31.08

and change it to 22 percent.



48

00:01:31.08 --> 00:01:34.01

Alright, now I'll make

another copy of this guy,



49

00:01:34.01 --> 00:01:36.02

by Alt or Option dragging it.



50

00:01:36.02 --> 00:01:38.01

And this time I want the Location value



51

00:01:38.01 --> 00:01:40.06

to be 80 percent, like so.



52

00:01:40.06 --> 00:01:43.02

I still want an Opacity of 10 percent,



53

00:01:43.02 --> 00:01:44.09

as we're seeing here.



54

00:01:44.09 --> 00:01:46.05

Alright, so much for the gradient.



55

00:01:46.05 --> 00:01:48.05

I'm going to go ahead and

collapse the gradient panel,



56

00:01:48.05 --> 00:01:50.07

so I have a little more room to work.



57

00:01:50.07 --> 00:01:53.01

And then, with this

gradient fill selected,



58

00:01:53.01 --> 00:01:54.06

I'll go up to the Effect menu,



59

00:01:54.06 --> 00:01:58.00

choose Path, and choose

Offset Path once again.



60

00:01:58.00 --> 00:02:00.06

And this time I'm going

to change the Offset value



61

00:02:00.06 --> 00:02:02.04

to negative 17.



62

00:02:02.04 --> 00:02:03.07

Just happened to work.



63

00:02:03.07 --> 00:02:05.09

At which point I'll turn

on the Preview checkbox,



64

00:02:05.09 --> 00:02:08.07

and we can see that

works absolutely great.



65

00:02:08.07 --> 00:02:11.08

The only problems are

these harsh transitions.



66

00:02:11.08 --> 00:02:14.09

Notice this horizontal edge,

up here at the top of the S,



67

00:02:14.09 --> 00:02:17.08

and this diagonal edge down at the bottom.



68

00:02:17.08 --> 00:02:21.06

To get rid of those, change

the Joins option to Round,



69

00:02:21.06 --> 00:02:24.00

and you'll end up

rounding off those edges.



70

00:02:24.00 --> 00:02:26.06

At which point, you can click OK.



71

00:02:26.06 --> 00:02:28.01

Alright, now I want to

move the reflections



72

00:02:28.01 --> 00:02:29.07

to the top of the letters,



73

00:02:29.07 --> 00:02:32.05

and you can do that by once

gain selecting that fill.



74

00:02:32.05 --> 00:02:34.05

It's very important that it's active.



75

00:02:34.05 --> 00:02:36.04

Then, return to the Effect menu,



76

00:02:36.04 --> 00:02:37.09

choose Distort and Transform,



77

00:02:37.09 --> 00:02:39.07

and choose the Transform command.



78

00:02:39.07 --> 00:02:42.01

And let's go ahead and set

the Vertical Move value



79

00:02:42.01 --> 00:02:44.07

to negative seven this time around.



80

00:02:44.07 --> 00:02:46.04

And then if I turn on

the Preview checkbox,



81

00:02:46.04 --> 00:02:49.08

you can see that moves

the reflections upward.



82

00:02:49.08 --> 00:02:52.09

At which point, I'll click

OK to accept that change.



83

00:02:52.09 --> 00:02:55.09

Alright, now I want to add

a stroke to my letters.



84

00:02:55.09 --> 00:02:58.02

So I'm going to go ahead

and select the Stroke.



85

00:02:58.02 --> 00:03:00.02

It just happens to be the

second to to attribute



86

00:03:00.02 --> 00:03:01.02

in the panel.



87

00:03:01.02 --> 00:03:04.06

And so I'll go ahead and

change it to Orange one.



88

00:03:04.06 --> 00:03:06.06

And, if you're curious

what that looks like,



89

00:03:06.06 --> 00:03:08.01

I'll go ahead and double

click on that swatch



90

00:03:08.01 --> 00:03:09.06

here in the Swatches panel.



91

00:03:09.06 --> 00:03:11.06

Switch the Color Mode to HSB,



92

00:03:11.06 --> 00:03:13.06

and you can see that the

Hue value is 20 degrees,



93

00:03:13.06 --> 00:03:18.06

Saturation is 77 percent, and

the Brightness is 66 percent.



94

00:03:18.06 --> 00:03:22.01

Alright, so I want this stroke

to actually be 12 points.



95

00:03:22.01 --> 00:03:23.08

So very thick, but I don't want it



96

00:03:23.08 --> 00:03:25.06

covering up any of the letters.



97

00:03:25.06 --> 00:03:27.07

So I'm going to drag it and drop it



98

00:03:27.07 --> 00:03:31.02

underneath the bottom most fill, like so.



99

00:03:31.02 --> 00:03:34.03

Alright, now I'm going to

twirl these fills closed,



100

00:03:34.03 --> 00:03:35.08

just so I have a little more room to work,



101

00:03:35.08 --> 00:03:38.01

and I'll twirl this bottom fill open.



102

00:03:38.01 --> 00:03:40.01

One that's set to the color Orange two,



103

00:03:40.01 --> 00:03:42.02

and I'll click on that fill to select it.



104

00:03:42.02 --> 00:03:44.01

And then I'll go up to the Effect menu,



105

00:03:44.01 --> 00:03:48.05

choose Stylize, and choose

Drop Shadow this time around.



106

00:03:48.05 --> 00:03:51.02

And, these are the

settings I came up with.



107

00:03:51.02 --> 00:03:52.06

I'll click on the color swatch first.



108

00:03:52.06 --> 00:03:55.06

So you can see that the

Hue value is 207 degrees,



109

00:03:55.06 --> 00:03:57.05

which is a shade of blue.



110

00:03:57.05 --> 00:03:59.06

And I've set the

Saturation to 100 percent,



111

00:03:59.06 --> 00:04:01.08

and the Brightness to 49 percent.



112

00:04:01.08 --> 00:04:03.06

At which point I'll click OK.



113

00:04:03.06 --> 00:04:05.08

And that'll give us a kind

of complimentary color,



114

00:04:05.08 --> 00:04:07.03

which will become evident



115

00:04:07.03 --> 00:04:09.05

when I turn on the Preview checkbox.



116

00:04:09.05 --> 00:04:11.09

And so notice the Mode is set to Multiply.



117

00:04:11.09 --> 00:04:13.06

The Opacity is 100 percent.



118

00:04:13.06 --> 00:04:15.06

X Offset is zero points.



119

00:04:15.06 --> 00:04:18.04

Y Offset is eight, so that the drop shadow



120

00:04:18.04 --> 00:04:19.07

is going straight down.



121

00:04:19.07 --> 00:04:23.03

And the Blur is set to

eight points as well.



122

00:04:23.03 --> 00:04:25.05

And notice if you will,

that the drop shadow



123

00:04:25.05 --> 00:04:28.02

is being cast, not only

onto the background,



124

00:04:28.02 --> 00:04:32.05

but onto that stroke that's

in back of the fill as well.



125

00:04:32.05 --> 00:04:34.04

Which I think produces

a really nice effect,



126

00:04:34.04 --> 00:04:36.02

because it gives us a kind of gradient



127

00:04:36.02 --> 00:04:39.04

along the bottom edges of that stroke.



128

00:04:39.04 --> 00:04:40.08

Alright, now I want to add a little bit



129

00:04:40.08 --> 00:04:42.02

of highlight around the stroke,



130

00:04:42.02 --> 00:04:44.03

and so I'll select the existing stroke,



131

00:04:44.03 --> 00:04:46.03

and I'll click on the little Page icon



132

00:04:46.03 --> 00:04:48.06

at the bottom of the Appearance panel.



133

00:04:48.06 --> 00:04:50.02

And with this stroke selected,



134

00:04:50.02 --> 00:04:52.02

I'm going to click the gradient bar,



135

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

right there inside the Gradient panel,



136

00:04:54.07 --> 00:04:58.00

in order to reapply that

last applied gradient.



137

00:04:58.00 --> 00:05:00.07

Then I'm going to expand the

Gradient panel once again,



138

00:05:00.07 --> 00:05:03.06

and I'm going to set

the Stroke option here



139

00:05:03.06 --> 00:05:06.01

from Apply gradient within stroke,



140

00:05:06.01 --> 00:05:08.08

to Apply gradient across stroke,



141

00:05:08.08 --> 00:05:11.05

which is going to give us

these little highlights



142

00:05:11.05 --> 00:05:13.01

along the edges.



143

00:05:13.01 --> 00:05:15.03

Especially along the bright edges



144

00:05:15.03 --> 00:05:17.07

on the tops of the strokes.



145

00:05:17.07 --> 00:05:18.08

Alright, now the great thing



146

00:05:18.08 --> 00:05:20.05

about having worked this way,



147

00:05:20.05 --> 00:05:23.04

if you have editable

type in your document,



148

00:05:23.04 --> 00:05:25.06

is that you can change that type.



149

00:05:25.06 --> 00:05:28.01

And so I'm going to collapse

the Gradient panel once again.



150

00:05:28.01 --> 00:05:29.08

Switch back to the Layers panel,



151

00:05:29.08 --> 00:05:32.05

and turn on the More Type layer,



152

00:05:32.05 --> 00:05:35.04

which basically explains what's

going on in this document.



153

00:05:35.04 --> 00:05:38.02

Soy is just a random three letter word,



154

00:05:38.02 --> 00:05:40.06

that happens to show of

the effect quite nicely.



155

00:05:40.06 --> 00:05:43.02

But, it doesn't really

make all that much sense.



156

00:05:43.02 --> 00:05:45.01

In fact it'd probably make more sense



157

00:05:45.01 --> 00:05:47.08

if I was to tap the T key,



158

00:05:47.08 --> 00:05:49.09

in order to switch to the Text tool,



159

00:05:49.09 --> 00:05:52.08

and then select that S like so,



160

00:05:52.08 --> 00:05:55.02

and replace it with a J.



161

00:05:55.02 --> 00:05:57.06

And notice that gives

me a little bit of a gap



162

00:05:57.06 --> 00:05:59.04

up here at the top of the letter,



163

00:05:59.04 --> 00:06:02.00

between the right hand

edge of the J serif,



164

00:06:02.00 --> 00:06:04.00

and the top left arc of the O.



165

00:06:04.00 --> 00:06:05.04

And so to close that up a little,



166

00:06:05.04 --> 00:06:06.07

I'll press Alt-left arrow.



167

00:06:06.07 --> 00:06:09.03

That would be Option-left

arrow on the Mac.



168

00:06:09.03 --> 00:06:11.01

At which point, I'll press the Escape key,



169

00:06:11.01 --> 00:06:13.02

in order to accept that change,



170

00:06:13.02 --> 00:06:14.07

and I'll press Control-Shift-A,



171

00:06:14.07 --> 00:06:16.03

or Command-Shift-A on the Mac,



172

00:06:16.03 --> 00:06:19.03

to deselect my text.



173

00:06:19.03 --> 00:06:20.08

And that's how you paint reflections



174

00:06:20.08 --> 00:06:24.00

onto your big display type letter forms,



175

00:06:24.00 --> 00:06:25.06

in such a way as to preserve



176

00:06:25.06 --> 00:06:27.09

the editability of your text,



177

00:06:27.09 --> 00:06:29.09

here inside Illustrator.