- [Voiceover] In this movie, I'll show you
how to change the Roundness of the Corners of a rectangle.
And we'll do so dynamically,
so you change your mind any time you like.
I'm gonna start off by zooming in on this handle like so.
And then, I'll click on it to select it
with the Black Arrow Tool.
And now, assuming you're working in
the most recent version of the software,
go up to the View menu
and choose Show Bounding Box to turn on the Bounding Box
so that you can see your standard handles,
which of course you can drag in order to scale the shape.
That's not what I wanna do at all, however.
Instead, I wanna take advantage
of these Round Corner widgets, right there.
So notice this circle.
If I go ahead and drag it inward,
I will change the Roundness of the rectangle on the fly.
And because I have my Smart Guides turned on,
I can see exactly how much Roundness I'm applying
in that Heads Up Display.
Now, what's great about this is that it's a dynamic effect.
So if I were to click off the shape in order to deselect it,
and then click on the shape again, in order to select it,
I will still have access to those widgets.
And so if you drag it all the way back up to the corner,
so that the R Value is 0, like so,
even though it's appearing to pop into a different location,
I'm still going to restore those corners
to their full sharpness.
All right, but what I wanna do is take this guy out
until the Roundness Value right there reads 6 points
is what I'm looking for, after which,
I'll just go ahead and release to accept that change.
All right, now I'm gonna zoom in a little bit here.
And I want you to see how you can
change the Roundness Value numerically.
So I'm gonna go ahead and select this path right here.
And I'm not even seeing its Round Corner widgets,
so I'm gonna have to zoom farther in.
But it still might be difficult for me to apply
2 points of Roundness, which is what I'm looking for.
And so, if you're having problems at any point in time,
just go ahead and double-click on one of those widgets
to open the Transform panel.
Now you should see the entire panel.
If you don't, if some part of it's hidden,
then click on this double-arrow icon
to the left of the word Transform
as many times as it takes to reinstate the full panel,
like so, and then notice we have these Round Corner controls
each of which affects a different corner.
Notice that they're linked together by default,
so if I were to change one of these values to 2 points
and then press the Tab key,
they're all going to change to 2 points,
which works fine for this particular shape.
All right, I'm gonna go ahead
and hide that panel for a moment,
and then, I'll scroll over
so that I can see the opposite rectangle.
And we're gonna modify it in just a moment.
But first, I wanna duplicate this guy
by pressing the Enter key, or the Return key on the Mac,
which because the Black Arrow Tool is active,
brings up the Move dialog box.
And I'm gonna change this Horizontal Value to 12,
and I'll leave the Vertical Value set to zero.
And rather than moving the shape, I wanna copy it.
So I'll click the Copy button,
or I can press Alt + Enter here on a PC,
or Opt + Return on a Mac.
All right, now I'm gonna create a copy of this guy
by dragging it from the right side,
not from the handle, by the way,
but from one of the two right sides
above and below the handle,
and I'll go ahead and drag it all the way over
so that it snaps into alignment with the left edge
of that other thin rectangle.
And I'm pressing the Shift key, by the way,
to constrain the angle of my drag to exactly horizontal.
I'm also gonna press the Alt key,
or the Opt key on the Mac,
so I have both Shift and Alt keys down here on the PC,
that Shift + Opt on the Mac,
so that I'm seeing that double-arrowhead,
which tells me that I'm gonna make copy of this shape,
like so, and then I'll press the left arrow key four times,
one, two, three, four, like so,
in order to scoot that shape a little bit to the left.
All right, now I wanna grab this guy,
and I'm gonna zoom in even father in.
And again, I wanna round this guy to 2 points
so I'll just go ahead and double-click
on any of these Round Corner widgets,
and I will change this guy to 2 points, like so.
Now something I want you to notice,
if I zoom in even farther,
just want you to see this really quick,
is that we have the option of changing the Style of Corner,
and you do that by clicking on this little icon right there,
and changing it from rounding outward to rounding inward,
like so, so that's totally an option,
and then you can modify the Roundness on the fly
by dragging one of these circular widgets.
But notice as I do, that the other corner
is independently rounded,
so each one of these Corner controls
affects a single Round Corner,
even if they're all linked together.
Your other option is to apply a chamfer,
which looks like this,
so it's just gonna be a straight bevel,
and that's another thing that you can modify on the fly.
So you can scoot that bevel outward or inward, to taste.
All right, but I really want
to stick with an outwardly rounded corner,
and I want all these guys to be 2 points,
but notice that we have a problem here.
This inner edge right here should not be rounding.
I want it to be straight.
And so, I'm gonna turn off the Chain right there,
the Link control, and I'm gonna change both of these
right hand corners to 0,
which gives me exactly the effect I'm looking for.
All right, I'm gonna zoom out here like so,
and I actually wanna zoom a little farther out,
so that I can take in this black handle,
and as you may recall from our final illustration,
I'm looking for this end of the handle
to round significantly outward,
much more than the other side.
And that's gonna create a kind of forced perspective.
And so what we really wanna do is modify these two
left hand corners independently of the right ones.
And I wanna do so just by dragging.
And we know that you can just double-click
on one of these Corners,
and because they're no longer linked to each other,
I could just change this guy to something like 12 points,
let's say, and press the Enter key,
or the Return key on a Mac, to apply that change.
But then notice that if I start dragging,
all of the corners are rounding, relative to this one.
So, this top left corner is still rounding more
than the other three, but they are rounding together.
That's not really what I want, so I'll press Control + Z,
or Command + Z on a Mac, a couple of times,
in order to Undo that change.
And I'll go ahead and switch from the Black Arrow Tool
to the White Arrow, which I can get by pressing the a key.
And a great thing about the White Arrow
is that it allows you
to modify different corners independently of each other.
And we're gonna see in a future chapter
just how incredibly useful that can be.
But for now, I'm just gonna go ahead
and marquee these two corners,
so that they're selected independently of the other two,
and I'll go ahead and drag this widget down
and you can see I am now only affecting
the left hand corners.
And I'm gonna drag it as far as it goes.
And notice, I can't go any farther than 32 points,
which makes absolute sense given that as you may recall,
and I'll bring up the Transform panel just so we can see,
that the shape is 64 points tall.
And so half of 64 is 32,
and so you can only Round the Corner
to half the width or the height,
whatever is the smallest of a given shape.
At which point, I'll go ahead and hide the Transform panel,
I'll click off the shape to deselect it
and I'll press Ctrl + 0, or Command + 0 on the Mac
to center my zoom.
And that's how you Round the Corners of a rectangle,
whether you draw it with the Rectangle Tool
or the neighboring Rounded Rectangle Tool,
it doesn't matter at all.
And you can do so entirely dynamically
so you can change your mind any time you like.