- [Narrator] In this movie,
I'll show you how to paint reflections
onto your display type.
Namely, we're going to create these highlights
across the top and the bottom of the letter forms.
Alright, so I'll go ahead
and switch over to my document in progress,
and I'll click on the text with the black arrow tool
to select it.
And then I'll make sure my Appearance panel
is up on screen, in which case
I'll drop down to the Add New Fill icon,
in the bottom left corner of the panel,
and click on it.
Alright now, for whatever reason,
the fill came up orange.
That's most certainly not what I want.
I want a gradient.
And so I'll go to the Window menu,
and choose the Gradient command,
to bring up the Gradient panel,
and I'll go ahead and expand the contents
of the panel as well.
And then, with the fill active,
I'll click on the gradient slider,
in order to apply by default
a linear gradient to my text.
Now I do want the type to be set to linear,
but I want the angle to be 90 degrees.
So I might as well go ahead and change that right now.
And, I'm also looking for all
of the color stops to be white.
So, I'll grab white from the swatches panel,
and I'll drag it and drop it
onto that final color stop like so.
Now, with that final color stop selected,
I'll go ahead and change the Opacity value to 80 percent,
and then I'll select the first color stop,
and change its Opacity to 80 percent as well.
Alright, now I want to create a copy
of this first color stop.
And I can do that by Alt dragging it.
That's an Option drag on the Mac.
And then I'll select the Opacity value,
and take it down to 10 percent.
And then I'll tab my way to the Location value,
and change it to 22 percent.
Alright, now I'll make another copy of this guy,
by Alt or Option dragging it.
And this time I want the Location value
to be 80 percent, like so.
I still want an Opacity of 10 percent,
as we're seeing here.
Alright, so much for the gradient.
I'm going to go ahead and collapse the gradient panel,
so I have a little more room to work.
And then, with this gradient fill selected,
I'll go up to the Effect menu,
choose Path, and choose Offset Path once again.
And this time I'm going to change the Offset value
to negative 17.
Just happened to work.
At which point I'll turn on the Preview checkbox,
and we can see that works absolutely great.
The only problems are these harsh transitions.
Notice this horizontal edge, up here at the top of the S,
and this diagonal edge down at the bottom.
To get rid of those, change the Joins option to Round,
and you'll end up rounding off those edges.
At which point, you can click OK.
Alright, now I want to move the reflections
to the top of the letters,
and you can do that by once gain selecting that fill.
It's very important that it's active.
Then, return to the Effect menu,
choose Distort and Transform,
and choose the Transform command.
And let's go ahead and set the Vertical Move value
to negative seven this time around.
And then if I turn on the Preview checkbox,
you can see that moves the reflections upward.
At which point, I'll click OK to accept that change.
Alright, now I want to add a stroke to my letters.
So I'm going to go ahead and select the Stroke.
It just happens to be the second to to attribute
in the panel.
And so I'll go ahead and change it to Orange one.
And, if you're curious what that looks like,
I'll go ahead and double click on that swatch
here in the Swatches panel.
Switch the Color Mode to HSB,
and you can see that the Hue value is 20 degrees,
Saturation is 77 percent, and the Brightness is 66 percent.
Alright, so I want this stroke to actually be 12 points.
So very thick, but I don't want it
covering up any of the letters.
So I'm going to drag it and drop it
underneath the bottom most fill, like so.
Alright, now I'm going to twirl these fills closed,
just so I have a little more room to work,
and I'll twirl this bottom fill open.
One that's set to the color Orange two,
and I'll click on that fill to select it.
And then I'll go up to the Effect menu,
choose Stylize, and choose Drop Shadow this time around.
And, these are the settings I came up with.
I'll click on the color swatch first.
So you can see that the Hue value is 207 degrees,
which is a shade of blue.
And I've set the Saturation to 100 percent,
and the Brightness to 49 percent.
At which point I'll click OK.
And that'll give us a kind of complimentary color,
which will become evident
when I turn on the Preview checkbox.
And so notice the Mode is set to Multiply.
The Opacity is 100 percent.
X Offset is zero points.
Y Offset is eight, so that the drop shadow
is going straight down.
And the Blur is set to eight points as well.
And notice if you will, that the drop shadow
is being cast, not only onto the background,
but onto that stroke that's in back of the fill as well.
Which I think produces a really nice effect,
because it gives us a kind of gradient
along the bottom edges of that stroke.
Alright, now I want to add a little bit
of highlight around the stroke,
and so I'll select the existing stroke,
and I'll click on the little Page icon
at the bottom of the Appearance panel.
And with this stroke selected,
I'm going to click the gradient bar,
right there inside the Gradient panel,
in order to reapply that last applied gradient.
Then I'm going to expand the Gradient panel once again,
and I'm going to set the Stroke option here
from Apply gradient within stroke,
to Apply gradient across stroke,
which is going to give us these little highlights
along the edges.
Especially along the bright edges
on the tops of the strokes.
Alright, now the great thing
about having worked this way,
if you have editable type in your document,
is that you can change that type.
And so I'm going to collapse the Gradient panel once again.
Switch back to the Layers panel,
and turn on the More Type layer,
which basically explains what's going on in this document.
Soy is just a random three letter word,
that happens to show of the effect quite nicely.
But, it doesn't really make all that much sense.
In fact it'd probably make more sense
if I was to tap the T key,
in order to switch to the Text tool,
and then select that S like so,
and replace it with a J.
And notice that gives me a little bit of a gap
up here at the top of the letter,
between the right hand edge of the J serif,
and the top left arc of the O.
And so to close that up a little,
I'll press Alt-left arrow.
That would be Option-left arrow on the Mac.
At which point, I'll press the Escape key,
in order to accept that change,
and I'll press Control-Shift-A,
or Command-Shift-A on the Mac,
to deselect my text.
And that's how you paint reflections
onto your big display type letter forms,
in such a way as to preserve
the editability of your text,
here inside Illustrator.