1
00:00:00.05 --> 00:00:02.06
- In this movie, we'll
create the central element

2
00:00:02.06 --> 00:00:05.06
of the magnifying glass,
which is these two circles,

3
00:00:05.06 --> 00:00:08.09
one inset inside of the
other, and along the way,

4
00:00:08.09 --> 00:00:11.00
I will pass along some new tips

5
00:00:11.00 --> 00:00:15.06
for working with any shade
tool inside Illustrator.

6
00:00:15.06 --> 00:00:17.03
Alright, so we'll go ahead and switch over

7
00:00:17.03 --> 00:00:20.01
to my document so far, and
I'm not really interested

8
00:00:20.01 --> 00:00:22.01
in anything that I'm
drawing, so I'll go up

9
00:00:22.01 --> 00:00:25.01
to the Select menu and choose All in order

10
00:00:25.01 --> 00:00:27.05
to select everything, or
you can press Control+A,

11
00:00:27.05 --> 00:00:30.06
or Command+A on the Mac,
and then I'll delete

12
00:00:30.06 --> 00:00:32.08
the shapes by pressing the Backspace key,

13
00:00:32.08 --> 00:00:34.06
or the Delete key on the Mac.

14
00:00:34.06 --> 00:00:38.01
Alright, now I want to create
a couple of additional guides,

15
00:00:38.01 --> 00:00:40.02
so I need to unlock the
current guides by going

16
00:00:40.02 --> 00:00:43.05
to the View menu,
choosing Guides and then,

17
00:00:43.05 --> 00:00:45.05
in the most recent
version of the software,

18
00:00:45.05 --> 00:00:47.05
if you see Lock Guides with the check mark

19
00:00:47.05 --> 00:00:50.05
in front of it, go ahead
and choose it instead.

20
00:00:50.05 --> 00:00:52.05
And now I'll marquee this vertical guide

21
00:00:52.05 --> 00:00:54.01
with my black arrow tool.

22
00:00:54.01 --> 00:00:55.09
That's the easiest way to select it.

23
00:00:55.09 --> 00:00:57.08
And then, I'll press the Enter key, or the

24
00:00:57.08 --> 00:01:00.08
Return key on the Mac, to
bring up the Move dialogue box,

25
00:01:00.08 --> 00:01:04.09
and I'm looking for a
horizontal value of negative 30

26
00:01:04.09 --> 00:01:07.06
and a vertical value of
zero, and if you have

27
00:01:07.06 --> 00:01:09.03
the preview checkbox turned on,

28
00:01:09.03 --> 00:01:13.02
you will see that guide move on screen.

29
00:01:13.02 --> 00:01:15.08
I don't really want to
move it, I want to copy it,

30
00:01:15.08 --> 00:01:18.02
which I can do by
clicking the Copy button,

31
00:01:18.02 --> 00:01:20.00
but you also have a keyboard shortcut,

32
00:01:20.00 --> 00:01:22.01
so just as you can press Enter or Return

33
00:01:22.01 --> 00:01:24.06
to evoke the Okay button, you can press

34
00:01:24.06 --> 00:01:29.07
Alt+Enter or Option+Return
to invoke the Copy button.

35
00:01:29.07 --> 00:01:31.08
But for now, since my
cursor's right there,

36
00:01:31.08 --> 00:01:33.05
I'll just go ahead and click on the button

37
00:01:33.05 --> 00:01:35.09
in order to create a copy of that guide.

38
00:01:35.09 --> 00:01:37.08
Alright, now I wanna create another copy

39
00:01:37.08 --> 00:01:40.03
way over here, and so I'm gonna once again

40
00:01:40.03 --> 00:01:42.06
press the Enter key, or
the Return key on the Mac,

41
00:01:42.06 --> 00:01:44.08
and again, if you have
the Preview checkbox on,

42
00:01:44.08 --> 00:01:47.08
you'll see that last movement replayed,

43
00:01:47.08 --> 00:01:50.04
but this time I want to
change the horizontal value

44
00:01:50.04 --> 00:01:54.02
to 310 points, and then
I'll press the Tab key.

45
00:01:54.02 --> 00:01:56.02
I don't really want to
move it, I want to copy it,

46
00:01:56.02 --> 00:01:58.05
so I'll press Alt+Enter here on the PC,

47
00:01:58.05 --> 00:02:01.06
or Option+Return on the Mac.

48
00:02:01.06 --> 00:02:03.08
Alright, now I want to
lock the guide down again,

