1
00:00:00.05 --> 00:00:02.08
- In this movie we're going
to draw these evenly sized,

2
00:00:02.08 --> 00:00:04.05
evenly spaced windows

3
00:00:04.05 --> 00:00:07.03
with the help of the
Rectangular Grid Tool.

4
00:00:07.03 --> 00:00:09.05
I'll go ahead and switch
to my document in progress

5
00:00:09.05 --> 00:00:10.09
and then we're going to go ahead

6
00:00:10.09 --> 00:00:12.07
and skip the Spiral Tool for now

7
00:00:12.07 --> 00:00:15.04
because it's the most
challenging of the Tools to use.

8
00:00:15.04 --> 00:00:17.08
And we're going to select
the Rectangular Grid Tool

9
00:00:17.08 --> 00:00:21.00
either from this independent
floating Tool bar

10
00:00:21.00 --> 00:00:23.00
or if you prefer, you can click and hold

11
00:00:23.00 --> 00:00:26.02
on what is now the Art Tool,
here in the vertical Tool box

12
00:00:26.02 --> 00:00:29.06
and select the Rectangular Grid
Tool from the fly-out menu.

13
00:00:29.06 --> 00:00:30.08
Now before you draw anything

14
00:00:30.08 --> 00:00:33.01
you'll probably want to
reduce your line weight,

15
00:00:33.01 --> 00:00:34.07
up here in the Control Panel,

16
00:00:34.07 --> 00:00:37.03
from 30 points to just plain old one.

17
00:00:37.03 --> 00:00:39.00
And then just draw it with the Tool

18
00:00:39.00 --> 00:00:41.09
and you can see what it
does is it draws a rectangle

19
00:00:41.09 --> 00:00:46.00
with a bunch of inset,
horizontal, and vertical lines.

20
00:00:46.00 --> 00:00:48.06
And while you may occasionally
want to draw such an object

21
00:00:48.06 --> 00:00:52.00
it's more useful for setting
up custom Guide lines.

22
00:00:52.00 --> 00:00:54.02
Now, a couple of things
to note about this Tool,

23
00:00:54.02 --> 00:00:55.04
I'll go ahead and press Control Z

24
00:00:55.04 --> 00:00:58.03
or Command Z on the Mac to Undo that one.

25
00:00:58.03 --> 00:00:59.09
One of the best ways to use this Tool

26
00:00:59.09 --> 00:01:02.04
is to start dragging with it and then

27
00:01:02.04 --> 00:01:06.00
if you want to increase the
number of horizontal lines

28
00:01:06.00 --> 00:01:07.03
you press the up arrow key

29
00:01:07.03 --> 00:01:09.06
while you have the mouse button down.

30
00:01:09.06 --> 00:01:10.09
And then if you want to reduce

31
00:01:10.09 --> 00:01:14.05
the number of horizontal lines
you press the down arrow key.

32
00:01:14.05 --> 00:01:16.09
If you want to increase the
number of vertical lines

33
00:01:16.09 --> 00:01:18.06
you press the right arrow key,

34
00:01:18.06 --> 00:01:19.09
if you want to decrease the number

35
00:01:19.09 --> 00:01:22.04
you press the left arrow key.

36
00:01:22.04 --> 00:01:23.08
And that's pretty much the majority

37
00:01:23.08 --> 00:01:26.06
of what you need to know
about this Tool, other then

38
00:01:26.06 --> 00:01:28.08
I'll just go ahead and
press the Backspace key

39
00:01:28.08 --> 00:01:30.06
or the Delete key on the
Mac to get rid of it.

40
00:01:30.06 --> 00:01:33.09
You can press and hold
the shift key as you drag

41
00:01:33.09 --> 00:01:35.08
to create a square grid.

42
00:01:35.08 --> 00:01:39.01
You can also take advantage of that trick

43
00:01:39.01 --> 00:01:42.04
where you drag and then you
press the alt or option key

44
00:01:42.04 --> 00:01:44.08
in order to draw out the
shape from the center outward.

45
00:01:44.08 --> 00:01:47.05
And then finally, you
can click with the Tool

46
00:01:47.05 --> 00:01:51.00
in order to bring up the
Rectangular Grid Tool Options

47
00:01:51.00 --> 00:01:53.05
which allow you to change
the Number of Horizontal

48
00:01:53.05 --> 00:01:54.08
and Vertical Dividers.

49
00:01:54.08 --> 00:01:58.05
And then you could also change
how the lines are spaced.

