1
00:00:00.07 --> 00:00:01.07
- [Voiceover] All right
now, if you watched

2
00:00:01.07 --> 00:00:04.07
the previous movie in its
entirety, to the very end,

3
00:00:04.07 --> 00:00:06.02
then you know that I promised you

4
00:00:06.02 --> 00:00:08.09
how to draw a perfect five-pointed star,

5
00:00:08.09 --> 00:00:11.05
which I am gonna do in the next movie.

6
00:00:11.05 --> 00:00:14.04
But first I need to impart
some late-breaking information

7
00:00:14.04 --> 00:00:18.03
that applies to the latest
version of Illustrator CC.

8
00:00:18.03 --> 00:00:20.01
And that's the fact that in addition to

9
00:00:20.01 --> 00:00:22.07
live rectangles and live ellipses,

10
00:00:22.07 --> 00:00:27.04
we now have live polygons,
which are pretty darn exciting.

11
00:00:27.04 --> 00:00:29.09
And so I'm gonna switch
to the polygon tool,

12
00:00:29.09 --> 00:00:33.00
and then I'll press Ctrl
+ A, or Cmd + A on the Mac

13
00:00:33.00 --> 00:00:35.09
to select these stars, and
I'll press the Backspace key,

14
00:00:35.09 --> 00:00:38.03
or the Delete key on the
Mac to get rid of them.

15
00:00:38.03 --> 00:00:41.06
And now I'll just go ahead
and drag a polygon out

16
00:00:41.06 --> 00:00:45.01
from those center guides
right there, and I'll release.

17
00:00:45.01 --> 00:00:48.05
And in my case that
happens to make a pentagon.

18
00:00:48.05 --> 00:00:51.01
All right, so far things are
looking like they ever have,

19
00:00:51.01 --> 00:00:53.06
with one small exception,
and that's that we're seeing

20
00:00:53.06 --> 00:00:56.08
the word Polygon on the far-left
side of the Control Panel.

21
00:00:56.08 --> 00:00:59.05
So as with rectangles and ellipses,

22
00:00:59.05 --> 00:01:03.02
Illustrator is aware of
what kind of shape this is,

23
00:01:03.02 --> 00:01:05.07
which means that if I were
to go to the View menu,

24
00:01:05.07 --> 00:01:08.00
and choose Show Bounding Box, or press

25
00:01:08.00 --> 00:01:10.09
that very important
keyboard shortcut these days

26
00:01:10.09 --> 00:01:14.01
of Ctrl + Shift + B, or
Cmd + Shift + B on the Mac,

27
00:01:14.01 --> 00:01:16.01
we're gonna see a variety of handles

28
00:01:16.01 --> 00:01:18.08
and widgets surrounding our shape.

29
00:01:18.08 --> 00:01:21.00
And so as with any bounding box,

30
00:01:21.00 --> 00:01:24.07
you can drag a handle to
scale or stretch the shape,

31
00:01:24.07 --> 00:01:27.06
you can drag this center point in order to

32
00:01:27.06 --> 00:01:30.08
move the shape around, and
if you position your cursor

33
00:01:30.08 --> 00:01:33.09
close to a corner handle,
you'll get the rotate cursor

34
00:01:33.09 --> 00:01:37.00
at which point you can rotate the shape,

35
00:01:37.00 --> 00:01:39.06
and see its angle in the heads-up display.

36
00:01:39.06 --> 00:01:42.02
And this is an absolute angle by the way,

37
00:01:42.02 --> 00:01:45.01
if I was to move this
back to zero degrees,

38
00:01:45.01 --> 00:01:47.02
then it would be absolutely upright.

39
00:01:47.02 --> 00:01:49.08
And notice that we're getting
a little bit of a snap

40
00:01:49.08 --> 00:01:51.09
when Smart Guides are turned on.

41
00:01:51.09 --> 00:01:54.00
And in addition to that,
you can press and hold

42
00:01:54.00 --> 00:01:58.05
the Shift key in order to
rotate in 45 degree increments.

43
00:01:58.05 --> 00:02:00.06
And you might look at
that and say, "Gosh Deke,

44
00:02:00.06 --> 00:02:02.08
"I think you're a big liar because

45
00:02:02.08 --> 00:02:06.04
"22.15 is not a multiple of 45 degrees."

46
00:02:06.04 --> 00:02:09.04
But bear in mind, it's
a multiple of 45 degrees

47
00:02:09.04 --> 00:02:12.03
from where we started,
so this is all based

48
00:02:12.03 --> 00:02:15.08
on, once again, absolute values.

49
00:02:15.08 --> 00:02:19.02
But let's say I wanna create
an absolutely upright polygon,