49
00:02:03.08 --> 00:02:05.08
and you can go all the
way to the View menu,

50
00:02:05.08 --> 00:02:08.06
choose Guides, and then
choose Lock Guides,

51
00:02:08.06 --> 00:02:11.02
or nowadays, you can just right-click

52
00:02:11.02 --> 00:02:14.07
inside the document window,
and choose Lock Guides.

53
00:02:14.07 --> 00:02:17.02
Incidentally, if the guide
still appears to be selected,

54
00:02:17.02 --> 00:02:19.05
just click off of it, and you'll find that

55
00:02:19.05 --> 00:02:22.09
none of the guides can be
selected from this point forward.

56
00:02:22.09 --> 00:02:24.06
Alright, now I'm gonna
zoom out a little bit

57
00:02:24.06 --> 00:02:27.03
by pressing Control+Zero,
or Command+Zero on the Mac,

58
00:02:27.03 --> 00:02:30.01
and I'm gonna go ahead and
drag my mini tool box here

59
00:02:30.01 --> 00:02:31.09
to the upper left-hand
corner of the screen,

60
00:02:31.09 --> 00:02:33.09
and I'll select the Ellipse tool

61
00:02:33.09 --> 00:02:36.06
in order to create a new shade.

62
00:02:36.06 --> 00:02:38.06
Of course, I can drag with
the tool as we've seen

63
00:02:38.06 --> 00:02:40.06
in the past, but let's say I know exactly

64
00:02:40.06 --> 00:02:42.05
how big I want my ellipse to be.

65
00:02:42.05 --> 00:02:44.05
In fact, I know I want to create a circle

66
00:02:44.05 --> 00:02:47.01
with a 422-point diameter.

67
00:02:47.01 --> 00:02:49.03
In that case, you can just click,

68
00:02:49.03 --> 00:02:52.00
and this works with other
shade tools as well.

69
00:02:52.00 --> 00:02:53.09
In order, in this case to bring up the

70
00:02:53.09 --> 00:02:56.05
Ellipse Tool dialogue
box, and for starters,

71
00:02:56.05 --> 00:02:59.01
I'll just change the
width value to 300 points

72
00:02:59.01 --> 00:03:02.08
and I'll change the height
value to 200 points.

73
00:03:02.08 --> 00:03:05.01
And the reason I'm doing
this is I want to demonstrate

74
00:03:05.01 --> 00:03:07.09
this feature right here,
the Constrain icon.

75
00:03:07.09 --> 00:03:11.05
Notice if I turn it on so
that the icon becomes a chain,

76
00:03:11.05 --> 00:03:14.08
and then I change the
width value to let's say,

77
00:03:14.08 --> 00:03:16.09
600 points, that doesn't change

78
00:03:16.09 --> 00:03:18.09
the height value to 600-points as well.

79
00:03:18.09 --> 00:03:22.06
Instead, it scales the
height value proportionally.

80
00:03:22.06 --> 00:03:26.02
So where it was 200 points
before, now it's 400 points.

81
00:03:26.02 --> 00:03:28.06
So at this point, if I want
to create a perfect circle,

82
00:03:28.06 --> 00:03:31.08
ironically I have to
unconstrain the values

83
00:03:31.08 --> 00:03:35.00
by turning that chain off,
and then I will dial in

84
00:03:35.00 --> 00:03:39.02
422 for the width value as well
as 422 for the height value.

85
00:03:39.02 --> 00:03:42.01
And then I'll press the
Enter key or the Return key

86
00:03:42.01 --> 00:03:44.03
on the Mac to evoke that change.

87
00:03:44.03 --> 00:03:46.09
Alright, now let's say I
want to move my circle,

88
00:03:46.09 --> 00:03:50.01
so that it's exactly
centered at the intersection

89
00:03:50.01 --> 00:03:51.09
of these two guides right here.

90
00:03:51.09 --> 00:03:54.08
Why then, assuming the
bounding box is turned on,

91
00:03:54.08 --> 00:03:58.01
you can drag this center
point, not the perimeter

92
00:03:58.01 --> 00:03:59.02
of the circle, by the way.

93
00:03:59.02 --> 00:04:01.08
If you do that, you'll
just create a new circle,

94
00:04:01.08 --> 00:04:04.00
which is not what we
want, and it looks like

95
00:04:04.00 --> 00:04:05.03
we've lost the old circle.

96
00:04:05.03 --> 00:04:07.07
That's just because, in
my case, I have neither

97
00:04:07.07 --> 00:04:10.06
a fill nor a stroke applied so far.

