1
00:00:00.06 --> 00:00:02.04
- [Instructor] In this movie,
we're going to begin drawing

2
00:00:02.04 --> 00:00:05.07
the outline of the main
portion of the factory here

3
00:00:05.07 --> 00:00:07.06
using the line segment tool.

4
00:00:07.06 --> 00:00:09.03
All right, so I'll go
ahead and switch over

5
00:00:09.03 --> 00:00:10.09
to these random lines here.

6
00:00:10.09 --> 00:00:12.01
Obviously I don't want them.

7
00:00:12.01 --> 00:00:14.02
They're just here for the
sake of demonstration.

8
00:00:14.02 --> 00:00:15.04
So to get rid of them,

9
00:00:15.04 --> 00:00:19.03
I'll go up to the Select menu
and choose the All command.

10
00:00:19.03 --> 00:00:21.05
Or you can just press
that keyboard shortcut

11
00:00:21.05 --> 00:00:25.04
of control a here on the
PC or command a on a Mac.

12
00:00:25.04 --> 00:00:27.02
And then I'll just go ahead and press

13
00:00:27.02 --> 00:00:29.01
the backspace key or the delete key

14
00:00:29.01 --> 00:00:31.03
in order to get rid of those lines.

15
00:00:31.03 --> 00:00:33.06
But notice it still leaves
us with the lines layer

16
00:00:33.06 --> 00:00:36.00
here inside the Layers panel.

17
00:00:36.00 --> 00:00:37.07
All right, now to create the first portion

18
00:00:37.07 --> 00:00:39.07
of the inclined roof of the factory,

19
00:00:39.07 --> 00:00:41.04
I'll go ahead and click some place

20
00:00:41.04 --> 00:00:43.03
in the right portion of the document

21
00:00:43.03 --> 00:00:45.08
along this horizontal guideline.

22
00:00:45.08 --> 00:00:46.08
And that'll bring up the

23
00:00:46.08 --> 00:00:49.02
Line Segment Tool Options dialogue box.

24
00:00:49.02 --> 00:00:51.03
At which point I'm going
to change the length value

25
00:00:51.03 --> 00:00:53.00
to 100 points,

26
00:00:53.00 --> 00:00:54.09
and then also notice in addition

27
00:00:54.09 --> 00:00:57.01
to entering a numerical angle value,

28
00:00:57.01 --> 00:01:00.02
you can drag here inside
this angle widget.

29
00:01:00.02 --> 00:01:03.05
But I'm looking for a very
specific value of 90 degrees,

30
00:01:03.05 --> 00:01:05.05
which is going to give us a vertical line,

31
00:01:05.05 --> 00:01:07.04
at which point I'll click okay,

32
00:01:07.04 --> 00:01:11.07
and notice that the line
emanates from our click point.

33
00:01:11.07 --> 00:01:13.05
All right now I want
to draw a diagonal line

34
00:01:13.05 --> 00:01:15.00
from this point right here,

35
00:01:15.00 --> 00:01:18.02
and depending on which version
of Illustrator you're using,

36
00:01:18.02 --> 00:01:19.09
you may be able to get away with it.

37
00:01:19.09 --> 00:01:22.00
But if you're using the
very newest version,

38
00:01:22.00 --> 00:01:23.08
which includes smart lines,

39
00:01:23.08 --> 00:01:25.01
likes these right here,

40
00:01:25.01 --> 00:01:28.04
then dragging from this point
isn't going to create a new line,

41
00:01:28.04 --> 00:01:30.07
it's going to modify the existing line,

42
00:01:30.07 --> 00:01:32.00
which is not what we want.

43
00:01:32.00 --> 00:01:34.00
So I'll just go ahead and press control z

44
00:01:34.00 --> 00:01:36.05
or command z on the Mac
to undo that change.

45
00:01:36.05 --> 00:01:38.04
And then I'll go up to the Select menu

46
00:01:38.04 --> 00:01:40.07
and choose the Deselect command,

47
00:01:40.07 --> 00:01:42.07
which has a very similar keyboard shortcut