50
00:02:19.02 --> 00:02:21.01
I'll go ahead and press the Backspace key,

51
00:02:21.01 --> 00:02:23.04
or the Delete key on the
Mac to get rid of that one,

52
00:02:23.04 --> 00:02:25.07
and I will drag outward like so,

53
00:02:25.07 --> 00:02:28.00
and I'll press the Shift
key which makes the shape

54
00:02:28.00 --> 00:02:31.02
nice and upright, and that way we also get

55
00:02:31.02 --> 00:02:34.03
an upright bounding box as
you're seeing right here,

56
00:02:34.03 --> 00:02:38.08
and the angle of the
shape is now zero degrees.

57
00:02:38.08 --> 00:02:41.09
Now notice that we also
have a round corner widget,

58
00:02:41.09 --> 00:02:44.03
and if you drag that
inward, you're gonna round

59
00:02:44.03 --> 00:02:47.00
all of the corners in your polygon.

60
00:02:47.00 --> 00:02:49.01
If you have a specific value in mind,

61
00:02:49.01 --> 00:02:51.00
then just go ahead and
double-click on that

62
00:02:51.00 --> 00:02:54.03
round corner widget to bring
up the transform panel,

63
00:02:54.03 --> 00:02:56.08
and notice our polygon
properties right here.

64
00:02:56.08 --> 00:02:59.09
And so in addition to
changing the corner radius,

65
00:02:59.09 --> 00:03:02.08
I could take it to 36 points for example.

66
00:03:02.08 --> 00:03:05.09
I can also change the corner
type if I want, so I could

67
00:03:05.09 --> 00:03:09.02
bring those corners in, or
I could flatten them off.

68
00:03:09.02 --> 00:03:11.07
And you might figure, well
flattening the corner of

69
00:03:11.07 --> 00:03:14.08
a polygon just makes it more of a polygon,

70
00:03:14.08 --> 00:03:16.06
but that's not actually true because

71
00:03:16.06 --> 00:03:19.06
you can favor one side with
respect to its neighbors,

72
00:03:19.06 --> 00:03:22.05
and if you change that
guy to inverted round,

73
00:03:22.05 --> 00:03:26.03
then you can drag this
corner widget in so far

74
00:03:26.03 --> 00:03:28.09
that you get a kind of star shape.

75
00:03:28.09 --> 00:03:31.03
In any event, I'm gonna
go ahead and undo that,

76
00:03:31.03 --> 00:03:34.01
and switch things back to
the standard round corner.

77
00:03:34.01 --> 00:03:36.07
And in fact, I'm gonna
un-round things all the way

78
00:03:36.07 --> 00:03:38.09
by dragging this corner widget up,

79
00:03:38.09 --> 00:03:43.00
until I see that the roundness
value is now zero points.

80
00:03:43.00 --> 00:03:44.03
All right you have a couple of ways

81
00:03:44.03 --> 00:03:46.07
to numerically scale your polygon.

82
00:03:46.07 --> 00:03:49.06
For starters here you have
a polygon radius value,

83
00:03:49.06 --> 00:03:53.02
and so if I were to change
this value to 300 points,

84
00:03:53.02 --> 00:03:55.06
in my case that's gonna grow the polygon.

85
00:03:55.06 --> 00:03:58.06
And by the way, you can think of it as

86
00:03:58.06 --> 00:04:02.05
being a polygon now, that's
gonna fit inside of a circle

87
00:04:02.05 --> 00:04:05.04
that has a radius of 300 points,

88
00:04:05.04 --> 00:04:09.01
or if you prefer, a
diameter of 600 points.

89
00:04:09.01 --> 00:04:11.02
Another way to scale the shape is with

90
00:04:11.02 --> 00:04:14.07
this polygon side length,
and so if I set any side

91
00:04:14.07 --> 00:04:17.09
of the polygon to 300 points,
that's gonna make the shape

92
00:04:17.09 --> 00:04:20.07
that much smaller, and
it's also going to change

93
00:04:20.07 --> 00:04:23.08
the radius value because these two values

94
00:04:23.08 --> 00:04:26.01
are locked in sync with each other.

95
00:04:26.01 --> 00:04:29.06
But my favorite setting
of all is this side count,

96
00:04:29.06 --> 00:04:32.06
and so I can actually
change the number of sides

97
00:04:32.06 --> 00:04:36.05
after drawing a rectangle,
here inside the latest version

98
00:04:36.05 --> 00:04:39.05
of Illustrator, which
is very exciting stuff.

99
00:04:39.05 --> 00:04:41.02
But I want you to see something.

100
00:04:41.02 --> 00:04:44.03
If I take this value down
back to five let's say,

