1
00:00:00.06 --> 00:00:02.02
- [Instructor] In this movie
I'll show you how to use

2
00:00:02.02 --> 00:00:03.07
the rectangle tool.

3
00:00:03.07 --> 00:00:05.08
And we're going to use
that tool to create every

4
00:00:05.08 --> 00:00:08.08
element of the handle
of this magnified glass.

5
00:00:08.08 --> 00:00:11.01
But we're not going to
draw the handle at an angle

6
00:00:11.01 --> 00:00:13.02
because that would be hard.

7
00:00:13.02 --> 00:00:16.05
It's much easier to draw
your shapes perpendicularly

8
00:00:16.05 --> 00:00:19.06
and then to rotate them
into place when you're done.

9
00:00:19.06 --> 00:00:21.01
Alright so I'll go
ahead and switch over to

10
00:00:21.01 --> 00:00:22.07
my document in progress here

11
00:00:22.07 --> 00:00:25.00
and I'll press ctrl +
0, or cmd + 0 on the Mac

12
00:00:25.00 --> 00:00:25.09
to zoom out.

13
00:00:25.09 --> 00:00:28.02
Now you can select the rectangle tool

14
00:00:28.02 --> 00:00:30.03
from the floating toolbar if you like.

15
00:00:30.03 --> 00:00:32.09
Or you can click and
hold on the ellipse tool

16
00:00:32.09 --> 00:00:35.08
and then select the rectangle
tool from the fly-out menu.

17
00:00:35.08 --> 00:00:37.08
Alright so obviously you can draw

18
00:00:37.08 --> 00:00:40.05
a rectangle from one corner to another.

19
00:00:40.05 --> 00:00:42.00
If you have smart guides turned on

20
00:00:42.00 --> 00:00:44.07
then you get a heads up
display that's showing you

21
00:00:44.07 --> 00:00:47.09
the width and height of
your shape as you draw it.

22
00:00:47.09 --> 00:00:50.08
Another option is to draw a square

23
00:00:50.08 --> 00:00:53.00
and you do that while
you're dragging by pressing

24
00:00:53.00 --> 00:00:55.00
and holding the shift key,

25
00:00:55.00 --> 00:00:57.02
and note that you'll
only get a square as long

26
00:00:57.02 --> 00:00:58.07
as that key is down.

27
00:00:58.07 --> 00:01:01.02
If you release the shift
key then you'll go back

28
00:01:01.02 --> 00:01:03.01
to drawing a rectangle.

29
00:01:03.01 --> 00:01:05.03
So if you want to square, be sure to keep

30
00:01:05.03 --> 00:01:08.03
that shift key down to the bitter end.

31
00:01:08.03 --> 00:01:10.09
And then finally I'll go ahead
and press the backspace key

32
00:01:10.09 --> 00:01:13.04
or the delete key on a Mac
to get rid of that shape.

33
00:01:13.04 --> 00:01:15.06
You can create a rectangle
from the center out

34
00:01:15.06 --> 00:01:18.03
by pressing and holding
the alt or option key.

35
00:01:18.03 --> 00:01:22.01
And again you've got to keep
that key down the entire time.

36
00:01:22.01 --> 00:01:23.06
And as long as I'm demonstrating this,

37
00:01:23.06 --> 00:01:28.04
I'm going to create a shape
that's exactly 460 points wide

38
00:01:28.04 --> 00:01:31.00
by 64 points tall.

39
00:01:31.00 --> 00:01:33.07
Which ends up giving me
this shape right here.

40
00:01:33.07 --> 00:01:36.04
Alright now I want to move
it into a better location.

41
00:01:36.04 --> 00:01:38.04
So I'm going to press
and hold the ctrl key,

42
00:01:38.04 --> 00:01:40.07
or the cmd key on a Mac to temporarily get

43
00:01:40.07 --> 00:01:42.04
my last used arrow tool

44
00:01:42.04 --> 00:01:44.04
which happens to be the black arrow.

45
00:01:44.04 --> 00:01:46.03
And now I'll drag this center point