50
00:01:58.05 --> 00:02:02.02
For example, if I modify these
Skew values a little bit here

51
00:02:02.02 --> 00:02:06.04
let's take them up to just
somewhere less than a hundred

52
00:02:06.04 --> 00:02:09.03
is going to work out
best and now click OK.

53
00:02:09.03 --> 00:02:11.08
And you can see that the Skew is affecting

54
00:02:11.08 --> 00:02:14.08
the amount of space
between neighboring lines

55
00:02:14.08 --> 00:02:17.04
whether vertical or horizontal.

56
00:02:17.04 --> 00:02:18.09
All right, but now that I've done that

57
00:02:18.09 --> 00:02:21.07
I need to reset things and
so I'll press Control Z

58
00:02:21.07 --> 00:02:23.07
or Command Z on the Mac
to Undo that change.

59
00:02:23.07 --> 00:02:25.00
I'll click with the Tool

60
00:02:25.00 --> 00:02:28.08
and I'll change both of
these Skew values to zero

61
00:02:28.08 --> 00:02:30.04
and then I'll click OK

62
00:02:30.04 --> 00:02:32.08
just so that everybody's evenly spaced.

63
00:02:32.08 --> 00:02:34.01
All right, now what we have to do

64
00:02:34.01 --> 00:02:36.00
is create a custom Guide line.

65
00:02:36.00 --> 00:02:37.01
And to make that happen

66
00:02:37.01 --> 00:02:39.00
get rid of whatever you've drawn so far

67
00:02:39.00 --> 00:02:42.04
and then click on the guides
Layer to make it active.

68
00:02:42.04 --> 00:02:44.02
And that way we're
keeping all of our guides

69
00:02:44.02 --> 00:02:45.09
on that one guides Layer.

70
00:02:45.09 --> 00:02:49.06
And now I want you to drag
from this corner, right there,

71
00:02:49.06 --> 00:02:52.05
at the top left corner of
the factory, essentially,

72
00:02:52.05 --> 00:02:54.03
down to the bottom right corner.

73
00:02:54.03 --> 00:02:57.08
And this is going to be
the hardest part to follow,

74
00:02:57.08 --> 00:03:00.02
by the way, just because
I can't point to things.

75
00:03:00.02 --> 00:03:02.02
I just have to tell you what's going on.

76
00:03:02.02 --> 00:03:05.07
We're looking for a total
of three windows high

77
00:03:05.07 --> 00:03:08.02
which means that we need four gaps,

78
00:03:08.02 --> 00:03:11.03
one at the top, one at the
bottom, and two in-between,

79
00:03:11.03 --> 00:03:13.05
and so I'm going to press the up arrow key

80
00:03:13.05 --> 00:03:16.00
until I'm seeing a total of seven rows,

81
00:03:16.00 --> 00:03:18.07
one, two, three, four, five, six, seven

82
00:03:18.07 --> 00:03:20.05
which I'm seeing right now.

83
00:03:20.05 --> 00:03:22.09
That's the easy part
because we're looking for

84
00:03:22.09 --> 00:03:26.06
a total of six columns of windows.

85
00:03:26.06 --> 00:03:28.06
And so that means seven spaces

86
00:03:28.06 --> 00:03:31.03
so a total of 13 in all.

87
00:03:31.03 --> 00:03:33.08
So I'm just going to
press the right arrow key

88
00:03:33.08 --> 00:03:35.02
until, let's see what I have now.

89
00:03:35.02 --> 00:03:39.04
One, two, three, four, five,
six, seven, eight, nine, 10, 11

90
00:03:39.04 --> 00:03:42.07
I need 12, 13, so if you
need to pause the movie,

91
00:03:42.07 --> 00:03:44.04
look at it if it helps.

92
00:03:44.04 --> 00:03:47.09
Another thing you might do
is just go ahead and release

93
00:03:47.09 --> 00:03:49.08
if you're growing frustrated here

94
00:03:49.08 --> 00:03:51.00
and then press the Backspace key

95
00:03:51.00 --> 00:03:54.00
or the Delete key to get rid
of that guy and then click,

96
00:03:54.00 --> 00:03:56.05
right here at this location
to bring up the Dialog box

97
00:03:56.05 --> 00:03:59.08
and just go ahead and enter
these values, these should work.

98
00:03:59.08 --> 00:04:02.03
And so we need a total of
six Horizontal Dividers