101
00:04:44.03 --> 00:04:47.04
and then I change the
corner radius value to 36,

102
00:04:47.04 --> 00:04:50.05
so we have these round corners,
all of which by the way

103
00:04:50.05 --> 00:04:52.06
are locked into alignment with each other,

104
00:04:52.06 --> 00:04:56.05
and then I change this side
count just by clicking in it,

105
00:04:56.05 --> 00:04:58.02
and pressing the up arrow key,

106
00:04:58.02 --> 00:05:02.03
my corners revert to sharp
corners as we're seeing here.

107
00:05:02.03 --> 00:05:04.07
So anytime you change the number of sides,

108
00:05:04.07 --> 00:05:06.07
you lose your round corners.

109
00:05:06.07 --> 00:05:09.00
But of course only temporarily, because

110
00:05:09.00 --> 00:05:11.09
you can change them back anytime you like.

111
00:05:11.09 --> 00:05:14.09
Also notice this diamond-shaped
control right here.

112
00:05:14.09 --> 00:05:19.03
It allows you to change the
number of sides on the fly,

113
00:05:19.03 --> 00:05:21.08
and you can go with as few as three sides,

114
00:05:21.08 --> 00:05:23.07
although you can't really
see the heads-up display

115
00:05:23.07 --> 00:05:25.09
'cause the transform panel is in the way,

116
00:05:25.09 --> 00:05:27.02
but let me show you that again.

117
00:05:27.02 --> 00:05:30.02
So as few as three sides,
because after all an

118
00:05:30.02 --> 00:05:32.00
equilateral triangle is the simplest kind

119
00:05:32.00 --> 00:05:33.06
of polygon there is.

120
00:05:33.06 --> 00:05:36.03
Up to, these days, 11 sides.

121
00:05:36.03 --> 00:05:38.06
But you can go with more
sides than that just by

122
00:05:38.06 --> 00:05:41.03
double-clicking on the round
corner widget once again,

123
00:05:41.03 --> 00:05:44.04
and manipulating this sides value.

124
00:05:44.04 --> 00:05:46.04
All right, let's say I
take it down to seven,

125
00:05:46.04 --> 00:05:49.09
and here's another
exciting tidbit for you.

126
00:05:49.09 --> 00:05:52.07
I'll go ahead and drag one
of these corner handles

127
00:05:52.07 --> 00:05:55.00
independently of the
other, so I'm not pressing

128
00:05:55.00 --> 00:05:58.04
the Shift key in order to
create a proportional re-size,

129
00:05:58.04 --> 00:05:59.08
I'm just dragging the corner handle

130
00:05:59.08 --> 00:06:02.02
by itself to kind of squish the shape.

131
00:06:02.02 --> 00:06:04.06
And if I wanted to do so from the center,

132
00:06:04.06 --> 00:06:06.08
I would go ahead and press the Alt key,

133
00:06:06.08 --> 00:06:10.03
or the Opt key on the Mac,
and I can even go ahead

134
00:06:10.03 --> 00:06:13.03
and rotate that shape to
some other angle, and yet

135
00:06:13.03 --> 00:06:16.02
as we can see on the far-left
side of the control panel,

136
00:06:16.02 --> 00:06:20.00
Illustrator still recognizes
it as a live polygon.

137
00:06:20.00 --> 00:06:22.05
And so we can change the number of sides,

138
00:06:22.05 --> 00:06:25.09
as well as adjust the corner
roundness and so forth,

139
00:06:25.09 --> 00:06:27.07
and we now have one additional option

140
00:06:27.07 --> 00:06:31.00
in the form of this
button, Make Sides Equal.

141
00:06:31.00 --> 00:06:34.01
And if you click on that,
you are going to restore

142
00:06:34.01 --> 00:06:37.08
your regular polygon, at which
point I could Shift + Alt,

143
00:06:37.08 --> 00:06:40.02
or Shift + Opt drag a corner handle

144
00:06:40.02 --> 00:06:42.08
in order to scale the shape proportionally

145
00:06:42.08 --> 00:06:44.09
with respect to its center.

146
00:06:44.09 --> 00:06:47.08
But bear in mind, all of
these controls only show up

147
00:06:47.08 --> 00:06:49.07
when you're seeing the bounding box, so

148
00:06:49.07 --> 00:06:51.05
if you don't want them,
just go ahead and choose

149
00:06:51.05 --> 00:06:55.08
Hide Bounding Box, and all
that folderol will disappear.

150
00:06:55.08 --> 00:06:59.00
And that's how you take
advantage of live polygons

151
00:06:59.00 --> 00:07:03.01
here inside the latest
version of Illustrator CC.