1
00:00:00.00 --> 00:00:01.09
- All right, the time has finally come

2
00:00:01.09 --> 00:00:04.08
for us to really truly
draw with round corners

3
00:00:04.08 --> 00:00:06.07
inside Illustrator.

4
00:00:06.07 --> 00:00:08.03
And in the end, we're going
to take this collection

5
00:00:08.03 --> 00:00:10.09
of Pen Tool corner points,
and we're going to turn it

6
00:00:10.09 --> 00:00:13.03
into this rounded piece of artwork here.

7
00:00:13.03 --> 00:00:15.06
All right, so the first
thing to reckon with

8
00:00:15.06 --> 00:00:19.02
is how do you go about drawing
your free-form polygons?

9
00:00:19.02 --> 00:00:21.05
And the answer is to make
sure that your corners

10
00:00:21.05 --> 00:00:23.06
that we're seeing here are on the outside

11
00:00:23.06 --> 00:00:25.09
of the final rounded edges.

12
00:00:25.09 --> 00:00:28.02
So think in terms of control handles.

13
00:00:28.02 --> 00:00:31.06
Remember how control handles
attract their arcing segments.

14
00:00:31.06 --> 00:00:34.08
Well, that's what we want to
do with round corners as well.

15
00:00:34.08 --> 00:00:36.09
So every one of these corner points

16
00:00:36.09 --> 00:00:40.05
is on the extreme side of its round edge.

17
00:00:40.05 --> 00:00:43.02
All right, now armed
with White Arrow Tool,

18
00:00:43.02 --> 00:00:46.03
I'll go ahead and click on
the orca's nose right here,

19
00:00:46.03 --> 00:00:48.07
and you generally, by
the way, want to start

20
00:00:48.07 --> 00:00:52.02
with the smaller rounded segments
as opposed to the big ones

21
00:00:52.02 --> 00:00:54.08
because if you start
with the big ones first,

22
00:00:54.08 --> 00:00:56.08
then you may end up eating
up at the whole segments

23
00:00:56.08 --> 00:00:59.03
so you can no longer
round the other points.

24
00:00:59.03 --> 00:01:01.08
For example, watch what
happens if I drag this guy

25
00:01:01.08 --> 00:01:03.08
right here all the way down

26
00:01:03.08 --> 00:01:07.00
so that I end up with his dark red line,

27
00:01:07.00 --> 00:01:10.02
which shows me that I've
used up the entire segment.

28
00:01:10.02 --> 00:01:13.04
Well then, there's no way I
can round this point any longer

29
00:01:13.04 --> 00:01:15.06
no matter how hard I try.

30
00:01:15.06 --> 00:01:18.07
So I'll go ahead and press
ctrl + z or cmd + z on the Mac

31
00:01:18.07 --> 00:01:21.03
to undo that change, and I'll
click on this point instead

32
00:01:21.03 --> 00:01:24.06
and round it off just
a little bit like so.

33
00:01:24.06 --> 00:01:27.00
And then I'll click on
this point and round

34
00:01:27.00 --> 00:01:30.03
the heck out of it so that
I get that big red segment

35
00:01:30.03 --> 00:01:33.04
which shows me that I've
reached maximum roundness.

36
00:01:33.04 --> 00:01:37.02
All right, now I'll click on
this guy and round it upward,

37
00:01:37.02 --> 00:01:40.08
and I'll click this one and
round it downward like so.

38
00:01:40.08 --> 00:01:43.06
And you don't have to round
each and every point by the way

39
00:01:43.06 --> 00:01:46.02
because we do still want
corners in some locations.

40
00:01:46.02 --> 00:01:48.04
But I do want to round
this guy pretty good

41
00:01:48.04 --> 00:01:51.03
until I more or less match that template.

42
00:01:51.03 --> 00:01:53.06
Again, you don't have to exactly match it,

43
00:01:53.06 --> 00:01:56.08
and you may arrive at some
points where you just can't do it

44
00:01:56.08 --> 00:01:58.08
in that would be my
fault, because it means

45
00:01:58.08 --> 00:02:00.08
I put the corner points
in the wrong locations.

46
00:02:00.08 --> 00:02:03.06
So just do your best with
this, as I will as well.

47
00:02:03.06 --> 00:02:05.03
And so I'll go ahead and drag this guy up

48
00:02:05.03 --> 00:02:07.06
until I reach maximum
roundness right there

49
00:02:07.06 --> 00:02:09.07
at that location, and I'll click here,

50
00:02:09.07 --> 00:02:11.05
and here I have all the room in the world

51
00:02:11.05 --> 00:02:13.06
because this guy is
going to remain a corner,

52
00:02:13.06 --> 00:02:14.08
and so is this.

53
00:02:14.08 --> 00:02:16.08
So I can just drag this
as far as I want to,

54
00:02:16.08 --> 00:02:20.01
and you may find that you have
to scroll down a little bit

55
00:02:20.01 --> 00:02:23.03
in order to make more room
for that round corner control.

56
00:02:23.03 --> 00:02:26.01
Notice how far out it
is located right now.