98
00:04:10.06 --> 00:04:12.03
But if you do make a mistake like this,

99
00:04:12.03 --> 00:04:14.07
obviously, all you have
to do press Control+Z

100
00:04:14.07 --> 00:04:17.09
or Command+Z on the Mac,
to undo that change.

101
00:04:17.09 --> 00:04:20.03
And then, instead of
dragging the circle itself,

102
00:04:20.03 --> 00:04:22.00
drag it's center-point.

103
00:04:22.00 --> 00:04:24.04
Now I'm not getting a
snap, and that's because

104
00:04:24.04 --> 00:04:26.02
my smart guides are turned off.

105
00:04:26.02 --> 00:04:28.08
But that's actually not
really a problem because

106
00:04:28.08 --> 00:04:30.09
I'm gonna show you a better way to work.

107
00:04:30.09 --> 00:04:33.00
So I'll just go ahead and
press the Backspace key,

108
00:04:33.00 --> 00:04:36.01
or the Delete key on a Mac,
to get rid of that shape.

109
00:04:36.01 --> 00:04:38.02
And then let's say, not only do you know

110
00:04:38.02 --> 00:04:40.08
the exact measurements of
your shape, but you want

111
00:04:40.08 --> 00:04:43.00
to center it at a specific location,

112
00:04:43.00 --> 00:04:45.02
but instead of clicking,
you want to press and hold

113
00:04:45.02 --> 00:04:47.01
the Alt key, or the Option key on the Mac.

114
00:04:47.01 --> 00:04:50.02
And notice that changes the
cursor from a plain cross

115
00:04:50.02 --> 00:04:52.06
to a cross with a circle around it,

116
00:04:52.06 --> 00:04:54.06
and then I'll make sure that my cursor

117
00:04:54.06 --> 00:04:56.09
is exactly aligned at the intersection

118
00:04:56.09 --> 00:04:59.06
of those two guidelines, and I'll go ahead

119
00:04:59.06 --> 00:05:02.05
and Alt+click or Option+click on a Mac,

120
00:05:02.05 --> 00:05:05.03
in order to bring up the
Ellipse dialogue box,

121
00:05:05.03 --> 00:05:07.06
which, for whatever
reason, isn't showing me

122
00:05:07.06 --> 00:05:09.06
the size of my last created ellipse,

123
00:05:09.06 --> 00:05:12.02
so I'll just go ahead and
dial in those values again.

124
00:05:12.02 --> 00:05:17.01
420 by 420, and actually
I've made a mistake.

125
00:05:17.01 --> 00:05:19.04
I'm gonna turn my link icon on here

126
00:05:19.04 --> 00:05:21.05
so that both of these
values change together,

127
00:05:21.05 --> 00:05:25.02
and I"m going to enter Plus
2 after the width that value.

128
00:05:25.02 --> 00:05:27.06
I want it to be 422 points, after all,

129
00:05:27.06 --> 00:05:29.06
and because I started with this circle.

130
00:05:29.06 --> 00:05:32.04
The height value grows in kind as well,

131
00:05:32.04 --> 00:05:34.06
and now, I'll click OK, at which point,

132
00:05:34.06 --> 00:05:37.02
I'm creating a circle from the inside out

133
00:05:37.02 --> 00:05:40.01
so that's exactly centered
at the click point.

134
00:05:40.01 --> 00:05:42.02
Alright, now I'll go ahead and zoom in

135
00:05:42.02 --> 00:05:45.03
by Control+Spacebar, or
Command+Spacebar clicking.

136
00:05:45.03 --> 00:05:48.03
And at this point, I no
longer need this bounding box,

137
00:05:48.03 --> 00:05:50.03
so I'm gonna return to the View menu

138
00:05:50.03 --> 00:05:53.00
and choose Hide Bounding Box.

139
00:05:53.00 --> 00:05:54.04
Alright, now notice that both

140
00:05:54.04 --> 00:05:56.09
my Fill and my Stroke are set to None.

141
00:05:56.09 --> 00:05:59.02
I want to give this guy a 1-point stroke,

142
00:05:59.02 --> 00:06:00.08
so I'll just go ahead and click this

143
00:06:00.08 --> 00:06:02.03
down-pointing arrowhead right there

144
00:06:02.03 --> 00:06:04.09
and choose one point for the line weight.

145
00:06:04.09 --> 00:06:09.00
For now on we can see our shape,
even when it's deselected.

146
00:06:09.00 --> 00:06:12.03
Alright, now I want to create
a perfectly inset circle