99
00:04:02.03 --> 00:04:04.00
to give us seven rows.

100
00:04:04.00 --> 00:04:06.06
And then we need 12 Vertical Dividers

101
00:04:06.06 --> 00:04:08.05
if I've done everything
right here, that is,

102
00:04:08.05 --> 00:04:10.08
to give us 13 columns.

103
00:04:10.08 --> 00:04:13.01
At which point, go ahead and click OK

104
00:04:13.01 --> 00:04:14.02
in order to create that shape.

105
00:04:14.02 --> 00:04:16.04
And the reason that it's
exactly the right size

106
00:04:16.04 --> 00:04:19.03
is because you just got done
drawing it the right size

107
00:04:19.03 --> 00:04:22.09
and Illustrator remembered the dimensions.

108
00:04:22.09 --> 00:04:24.02
And so now what we want to do

109
00:04:24.02 --> 00:04:26.07
is convert this to a Guide line.

110
00:04:26.07 --> 00:04:28.05
This is just an awesome function.

111
00:04:28.05 --> 00:04:30.08
Go up to the View menu, choose Guides,

112
00:04:30.08 --> 00:04:33.08
and then choose this command
right there, Make Guides

113
00:04:33.08 --> 00:04:37.00
which will convert anything
you can draw inside Illustrator

114
00:04:37.00 --> 00:04:39.03
to Guide lines, like so.

115
00:04:39.03 --> 00:04:41.07
And now we've got everything
we need to draw the window

116
00:04:41.07 --> 00:04:45.04
so go ahead and click on the
lines Layer to make it active

117
00:04:45.04 --> 00:04:47.06
because we want to make sure
to put all the real objects

118
00:04:47.06 --> 00:04:48.07
on that Layer.

119
00:04:48.07 --> 00:04:50.09
And then just by way of a preview,

120
00:04:50.09 --> 00:04:52.08
we're going to switch
to the Rectangle Tool

121
00:04:52.08 --> 00:04:55.09
which I will explain in
depth in the next chapter.

122
00:04:55.09 --> 00:04:58.02
But for now, just go ahead and select it

123
00:04:58.02 --> 00:04:59.06
and if necessary click and hold

124
00:04:59.06 --> 00:05:02.02
and select the Rectangle
Tool from the fly-out menu

125
00:05:02.02 --> 00:05:04.06
and then just draw a rectangle

126
00:05:04.06 --> 00:05:07.03
inside of one of these
grid things right here.

127
00:05:07.03 --> 00:05:10.04
And it's not working and that's because

128
00:05:10.04 --> 00:05:12.00
Smart Guides are turned on.

129
00:05:12.00 --> 00:05:14.04
Sometimes Smart Guides mess stuff up.

130
00:05:14.04 --> 00:05:17.00
And so I'm just going
to ctrl, spacebar click

131
00:05:17.00 --> 00:05:19.05
or cmd, spacebar click
in this area to zoom in

132
00:05:19.05 --> 00:05:21.07
so we can better see what's going on.

133
00:05:21.07 --> 00:05:24.00
And I'll get rid of that shape
by pressing the Backspace key

134
00:05:24.00 --> 00:05:25.05
or the Delete key on the Mac.

135
00:05:25.05 --> 00:05:27.00
And now I'll go up to the View menu

136
00:05:27.00 --> 00:05:29.02
and turn off Smart Guides.

137
00:05:29.02 --> 00:05:31.04
And again, it's got a
keyboard shortcut of ctrl u

138
00:05:31.04 --> 00:05:32.07
cmd u on the Mac.

139
00:05:32.07 --> 00:05:34.06
You may want to keep that in mind because

140
00:05:34.06 --> 00:05:37.05
it does help to sometimes
turn these things on and off.

141
00:05:37.05 --> 00:05:41.04
And now notice if I drag inside
one of these little areas

142
00:05:41.04 --> 00:05:44.09
that I snap into alignment just perfectly.

143
00:05:44.09 --> 00:05:46.04
And that's because Guide line snapping

144
00:05:46.04 --> 00:05:48.02
works independent of Smart Guides.

145
00:05:48.02 --> 00:05:50.03
All right, so now that
I have this rectangle

146
00:05:50.03 --> 00:05:52.03
we can't see it because
it doesn't have any fill

147
00:05:52.03 --> 00:05:53.06
and it has a black stroke.

148
00:05:53.06 --> 00:05:55.00
We don't want it to have a stroke