46
00:01:46.03 --> 00:01:49.03
until I snap into
alignment with that guide.

47
00:01:49.03 --> 00:01:51.04
But it's not going so well there.

48
00:01:51.04 --> 00:01:53.00
And so what I'm going to need to do

49
00:01:53.00 --> 00:01:55.08
is drag this edge while
pressing the shift key

50
00:01:55.08 --> 00:01:59.06
until I snap into alignment like so.

51
00:01:59.06 --> 00:02:01.09
Alright so you can also use the spacebar

52
00:02:01.09 --> 00:02:04.04
to reposition a shape as you draw it.

53
00:02:04.04 --> 00:02:06.05
And so I'm going to drag from
the intersection of those two

54
00:02:06.05 --> 00:02:08.09
center guides and press
and hold the alt key

55
00:02:08.09 --> 00:02:11.04
or the option key on
the Mac in order to draw

56
00:02:11.04 --> 00:02:13.03
the shape from the center outward.

57
00:02:13.03 --> 00:02:16.02
And this time I want it
to be 102 points wide

58
00:02:16.02 --> 00:02:18.09
by 40 points tall like so.

59
00:02:18.09 --> 00:02:21.02
But I also want it to be left aligned with

60
00:02:21.02 --> 00:02:23.05
the right side of the previous rectangle.

61
00:02:23.05 --> 00:02:27.00
So I'll go ahead and press
the spacebar as I drag.

62
00:02:27.00 --> 00:02:30.05
And this is not working,
I'm snapping into alignment

63
00:02:30.05 --> 00:02:32.09
with the magnified glass instead.

64
00:02:32.09 --> 00:02:34.02
Which is not what I want.

65
00:02:34.02 --> 00:02:35.06
So I'll just go ahead and accept the shape

66
00:02:35.06 --> 00:02:37.05
that I have so far,

67
00:02:37.05 --> 00:02:40.00
knowing of course that I
have it scaled correctly.

68
00:02:40.00 --> 00:02:41.04
And then I'll go ahead and zoom in

69
00:02:41.04 --> 00:02:44.01
and press the ctrl key
or the cmd key on the Mac

70
00:02:44.01 --> 00:02:47.08
and drag that left edge
while pressing the shift key

71
00:02:47.08 --> 00:02:51.03
until it snaps into
alignment with the right side

72
00:02:51.03 --> 00:02:53.02
of that first rectangle.

73
00:02:53.02 --> 00:02:55.01
Alright now let's say you
want to create a rectangle

74
00:02:55.01 --> 00:02:57.09
by the numbers and you
don't want to have to be

75
00:02:57.09 --> 00:02:59.08
so careful as you drag.

76
00:02:59.08 --> 00:03:01.09
Then just go ahead click
to bring up the rectangle

77
00:03:01.09 --> 00:03:03.09
dialog box and now I'll change

78
00:03:03.09 --> 00:03:06.02
the width value to eight points

79
00:03:06.02 --> 00:03:10.00
and I'll change the height to 48 like so.

80
00:03:10.00 --> 00:03:11.06
And you want to make sure of course

81
00:03:11.06 --> 00:03:13.06
that your link icon is turned off.

82
00:03:13.06 --> 00:03:16.06
And then click okay in order
to create that new shape.

83
00:03:16.06 --> 00:03:19.06
If you want to center align
the shape at this guideline

84
00:03:19.06 --> 00:03:22.07
for example then press the
alt key or the option key

85
00:03:22.07 --> 00:03:25.05
on the Mac and click in order to bring up

86
00:03:25.05 --> 00:03:28.05
the rectangle dialog
box and then click okay

87
00:03:28.05 --> 00:03:30.01
to accept those values.

88
00:03:30.01 --> 00:03:32.04
And we'll end up with this effect here.

89
00:03:32.04 --> 00:03:34.02
Alright now I'm going to
go ahead and switch back

90
00:03:34.02 --> 00:03:35.03
to the arrow tool

91
00:03:35.03 --> 00:03:38.07
by pressing the V key is
the easiest way to work.

92
00:03:38.07 --> 00:03:40.04
And I need to move these last two shapes