147
00:06:12.03 --> 00:06:14.05
that's just 12 points smaller,

148
00:06:14.05 --> 00:06:17.04
that is six points smaller on all sides.

149
00:06:17.04 --> 00:06:19.06
And I could do that just by, once again,

150
00:06:19.06 --> 00:06:22.02
Alt or Option clicking
with the Ellipse tool.

151
00:06:22.02 --> 00:06:24.00
But I wanna show you another way to work

152
00:06:24.00 --> 00:06:27.08
that involves scaling a
duplicate of the shape.

153
00:06:27.08 --> 00:06:29.07
Anytime you wanna duplicate a shape,

154
00:06:29.07 --> 00:06:32.04
it's a two-part operation in Illustrator.

155
00:06:32.04 --> 00:06:35.02
You go up to the Edit menu
and choose the Copy command,

156
00:06:35.02 --> 00:06:37.03
or you've got that standard
keyboard short cut,

157
00:06:37.03 --> 00:06:40.07
of Control+C or Command+C
on a Mac, that goes ahead

158
00:06:40.07 --> 00:06:42.06
and copies the ellipse to the clipboard.

159
00:06:42.06 --> 00:06:44.08
Then you return to the
Edit menu, and choose

160
00:06:44.08 --> 00:06:46.08
Paste in Front, or you can press

161
00:06:46.08 --> 00:06:49.06
Control+F or Command+F on a Mac.

162
00:06:49.06 --> 00:06:52.03
And that goes ahead and
pastes a copy of the ellipse

163
00:06:52.03 --> 00:06:54.06
directly in front of the previous one.

164
00:06:54.06 --> 00:06:56.08
You can't really tell that's
the case because they're

165
00:06:56.08 --> 00:06:58.08
aligned with each other,
but if I were to press

166
00:06:58.08 --> 00:07:01.01
the Control key or the
Command key on a Mac,

167
00:07:01.01 --> 00:07:02.08
to temporarily get my black arrow tool,

168
00:07:02.08 --> 00:07:05.04
and drag this ellipse
to a different location,

169
00:07:05.04 --> 00:07:07.08
you can now see that we have two ellipses,

170
00:07:07.08 --> 00:07:10.07
one directly on top of the other.

171
00:07:10.07 --> 00:07:13.00
Alright, I'm gonna undo
that movement there,

172
00:07:13.00 --> 00:07:15.05
and I'll go up to this option, Transform,

173
00:07:15.05 --> 00:07:17.03
up here in the control panel.

174
00:07:17.03 --> 00:07:19.06
If you can't see the word
transform, that means

175
00:07:19.06 --> 00:07:21.07
that you're screen's wider than mine.

176
00:07:21.07 --> 00:07:26.06
Instead, you're gonna see
X, Y, W, and H values.

177
00:07:26.06 --> 00:07:29.06
You can click on the X, Y, W, or H.

178
00:07:29.06 --> 00:07:33.03
Any of those will bring the
Transform panel like so.

179
00:07:33.03 --> 00:07:35.08
Next, you wanna make sure
that the center point

180
00:07:35.08 --> 00:07:38.05
inside this tiny reference point matrix

181
00:07:38.05 --> 00:07:41.05
is active so that we're
scaling with respect to that

182
00:07:41.05 --> 00:07:44.05
center, and then go ahead
and make sure the width

183
00:07:44.05 --> 00:07:46.09
and height values are linked together.

184
00:07:46.09 --> 00:07:49.07
If they're not, go ahead and
click on this Chain icon.

185
00:07:49.07 --> 00:07:51.05
In my case, they already
were, so I'll click

186
00:07:51.05 --> 00:07:55.00
on that icon again, and then
you can change either value

187
00:07:55.00 --> 00:07:59.02
by clicking after it like
so, and entering minus 12,

188
00:07:59.02 --> 00:08:02.00
then, pressing the Tab
key, and that should change

189
00:08:02.00 --> 00:08:05.07
both values to 410 points, like so.

190
00:08:05.07 --> 00:08:07.05
After which, you'll go ahead
and press the Enter key

191
00:08:07.05 --> 00:08:11.03
or the Return key on the
Mac, to hide that panel.

192
00:08:11.03 --> 00:08:13.09
And that's how you create
two precisely scaled

193
00:08:13.09 --> 00:08:17.03
and perfectly aligned ellipses, one inset

194
00:08:17.03 --> 00:08:21.03
with respect to another
here inside Illustrator.