48
00:01:42.07 --> 00:01:43.07
to the All command.

49
00:01:43.07 --> 00:01:46.06
Notice that instead of
control or command a,

50
00:01:46.06 --> 00:01:49.01
it's control shift a here on a PC,

51
00:01:49.01 --> 00:01:51.05
or command shift a on a Mac.

52
00:01:51.05 --> 00:01:52.08
So the shift key essentially

53
00:01:52.08 --> 00:01:54.09
reverses the shortcut's behavior.

54
00:01:54.09 --> 00:01:58.06
At which point I can now drag
from this top point like so

55
00:01:58.06 --> 00:02:01.06
without harming the deselected line.

56
00:02:01.06 --> 00:02:05.05
All right now I'm looking for
an angle value of 205 degrees.

57
00:02:05.05 --> 00:02:07.06
Can you see that in
that head's up display.

58
00:02:07.06 --> 00:02:10.03
And you want to just
maximize the distance value

59
00:02:10.03 --> 00:02:11.05
as far as you can go

60
00:02:11.05 --> 00:02:14.09
without reducing the angle
value to 204 degrees.

61
00:02:14.09 --> 00:02:17.01
And for me, when I'm zoomed out like this,

62
00:02:17.01 --> 00:02:22.04
that happens at a distance
value of 240.75 points.

63
00:02:22.04 --> 00:02:25.02
And the result is this line right here.

64
00:02:25.02 --> 00:02:26.05
All right, now I want to go ahead and

65
00:02:26.05 --> 00:02:27.09
select both of the lines.

66
00:02:27.09 --> 00:02:29.07
And the best way to do that is to switch

67
00:02:29.07 --> 00:02:31.01
to the black arrow tool,

68
00:02:31.01 --> 00:02:33.01
which Illustrator calls the Selection Tool

69
00:02:33.01 --> 00:02:35.00
up here at the top of the toolbox.

70
00:02:35.00 --> 00:02:36.06
So here's the idea.

71
00:02:36.06 --> 00:02:39.05
The black arrow tool
selects entire objects,

72
00:02:39.05 --> 00:02:41.05
whereas the white arrow tool,

73
00:02:41.05 --> 00:02:43.09
or if you prefer the
Direct Selection Tool,

74
00:02:43.09 --> 00:02:45.04
selects partial objects,

75
00:02:45.04 --> 00:02:47.09
including individual anchor points.

76
00:02:47.09 --> 00:02:49.07
Now in your case, both tools are

77
00:02:49.07 --> 00:02:51.08
most likely missing their stems,

78
00:02:51.08 --> 00:02:54.00
so that they appear less like arrows

79
00:02:54.00 --> 00:02:55.06
and more like arrowheads,

80
00:02:55.06 --> 00:02:58.03
but the change is strictly cosmetic.

81
00:02:58.03 --> 00:03:01.04
The tools still work the
way they always have.

82
00:03:01.04 --> 00:03:03.06
All right, I want to
select all these objects,

83
00:03:03.06 --> 00:03:06.02
so we'll just go ahead and
grab that Selection Tool,

84
00:03:06.02 --> 00:03:08.05
and then I'll at least partially marquee

85
00:03:08.05 --> 00:03:11.09
these two lines, like so, to select them.

86
00:03:11.09 --> 00:03:13.06
Now notice that I'm seeing my lines

87
00:03:13.06 --> 00:03:16.03
surrounded by a rectangular bounding box,

88
00:03:16.03 --> 00:03:19.05
which can be useful for
applying quick transformations.

89
00:03:19.05 --> 00:03:22.05
For example, if I drag this
corner handle right there,

90
00:03:22.05 --> 00:03:25.06
I'm going to stretch the shapes like so.

91
00:03:25.06 --> 00:03:28.07
Or if I move my cursor slightly
outside the bounding box,

92
00:03:28.07 --> 00:03:32.02
not too far away, just slightly
beyond one of these corners.

93
00:03:32.02 --> 00:03:33.09
I'll see a rotate cursor,