149
00:05:55.00 --> 00:05:56.09
so go ahead and click on this
little swatch right there,

150
00:05:56.09 --> 00:05:59.09
the second swatch in,
and change it to None,

151
00:05:59.09 --> 00:06:02.02
and then click on the first swatch.

152
00:06:02.02 --> 00:06:04.00
You might have to click a couple of times

153
00:06:04.00 --> 00:06:07.05
and then select white to
fill that shape with white.

154
00:06:07.05 --> 00:06:09.00
All right, that's all the
work that we have to do

155
00:06:09.00 --> 00:06:10.08
with the Rectangle Tool
because from here on

156
00:06:10.08 --> 00:06:12.07
we're just going to duplicate this shape

157
00:06:12.07 --> 00:06:16.01
and so I'll press ctrl 0 or
cmd 0 on the Mac to zoom out.

158
00:06:16.01 --> 00:06:18.03
Then I'll return to the Black Arrow Tool

159
00:06:18.03 --> 00:06:20.05
which of course you can get
by pressing the "v" key.

160
00:06:20.05 --> 00:06:23.02
And I'll go ahead and drag this guy over

161
00:06:23.02 --> 00:06:25.02
and I'll press the shift and alt keys

162
00:06:25.02 --> 00:06:27.08
in order to duplicate it
to the right location.

163
00:06:27.08 --> 00:06:30.09
But it doesn't appear
really to be stamping

164
00:06:30.09 --> 00:06:32.05
the way that I want it to

165
00:06:32.05 --> 00:06:36.00
so it's very possible I need
to turn Smart Guides back on.

166
00:06:36.00 --> 00:06:37.07
So I went ahead and undid that movement

167
00:06:37.07 --> 00:06:41.03
and so now go up to the View
menu and choose Smart Guides

168
00:06:41.03 --> 00:06:42.03
to turn them back on.

169
00:06:42.03 --> 00:06:44.04
And now let's see if I
can make this work better.

170
00:06:44.04 --> 00:06:45.05
Yes I can.

171
00:06:45.05 --> 00:06:47.03
And as I'm dragging I need to make sure

172
00:06:47.03 --> 00:06:50.00
and press and hold that Alt key
or the Option key on the Mac

173
00:06:50.00 --> 00:06:51.08
so that I'm creating a duplicate.

174
00:06:51.08 --> 00:06:56.02
And now I want to repeat that
duplicate by pressing ctrl d

175
00:06:56.02 --> 00:06:58.02
or cmd d on the Mac.

176
00:06:58.02 --> 00:06:59.09
So I'll go ahead and press
that keyboard shortcut

177
00:06:59.09 --> 00:07:02.04
one, two, three, four times

178
00:07:02.04 --> 00:07:07.05
in order to create a total of
six windows across, like so.

179
00:07:07.05 --> 00:07:09.06
All right, now we want
to select all the windows

180
00:07:09.06 --> 00:07:11.03
and the easiest way to do that

181
00:07:11.03 --> 00:07:13.02
is to take advantage of a function

182
00:07:13.02 --> 00:07:15.01
that we'll see a lot in this course.

183
00:07:15.01 --> 00:07:16.06
It's up here in the Control Panel

184
00:07:16.06 --> 00:07:19.01
and it's this guy right
there, Select Similar Objects.

185
00:07:19.01 --> 00:07:21.02
Just go ahead and click on that icon

186
00:07:21.02 --> 00:07:23.09
and you'll select all
of the white rectangles.

187
00:07:23.09 --> 00:07:26.03
At which point, just go
ahead and drag them down

188
00:07:26.03 --> 00:07:28.07
and press the Alt key or
the Option key on the Mac

189
00:07:28.07 --> 00:07:29.08
to duplicate them.

190
00:07:29.08 --> 00:07:33.01
And then press Control
D or Command D again

191
00:07:33.01 --> 00:07:36.03
in order to create a third row of windows.

192
00:07:36.03 --> 00:07:39.02
And now you can click off
the shapes to deselect them

193
00:07:39.02 --> 00:07:41.02
and then turn off the guides Layer

194
00:07:41.02 --> 00:07:43.02
in order to see what you've done.

195
00:07:43.02 --> 00:07:45.07
And that's how you use
the Rectangular Grid Tool

196
00:07:45.07 --> 00:07:49.01
to create these evenly
sized, evenly spaced windows

197
00:07:49.01 --> 00:07:51.08
here inside Illustrator.