- [Voiceover] In this movie we'll add
the stylized reflections to the handle.
And I'll pass along a few insights along the way.
And while it's nothing earth shattering,
it gives us more time to spend
with live rectangles inside Illustrator.
And so I'll go ahead and switch over to my documents so far
and I'll zoom in on the black handle
and I'll click on it with the black arrow tool.
And as you can see, my bounding box is still active,
so that I have access to my handles
as well as my round corner widgets.
All right, now I'm gonna create a copy of the shape
by going up to the Edit menu and choosing the Copy command.
And then I'll return to the Edit menu
and choose Paste in Front.
All right, now I wanna go ahead
and drag the top of this shape down like so.
But notice that my heads of display
that no matter what I do when I'm dragging downward,
the height remains doggedly fixed at 64 points.
And that's a function of my round corner widget.
Because it's maxed out, Illustrator's not letting me change
the height of this shape.
It would let me make it taller, just not shorter.
Anyway, I don't want it to be taller,
so I'll undo that change.
And I'll go ahead and restore those corners back to zero
by dragging the widgets all the way to those corner handles,
at which point you can see the heads of display,
I now have a roundness of zero points.
At which point I can go ahead and drag this guy down
as much as I like.
Now, I don't really want to move it that way,
so I'm gonna press Control + Z or Command + Z on the Mac
and I'm gonna zoom in a little bit.
What I wanna do is scale with respect to the center.
And so as I drag downward,
I'm gonna press and hold the Alt key
or the Option key on the Mac.
Now I want this path to be very narrow
with a height of just eight points,
which I'm seeing right now at which point I'll release.
All right, I want this guy to look like a reflection,
however, so I'm gonna click on the very first swatch
up here in the control panel and change the fill to white.
All right, now I wanna adjust the width of this path
just a little bit.
And so I'm gonna drag this left-hand point over
until my heads of display shows a width of 450 points.
And bear in mind, you're only gonna see those values
if you have smart guides turned on.
And now I wanna change the roundness of these two corners
independently of the ones I'm not seeing.
And so I'll just double click on either one
and as you can see, my corners are not linked together,
so I can just change the first value to four,
press the tab key and change that second value
to four as well and then press the Enter key
or the Return key on the Mac to accept that change.
All right, now I'll go ahead and hide the panel.
And let's go ahead and scroll over to the right-hand shapes,
which is gonna take me a few spacebar drags
or I could bring up my navigator panel
by clicking on a little ship's wheel here
and then I'll just click at this location right there
in order to advance to this portion of the handle.
All right, now I'll just go ahead
and scoot over a little more and I'll select this shape
and I wanna make a copy of it as well.
So I'll press Control + C, Control + F,
that's Command + C, Command + F on the Mac,
and then I'll go ahead and drag this guy down
while pressing and holding the Alt key
so that I'm scaling with respect to the center.
And I'm going to keep working at it until my height value
is just four points and then I'll release.
Now, I want this to be a dark reflection,
so I'll once again click that first swatch up here
in the control panel and I'll change that shape to black.
And something I want you to notice about working
with rectangles and other live shapes,
notice if I move my cursor,
and it might be a little more visible
if I move it over here to just beyond the handle,
I get a rotate cursor which allows me to rotate that shape
to, for example, let's say 342.9 degrees.
If I now bring back up my transform panel
by clicking on this little icon right there,
notice that it remembers the degree of rotation.
And so I could override that
and change that to 15 degrees instead,
at which point that will be remembered as well.
And this is a wonderful attribute
of live shapes inside Illustrator.
But that's just by way of demo, of course.
So I'm gonna go ahead and change
that rotate value back to zero and hide the panel.
All right, now I wanna draw a very small shape
using the rectangle tool.
So I'll go ahead and select the tool once again
inside the toolbox or in my flyout tool bar,
and then I'll click inside the document window,
and I'm looking for a width value of eight points,
that's fine, but I want the height value
to be four points like so.
And then I'll go ahead and switch back
to the black arrow tool by pressing the V key.
And I will grab a corner, that's what I'd like to do anyway,
but I can't because of that bounding box,
which, frankly between you and me, has worn out its welcome
and so I'm gonna get rid of it by going to the View menu
and choosing Hide Bounding Box
or you have that keyboard shortcut of Control + Shift + B
or Command + Shift + B on the Mac.
And if you haven't gotten a sense for it yet,
this is probably a keyboard shortcut you want to memorize,
because there's all kinds of times
where you want to turn it on and then turn it back off,
especially when working
with live shapes here inside Illustrator.
I'll go ahead and turn it off,
now you can see I can drag this guy by its corner
and I wanna drop it in the place right here
so that it snaps into alignment with that horizontal guide
as well as the right edge
of that first white rounded rectangle.
All right, now I wanna make a duplicate of this shape
by dragging it by that same corner point
until it snaps into alignment right there.
And now I'll press the Alt key or the Option key on the Mac
to make a copy of that shape like so.
All right, now I'm gonna Shift click on this first shape
so that they're both selected.
And then just for the sake of variety,
I'll drag this top-left point of this second shape
until it snaps into alignment right there.
And you might want to press and hold the Shift key
to constrain the angle of your drag to exactly horizontal,
but you'll definitely want to press and hold the Alt key
or the Option key on the Mac.
So I've got both Shift and Alt down,
that's Shift and Option on the Mac,
and then release, in order to create a copy of those shapes.
All right, now I wanna create a copy of these black shapes
and so I'm gonna Shift click on these two
and then Shift click on this guy as well.
And I'm gonna move them downward by pressing the Enter key
or the Return key on the Mac.
And because the black arrow tool is selected,
that brings up the Move dialogue box.
Although these are not the values that I'm looking for.
So I'm gonna change the horizontal value to zero
and then I'll change the vertical value to 14
which is, as you can see, moves the shapes down.
So positive vertical values result in downward movements.
At which point I'll click the Copy button
in order to create a copy of those shapes.
Now you can see that we really have
a pretty gnarly stacking problem going.
And in cases like these, you're generally better off
sending things to back.
And so I'm gonna go ahead and partially marquee
these shapes right here.
I don't wanna select the circle on the right
or the black shape on the left.
And so make sure that your marquee is inside those areas.
And then, just right click any old place
inside the document window, choose Arrange
and choose Send to Back.
And now I'll go ahead and partially marquee these shapes
in the middle right here.
And I will once again right click, choose Arrange,
and choose Send to Back in order to achieve
this much improved effect here.
All right, now I'll go ahead and press Control + 0
or Command + 0 on the Mac to zoom out.
And just so we can take in the magnifying glass
in all of its glory so far, I'll turn off the guides layer.
And now you can see that by no means
a photo realistic effect.
It makes for a very nice stylized drawing,
thanks to a combination of the rectangle
and black arrow tools working together
with and without the bounding box here inside Illustrator.