57
00:02:26.01 --> 00:02:28.09
It's way out here at the
bottom of the pasteboard

58
00:02:28.09 --> 00:02:31.06
to the point where I really
can actually see what I'm doing

59
00:02:31.06 --> 00:02:33.07
but that looks actually very nice.

60
00:02:33.07 --> 00:02:35.00
So I'll go ahead and stick with it,

61
00:02:35.00 --> 00:02:39.03
and then I'll round off the
edges of the tail right here

62
00:02:39.03 --> 00:02:42.06
on both sides, because these
are the little rounded corners.

63
00:02:42.06 --> 00:02:45.00
And this one is a big one of course,

64
00:02:45.00 --> 00:02:46.06
and so is this guy right here.

65
00:02:46.06 --> 00:02:48.09
So I'll go ahead and
round it off quite a bit,

66
00:02:48.09 --> 00:02:51.08
and I'll click here and round this one off

67
00:02:51.08 --> 00:02:53.04
quite a bit as well,

68
00:02:53.04 --> 00:02:55.00
although not to its maximum.

69
00:02:55.00 --> 00:02:57.02
All right, now I'll start
up here and I'll round down.

70
00:02:57.02 --> 00:02:58.09
I think you're beginning to get the sense

71
00:02:58.09 --> 00:02:59.08
for how this works.

72
00:02:59.08 --> 00:03:02.05
It's just a matter of tugging
at these round corner widgets

73
00:03:02.05 --> 00:03:04.07
to whatever extent you like.

74
00:03:04.07 --> 00:03:07.02
All right, but if only for the
sense of demonstration here,

75
00:03:07.02 --> 00:03:09.01
I am going to finish this project.

76
00:03:09.01 --> 00:03:10.06
So I'll go ahead and click on the eye,

77
00:03:10.06 --> 00:03:13.02
this point right there in
the eye this time around,

78
00:03:13.02 --> 00:03:16.00
and I'll drag it down 'til
I get maximum roundness,

79
00:03:16.00 --> 00:03:18.06
and then I'll click on
this guy and drag him down

80
00:03:18.06 --> 00:03:19.09
to about here.

81
00:03:19.09 --> 00:03:22.09
I want the eye to end up
being just kind of a slit.

82
00:03:22.09 --> 00:03:24.08
All right, now let's work on a spot here

83
00:03:24.08 --> 00:03:28.05
by rounding this edge and
then rounding this one,

84
00:03:28.05 --> 00:03:30.07
and you're going to get
the smoothest results

85
00:03:30.07 --> 00:03:34.03
if every once in a while, you
go as far as you possibly can.

86
00:03:34.03 --> 00:03:36.04
So if you don't see that red edge

87
00:03:36.04 --> 00:03:38.06
and you want more
smoothness, then go ahead

88
00:03:38.06 --> 00:03:40.01
and round it off all the way.

89
00:03:40.01 --> 00:03:42.05
And now I'll go ahead
and round this guy off

90
00:03:42.05 --> 00:03:44.08
as much as I can, and I'm
not really going to be able

91
00:03:44.08 --> 00:03:47.02
to match the template
exactly this time around,

92
00:03:47.02 --> 00:03:49.05
but it doesn't really
matter because this spot

93
00:03:49.05 --> 00:03:51.00
is just really a big blob.

94
00:03:51.00 --> 00:03:53.02
All right, now I'm going
to click on the fin,

95
00:03:53.02 --> 00:03:57.00
and I'm going to take this
edge right here inward like so,

96
00:03:57.00 --> 00:03:59.02
and I'm going to take this guy outward

97
00:03:59.02 --> 00:04:01.04
until I get maximum roundness.

98
00:04:01.04 --> 00:04:02.07
And then I'll click on this corner point

99
00:04:02.07 --> 00:04:05.00
and drag its widget outward.

100
00:04:05.00 --> 00:04:06.08
Again, I just hit maximum there.

101
00:04:06.08 --> 00:04:09.07
I'll drag this guy in until
I hit maximum as well,

102
00:04:09.07 --> 00:04:12.04
then I'll drag this guy
out as far as I can.

103
00:04:12.04 --> 00:04:15.01
And I'll click on the very edge of the fin

104
00:04:15.01 --> 00:04:18.00
and I want to take in quite
a bit, but not to maximum,

105
00:04:18.00 --> 00:04:20.04
because I want to leave a
little bit of a straight edge.

106
00:04:20.04 --> 00:04:22.04
And so I want you to see,
this is what's happening.

107
00:04:22.04 --> 00:04:24.04
If you do not go to maximum roundness,

108
00:04:24.04 --> 00:04:27.02
then you are going to be
left with a straight edge,

109
00:04:27.02 --> 00:04:30.04
albeit one that is
tangent to the next line.

110
00:04:30.04 --> 00:04:33.04
And what I mean by that
is that we have a nice,

111
00:04:33.04 --> 00:04:34.05
smooth transition.

112
00:04:34.05 --> 00:04:36.06
So if I were to click on this segment