93
00:03:40.04 --> 00:03:42.01
into their proper locations.

94
00:03:42.01 --> 00:03:44.04
But first I want to send
all of the rectangles

95
00:03:44.04 --> 00:03:47.05
behind the circles and
so I'm going to marquee

96
00:03:47.05 --> 00:03:49.01
these four shapes and you only need

97
00:03:49.01 --> 00:03:51.05
to partially marquee them like so.

98
00:03:51.05 --> 00:03:54.00
And then right click
inside the document window,

99
00:03:54.00 --> 00:03:57.04
choose arrange, and choose send to back.

100
00:03:57.04 --> 00:03:59.08
Alright now I'm going to click
off the shapes to deselect them

101
00:03:59.08 --> 00:04:02.00
and I'm going to click on
the center point for this guy

102
00:04:02.00 --> 00:04:05.01
right here and drag it over to the right

103
00:04:05.01 --> 00:04:08.05
while pressing the shift key
until I snap into alignment

104
00:04:08.05 --> 00:04:11.03
with the left side of that outer circle.

105
00:04:11.03 --> 00:04:14.03
And then I'll press the left
arrow key twice in a row

106
00:04:14.03 --> 00:04:17.08
in order to nudge that
shape to points to the left.

107
00:04:17.08 --> 00:04:20.05
Alright now I'll grab this
guy and he needs to come down

108
00:04:20.05 --> 00:04:23.02
to this location right there where these

109
00:04:23.02 --> 00:04:25.00
two guidelines intersect.

110
00:04:25.00 --> 00:04:28.04
And then I'll press the right
arrow key a couple of times

111
00:04:28.04 --> 00:04:31.04
in order to correctly position this shape.

112
00:04:31.04 --> 00:04:34.04
Now shapes are stacked in
the order that you draw them

113
00:04:34.04 --> 00:04:37.03
and so this guy who was the second to last

114
00:04:37.03 --> 00:04:40.08
shape I drew is in front of
the very first rectangle.

115
00:04:40.08 --> 00:04:43.08
And so what I need to do
is bring this guy to front.

116
00:04:43.08 --> 00:04:46.03
And you can right click
and then choose arrange,

117
00:04:46.03 --> 00:04:48.05
and choose bring to front if you want to.

118
00:04:48.05 --> 00:04:50.04
Or if you want to precisely stack

119
00:04:50.04 --> 00:04:52.07
one shape in front of another,

120
00:04:52.07 --> 00:04:55.07
then go up to the edit menu
and choose the cut command.

121
00:04:55.07 --> 00:04:57.08
Or you have that universal
keyboard shortcut

122
00:04:57.08 --> 00:05:01.00
of ctrl + x or cmd + x on a Mac

123
00:05:01.00 --> 00:05:02.09
and then select the
shape in front of which

124
00:05:02.09 --> 00:05:05.03
you want to put that big first rectangle

125
00:05:05.03 --> 00:05:07.05
and then go up to the edit menu and choose

126
00:05:07.05 --> 00:05:10.05
paste in front or you have
that keyboard shortcut

127
00:05:10.05 --> 00:05:14.08
of ctrl + f or cmd + f on a Mac.

128
00:05:14.08 --> 00:05:17.01
And finally I want this
handle to be black.

129
00:05:17.01 --> 00:05:19.03
So I'll click on this first color swatch

130
00:05:19.03 --> 00:05:22.00
up here in the far left
side of the control panel

131
00:05:22.00 --> 00:05:23.06
and I'll select black.

132
00:05:23.06 --> 00:05:25.04
After which point I'll press the enter key

133
00:05:25.04 --> 00:05:27.06
or the return key on the
Mac to hide that panel

134
00:05:27.06 --> 00:05:31.07
and I'll press ctrl + 0 or
cmd + 0 on a Mac to zoom out.

135
00:05:31.07 --> 00:05:34.03
And that is how you draw a very practical

136
00:05:34.03 --> 00:05:36.09
and precise collection of rectangles

137
00:05:36.09 --> 00:05:38.09
here inside Illustrator.