94
00:03:33.09 --> 00:03:37.07
at which point I can drag in
order to rotate the shapes.

95
00:03:37.07 --> 00:03:39.02
But it turns out there's better ways

96
00:03:39.02 --> 00:03:41.00
to apply transformations.

97
00:03:41.00 --> 00:03:44.06
Which includes scaling and
rotating inside Illustrator.

98
00:03:44.06 --> 00:03:47.03
So I'm going to press control
z or command z on a Mac

99
00:03:47.03 --> 00:03:51.00
a couple of times to reinstate
my original lines there.

100
00:03:51.00 --> 00:03:53.07
And I'm going to turn the bounding box off

101
00:03:53.07 --> 00:03:55.05
because most of the time I find

102
00:03:55.05 --> 00:03:56.08
that it just gets in the way.

103
00:03:56.08 --> 00:03:59.01
And you do that by going
up to the View menu

104
00:03:59.01 --> 00:04:01.04
and choosing Hide Bounding Box.

105
00:04:01.04 --> 00:04:03.01
You also have this keyboard shortcut,

106
00:04:03.01 --> 00:04:05.04
in case you're interested
in hiding it sometimes

107
00:04:05.04 --> 00:04:08.03
and showing it others, of control shift B

108
00:04:08.03 --> 00:04:11.00
or command shift B on the Mac.

109
00:04:11.00 --> 00:04:12.09
And so what that allows me to do is

110
00:04:12.09 --> 00:04:16.02
then drag these two lines
by this point right here,

111
00:04:16.02 --> 00:04:18.01
this anchor point, like so.

112
00:04:18.01 --> 00:04:19.08
Because otherwise, if I was still looking

113
00:04:19.08 --> 00:04:20.09
at the bounding box,

114
00:04:20.09 --> 00:04:23.06
note I'll just go ahead and
redo this operation here.

115
00:04:23.06 --> 00:04:25.01
And I'll bring back the bounding box

116
00:04:25.01 --> 00:04:27.07
using the keyboard
shortcut of control shift b

117
00:04:27.07 --> 00:04:29.05
or command shift b on the Mac.

118
00:04:29.05 --> 00:04:31.08
If I try to drag by that anchor point

119
00:04:31.08 --> 00:04:33.05
then I end up stretching the lines,

120
00:04:33.05 --> 00:04:34.07
which is not what I want.

121
00:04:34.07 --> 00:04:37.02
So again, I'll go ahead
and undo that change.

122
00:04:37.02 --> 00:04:40.08
I'll press control shift b
or command shift b on the Mac

123
00:04:40.08 --> 00:04:42.03
to turn off the bounding box.

124
00:04:42.03 --> 00:04:44.08
And then I'll just go ahead
and drag this anchor point

125
00:04:44.08 --> 00:04:48.05
over to the intersection
of the two guides like so,

126
00:04:48.05 --> 00:04:50.08
at which point my arrowhead
cursor right there

127
00:04:50.08 --> 00:04:54.04
is going to turn white to
indicate that I have a snap.

128
00:04:54.04 --> 00:04:57.09
And so that's what guides
do inside of Illustrator.

129
00:04:57.09 --> 00:05:01.01
They snap your lines and other
path outlines into place.

130
00:05:01.01 --> 00:05:02.07
And just to make sure I'm moving

131
00:05:02.07 --> 00:05:04.06
these lines exactly horizontally

132
00:05:04.06 --> 00:05:06.06
I'll go ahead and press
and hold the shift key.

133
00:05:06.06 --> 00:05:10.00
And you want to keep that key
down 'til after you release,

134
00:05:10.00 --> 00:05:14.04
in order to snap those lines
into alignment with our guides.

135
00:05:14.04 --> 00:05:17.03
All right, so that's how
you precisely draw and align

136
00:05:17.03 --> 00:05:19.02
two straight lines in Illustrator.

137
00:05:19.02 --> 00:05:21.05
In the next movie, we'll
duplicate those lines

138
00:05:21.05 --> 00:05:24.02
in order to create the zig-zag roof.