113
00:04:36.06 --> 00:04:38.02
with my White Arrow Tool,

114
00:04:38.02 --> 00:04:40.02
I would see that the straight segment

115
00:04:40.02 --> 00:04:43.04
continues on to the lever
of the control handle.

116
00:04:43.04 --> 00:04:45.08
So we have a nice, smooth edge,

117
00:04:45.08 --> 00:04:49.00
even though we're transitioning
into a straight segment.

118
00:04:49.00 --> 00:04:50.03
So that's what's going to happen,

119
00:04:50.03 --> 00:04:52.09
whereas if you go to maximum roundness,

120
00:04:52.09 --> 00:04:55.06
you're going to end up with
nothing but curving segments.

121
00:04:55.06 --> 00:04:58.00
All right, I'm going to
go ahead and zoom back out

122
00:04:58.00 --> 00:05:00.08
a little bit here, let's
now take on the big body

123
00:05:00.08 --> 00:05:02.06
by clicking at this location,

124
00:05:02.06 --> 00:05:04.05
right there at that corner point,

125
00:05:04.05 --> 00:05:05.09
and I'll drag that edge in,

126
00:05:05.09 --> 00:05:08.00
and then I'll click on this anchor point

127
00:05:08.00 --> 00:05:10.08
and drag it to maximum
roundness once again.

128
00:05:10.08 --> 00:05:13.09
Click this one, drag it
to maximum roundness,

129
00:05:13.09 --> 00:05:15.08
although that's going to
take a little bit of work

130
00:05:15.08 --> 00:05:17.02
because we're going to have to drag

131
00:05:17.02 --> 00:05:19.09
very far down indeed into the pasteboard.

132
00:05:19.09 --> 00:05:21.04
All right, next I'll select this guy

133
00:05:21.04 --> 00:05:24.07
and drag it up, but I don't
dare take it to maximum

134
00:05:24.07 --> 00:05:27.00
because I want to leave some room to round

135
00:05:27.00 --> 00:05:28.04
this corner point right there.

136
00:05:28.04 --> 00:05:31.00
So I'll go ahead and take
it all the way down like so,

137
00:05:31.00 --> 00:05:32.02
and this looks pretty good to me.

138
00:05:32.02 --> 00:05:34.02
It does leave a straight
segment right there

139
00:05:34.02 --> 00:05:35.08
at this location, but that's all right.

140
00:05:35.08 --> 00:05:39.06
And now let's go ahead and
zoom in on the mouth shapes.

141
00:05:39.06 --> 00:05:42.02
I'll select this one and then
click on this corner point

142
00:05:42.02 --> 00:05:43.04
in order select it.

143
00:05:43.04 --> 00:05:44.06
Drag it in a little bit.

144
00:05:44.06 --> 00:05:46.09
That's too far, actually, so
I'm going to press ctrl + z,

145
00:05:46.09 --> 00:05:48.07
or cmd + z on the Mac to undo it,

146
00:05:48.07 --> 00:05:50.04
because I really should
have started with this guy.

147
00:05:50.04 --> 00:05:53.06
And so I'll drag it up and
then I'll select this one

148
00:05:53.06 --> 00:05:56.02
and drag it out like so,

149
00:05:56.02 --> 00:05:58.06
and so that's all the roundness
I'm going to get out of it

150
00:05:58.06 --> 00:06:01.05
unless I could go back
to this point right there

151
00:06:01.05 --> 00:06:04.07
and I could back it off a
little bit to give myself

152
00:06:04.07 --> 00:06:06.07
more room for this segment.

153
00:06:06.07 --> 00:06:09.00
So you can go back and forth if you like.

154
00:06:09.00 --> 00:06:11.06
All right, now I'll
select this corner point

155
00:06:11.06 --> 00:06:14.04
and drag it upward quite a bit.

156
00:06:14.04 --> 00:06:16.05
And I might as well see if I can achieve

157
00:06:16.05 --> 00:06:21.05
maximum roundness with this by
dragging far, far up like so.

158
00:06:21.05 --> 00:06:23.01
And I still haven't quite gotten it,

159
00:06:23.01 --> 00:06:24.02
but I will in a second.

160
00:06:24.02 --> 00:06:26.02
One more drag should do it, there it is,

161
00:06:26.02 --> 00:06:27.09
now I'll go ahead and zoom in on the path

162
00:06:27.09 --> 00:06:29.02
that represents the tongue.

163
00:06:29.02 --> 00:06:31.02
And I'll click on this corner point

164
00:06:31.02 --> 00:06:35.00
and drag it to maximum roundness as well.

165
00:06:35.00 --> 00:06:37.09
And I think that just about
takes care of everyone.

166
00:06:37.09 --> 00:06:40.04
And that's how you turn
a bunch of corner points

167
00:06:40.04 --> 00:06:42.07
created just by clicking with the pen tool

168
00:06:42.07 --> 00:06:44.08
into a series of organic curves

169
00:06:44.08 --> 00:06:49.06
using the round corner widget
here inside Illustrator CC.