1
00:00:00.06 --> 00:00:02.00
- In this movie, I'll introduce you

2
00:00:02.00 --> 00:00:03.08
to the round corner widget

3
00:00:03.08 --> 00:00:06.03
which allows you to
round off corner points

4
00:00:06.03 --> 00:00:09.05
regardless of what tool
you use to create them.

5
00:00:09.05 --> 00:00:10.08
I'm going to start off the usual way,

6
00:00:10.08 --> 00:00:14.00
by going up to the File menu
and choosing New from Template.

7
00:00:14.00 --> 00:00:15.04
Or you can press that keyboard shortcut

8
00:00:15.04 --> 00:00:18.00
Control+Shift+n or
Command+Shift+n on the Mac.

9
00:00:18.00 --> 00:00:19.02
And then I'll go ahead and double-click

10
00:00:19.02 --> 00:00:21.07
on my RGB with center guides template

11
00:00:21.07 --> 00:00:23.06
in order to open up a blank document

12
00:00:23.06 --> 00:00:25.03
complete with center guides.

13
00:00:25.03 --> 00:00:27.08
And then, I'll go ahead and
select my Rectangle tool

14
00:00:27.08 --> 00:00:29.06
from the the Shape tool flyout menu.

15
00:00:29.06 --> 00:00:32.02
You also have that keyboard shortcut of M.

16
00:00:32.02 --> 00:00:33.05
And now, I'm just going to drag

17
00:00:33.05 --> 00:00:37.00
to create a more or less
centered rectangle, like so.

18
00:00:37.00 --> 00:00:38.07
And as soon as you do, you'll see

19
00:00:38.07 --> 00:00:42.05
these little round corner
widgets in each and every corner.

20
00:00:42.05 --> 00:00:44.08
So, a rectangle, as you may be aware,

21
00:00:44.08 --> 00:00:47.00
has a total of four corner points.

22
00:00:47.00 --> 00:00:50.05
And as a result, we have
four circular corner widgets.

23
00:00:50.05 --> 00:00:52.07
If I drag on one of those widgets,

24
00:00:52.07 --> 00:00:54.09
I end up rounded the
corners, as you see here.

25
00:00:54.09 --> 00:00:57.04
And as long as your
smartguides are turned on,

26
00:00:57.04 --> 00:00:59.01
then you'll see a little heads up display

27
00:00:59.01 --> 00:01:01.08
telling you the radius of that corner.

28
00:01:01.08 --> 00:01:04.02
So for example, let's say I set the radius

29
00:01:04.02 --> 00:01:06.06
to exactly 100 points.

30
00:01:06.06 --> 00:01:09.08
That means we end up having
an arc at this location

31
00:01:09.08 --> 00:01:13.04
that measures 100 points
tall and 100 points wide.

32
00:01:13.04 --> 00:01:15.09
Just as if we had drawn
it with the Arc tool

33
00:01:15.09 --> 00:01:19.02
except obviously, it's a lot
easier to just round the corner

34
00:01:19.02 --> 00:01:21.08
as opposed to draw this arcing segment

35
00:01:21.08 --> 00:01:23.01
with the Arc tool.

36
00:01:23.01 --> 00:01:26.04
Another option is to double-click
on one of these widgets

37
00:01:26.04 --> 00:01:28.04
which will bring up the Transform panel,

38
00:01:28.04 --> 00:01:29.09
as we're seeing here complete

39
00:01:29.09 --> 00:01:32.00
with these rectangle properties.

40
00:01:32.00 --> 00:01:35.07
And so, I can change the size
of my rectangle if I want to

41
00:01:35.07 --> 00:01:37.08
to let's say 500 points wide.

42
00:01:37.08 --> 00:01:39.08
And if the Chain icon is turned on,

43
00:01:39.08 --> 00:01:42.06
then that's going to change
the height value as well.

44
00:01:42.06 --> 00:01:45.04
You also have the option of
rotating your shape as you like.

45
00:01:45.04 --> 00:01:48.08
And you also have these
numerical corner options.

46
00:01:48.08 --> 00:01:51.00
Now by default, they're
all linked together,

47
00:01:51.00 --> 00:01:52.09
so the Chain icon is turned on.

48
00:01:52.09 --> 00:01:55.04
In which case, if I change
any one of these values

49
00:01:55.04 --> 00:01:58.06
to let's say 50 points,
and press the Tab key,

50
00:01:58.06 --> 00:02:00.08
then they're all going
to change to 50 points.

51
00:02:00.08 --> 00:02:02.06
If that's not what you
want, then just go ahead

52
00:02:02.06 --> 00:02:04.09
and click on the Chain
icon to turn it off.

53
00:02:04.09 --> 00:02:07.05
And then, let's say I
want the upper left corner

54
00:02:07.05 --> 00:02:08.09
to not be rounded at all.

55
00:02:08.09 --> 00:02:10.09
I'll change its value to zero,

56
00:02:10.09 --> 00:02:12.09
and then I'll tab to the lower left corner

57
00:02:12.09 --> 00:02:15.06
and I'll change it to 100, and I end up

58
00:02:15.06 --> 00:02:17.09
with these differently rounded corners.

59
00:02:17.09 --> 00:02:18.08
All right, I'm going to go ahead

60
00:02:18.08 --> 00:02:20.04
and hide the Transform panel.

61
00:02:20.04 --> 00:02:23.04
And I'll press the V key to
switch to the black arrow tool,

62
00:02:23.04 --> 00:02:24.06
at which point you'll see

63
00:02:24.06 --> 00:02:27.00
all those corner widgets disappear.

64
00:02:27.00 --> 00:02:30.05
But you can bring them back
and gain more control over them

65
00:02:30.05 --> 00:02:32.05
by switching to the white arrow tool.

66
00:02:32.05 --> 00:02:35.00
Which of course you can
do by pressing the A key.

67
00:02:35.00 --> 00:02:36.03
A for arrow.

68
00:02:36.03 --> 00:02:38.00
And now notice, if you go ahead

69
00:02:38.00 --> 00:02:40.07
and click on this corner for example,

70
00:02:40.07 --> 00:02:44.01
you can drag its widget
independently of the others.

71
00:02:44.01 --> 00:02:45.06
So all the other widgets disappear

72
00:02:45.06 --> 00:02:48.03
when this one corner is selected.

73
00:02:48.03 --> 00:02:51.04
And that way, I can modify
this corner independently

74
00:02:51.04 --> 00:02:53.07
either by dragging it, like so.

75
00:02:53.07 --> 00:02:56.00
Or, if I know a specific value,

76
00:02:56.00 --> 00:02:58.03
I can change this corner's value up here

77
00:02:58.03 --> 00:03:02.00
in the Control panel to
something like let's say 100

78
00:03:02.00 --> 00:03:04.05
and press the Enter key,
or the Return key on a Mac

79
00:03:04.05 --> 00:03:06.01
to make that change.

80
00:03:06.01 --> 00:03:08.09
Now, notice that we no longer
have a single corner point.

81
00:03:08.09 --> 00:03:12.00
We have two modified cusp points.

82
00:03:12.00 --> 00:03:14.07
And yet, they still respond
to this round corner widget.

83
00:03:14.07 --> 00:03:16.08
So let's say I want to
make this one appear again,

84
00:03:16.08 --> 00:03:18.01
then I would just go ahead and click

85
00:03:18.01 --> 00:03:19.07
on this segment, like so.

86
00:03:19.07 --> 00:03:23.01
Or, you can select one or
both of those cusp points

87
00:03:23.01 --> 00:03:25.07
and then go ahead and
drag that corner widget

88
00:03:25.07 --> 00:03:27.05
to any setting you like.

89
00:03:27.05 --> 00:03:29.08
And if you drag it all
the way toward the points,

90
00:03:29.08 --> 00:03:32.08
then you're going to end up
with a radius value of zero.

91
00:03:32.08 --> 00:03:34.06
In other words, you're going to once again

92
00:03:34.06 --> 00:03:36.09
arrive at a sharp corner point.

93
00:03:36.09 --> 00:03:39.00
All right, so that's how the
round corner widget works

94
00:03:39.00 --> 00:03:40.02
with rectangles.

95
00:03:40.02 --> 00:03:42.00
In the next movie, I'll
show you how it works

96
00:03:42.00 --> 00:03:44.01
with other shapes.