1
00:00:00.00 --> 00:00:01.05
- [Voiceover] Alright, in this movie,

2
00:00:01.05 --> 00:00:04.02
we're gonna build this big
ambitious background effect,

3
00:00:04.02 --> 00:00:06.00
and we're ultimately gonna create it

4
00:00:06.00 --> 00:00:09.00
as a combination of four graphic styles.

5
00:00:09.00 --> 00:00:12.07
And so I'm gonna start things
off by grabbing the zig zag

6
00:00:12.07 --> 00:00:15.04
and roughen effects that
are assigned to our line,

7
00:00:15.04 --> 00:00:17.07
and I'm gonna drop down
to the little page icon

8
00:00:17.07 --> 00:00:20.00
at the bottom of the
panel and I'll click on it

9
00:00:20.00 --> 00:00:21.05
in order to get rid of them.

10
00:00:21.05 --> 00:00:23.07
And that's because we're
gonna build a new base

11
00:00:23.07 --> 00:00:25.01
colorful style here.

12
00:00:25.01 --> 00:00:27.01
And so I'll go ahead
and click on the Stroke,

13
00:00:27.01 --> 00:00:29.03
I'm gonna take it's Line
Weight up to 3 points,

14
00:00:29.03 --> 00:00:31.05
I'm gonna click on the word Stroke

15
00:00:31.05 --> 00:00:34.02
and change it's corner to Round Join,

16
00:00:34.02 --> 00:00:36.01
and that way when it gets roughed up

17
00:00:36.01 --> 00:00:37.09
there will be some rounding going on.

18
00:00:37.09 --> 00:00:40.02
And I'll click on it's color swatch

19
00:00:40.02 --> 00:00:42.06
and set it to this light shade of orange,

20
00:00:42.06 --> 00:00:45.05
the one that begins R=251.

21
00:00:45.05 --> 00:00:47.03
Alright now I'll create a new stroke

22
00:00:47.03 --> 00:00:49.06
by clicking on the Add New Stroke icon

23
00:00:49.06 --> 00:00:51.07
in the bottom left corner
of the Appearance panel,

24
00:00:51.07 --> 00:00:54.02
and I'll go ahead and
click on this new stroke

25
00:00:54.02 --> 00:00:56.05
and I'll change it's
line weight to 6 point,

26
00:00:56.05 --> 00:00:58.04
and I'll change the color to black.

27
00:00:58.04 --> 00:01:00.06
Alright once again drop down to that icon,

28
00:01:00.06 --> 00:01:03.03
or you can press a keyboard shortcut

29
00:01:03.03 --> 00:01:05.00
of CTRL ALT /

30
00:01:05.00 --> 00:01:07.01
or Command Option / on a Mac.

31
00:01:07.01 --> 00:01:08.06
Now click on the bottom Stroke,

32
00:01:08.06 --> 00:01:11.03
and take it's line weight up to 10 points,

33
00:01:11.03 --> 00:01:13.01
and click on the color swatch icon,

34
00:01:13.01 --> 00:01:15.06
and change it to this light shade of pink,

35
00:01:15.06 --> 00:01:18.05
which begins R=237.

36
00:01:18.05 --> 00:01:21.05
Alright now again we want
to create a new Stroke

37
00:01:21.05 --> 00:01:23.04
so either click on the icon

38
00:01:23.04 --> 00:01:24.09
or press CTRL + ALT + /

39
00:01:24.09 --> 00:01:26.06
or Command + Option + / on a Mac.

40
00:01:26.06 --> 00:01:29.00
We'll change this line
weight to 18 points,

41
00:01:29.00 --> 00:01:31.02
this is all trial and
error stuff by the way.

42
00:01:31.02 --> 00:01:33.01
I'll click on it's color swatch

43
00:01:33.01 --> 00:01:34.06
and change it to black.

44
00:01:34.06 --> 00:01:36.08
And then I'll press CTRL + ALT + /

45
00:01:36.08 --> 00:01:38.08
or Command + Option + / again,

46
00:01:38.08 --> 00:01:41.08
change the color this time
around to this medium violet,

47
00:01:41.08 --> 00:01:44.01
which begins R=102,

48
00:01:44.01 --> 00:01:47.03
and I'll change the line
weight to just 20 points,

49
00:01:47.03 --> 00:01:50.01
and I'll go ahead and
select both of these strokes

50
00:01:50.01 --> 00:01:52.03
right here, the 10 point
and the 18 point strokes,

51
00:01:52.03 --> 00:01:53.09
and I'll create copies of them by clicking

52
00:01:53.09 --> 00:01:55.07
on the little page icon

53
00:01:55.07 --> 00:01:57.04
in the bottom right corner of the panel.

54
00:01:57.04 --> 00:01:59.02
And I'll select these two guys,

55
00:01:59.02 --> 00:02:01.00
click on one, Shift-click on the other,

56
00:02:01.00 --> 00:02:02.08
drag them below the purple swatch,

57
00:02:02.08 --> 00:02:05.09
and then just change the line
weight of the black swatch

58
00:02:05.09 --> 00:02:09.02
to 40 points thick so
we're filling in any gaps,

59
00:02:09.02 --> 00:02:13.02
and change the line weight of
the pink swatch to 24 points.

60
00:02:13.02 --> 00:02:15.07
In order to produce this effect there.

61
00:02:15.07 --> 00:02:17.08
And you may not see that
pink Stroke very much, but,

62
00:02:17.08 --> 00:02:20.06
we're gonna bring it out when we assign

63
00:02:20.06 --> 00:02:23.00
Zig Zag and Roughen in the future.

64
00:02:23.00 --> 00:02:25.01
Alright let's go ahead and save this Style

65
00:02:25.01 --> 00:02:28.00
by ALT or Option clicking
on the little page icon

66
00:02:28.00 --> 00:02:30.00
at the bottom of the Graphic Styles panel,

67
00:02:30.00 --> 00:02:32.05
and I'll call this guy Colorful Build,

68
00:02:32.05 --> 00:02:34.07
let's say, and click OK.

69
00:02:34.07 --> 00:02:37.01
Now notice these kind of white veins

70
00:02:37.01 --> 00:02:39.01
that are running through the pattern.

71
00:02:39.01 --> 00:02:41.06
Let's go ahead and create
them as an independent style.

72
00:02:41.06 --> 00:02:44.02
And so I'll go ahead
and grab that top stroke

73
00:02:44.02 --> 00:02:46.01
and I'll set it to just 1 point thick,

74
00:02:46.01 --> 00:02:48.08
and then I'll change it's color to black,

75
00:02:48.08 --> 00:02:51.01
and now I'm gonna select
the Stroke below it,

76
00:02:51.01 --> 00:02:52.09
and Shift click on the bottom Stroke,

77
00:02:52.09 --> 00:02:54.09
and click on the little Trash
icon to get rid of them,

78
00:02:54.09 --> 00:02:59.02
so we have just this one
little stroke and nothing more.

79
00:02:59.02 --> 00:03:01.02
Now what I'd like to be able
to do is click on this Stroke,

80
00:03:01.02 --> 00:03:05.02
and then press the ALT key
or the Option key on a Mac,

81
00:03:05.02 --> 00:03:08.02
and click on the Twist Only style,

82
00:03:08.02 --> 00:03:11.03
in order to add it to the Stroke, but,

83
00:03:11.03 --> 00:03:13.07
because it was set up as being applied

84
00:03:13.07 --> 00:03:15.01
to the path in the first place,

85
00:03:15.01 --> 00:03:16.06
that's where it lands.

86
00:03:16.06 --> 00:03:18.07
And so what I'm gonna do
is grab that twist effect

87
00:03:18.07 --> 00:03:21.00
and drag it and drop it onto the stroke,

88
00:03:21.00 --> 00:03:24.01
in order to twist the stroke
and not the entire path,

89
00:03:24.01 --> 00:03:26.01
and this way it's not
gonna look any different.

90
00:03:26.01 --> 00:03:28.00
But then what I want you
to do is select the stroke

91
00:03:28.00 --> 00:03:30.00
and click on the little page icon

92
00:03:30.00 --> 00:03:31.09
in order to create a copy of it,

93
00:03:31.09 --> 00:03:34.04
and then with whichever one twirled open,

94
00:03:34.04 --> 00:03:36.01
click on the word Twist right there,

95
00:03:36.01 --> 00:03:39.05
and change it's angle to -100 degrees

96
00:03:39.05 --> 00:03:41.03
and turn on the Preview checkbox,

97
00:03:41.03 --> 00:03:44.01
and you'll see everything twist
in the opposite direction.

98
00:03:44.01 --> 00:03:46.06
At which point, click OK
to accept that effect.

99
00:03:46.06 --> 00:03:49.05
Now what we need to do is get
rid of the transform effect,

100
00:03:49.05 --> 00:03:51.05
because if we combine this guy

101
00:03:51.05 --> 00:03:53.04
with the one that's transformed,

102
00:03:53.04 --> 00:03:56.02
then we're going to transform
the transformations,

103
00:03:56.02 --> 00:03:57.09
which we don't wanna do,

104
00:03:57.09 --> 00:03:59.08
so go ahead and select
the Transform effect,

105
00:03:59.08 --> 00:04:01.08
and click on the Trash can icon,

106
00:04:01.08 --> 00:04:04.04
in the bottom right corner
of the Appearance panel

107
00:04:04.04 --> 00:04:06.06
to get rid of it, and now we
want these guys to be white.

108
00:04:06.06 --> 00:04:08.06
So change each one of the

109
00:04:08.06 --> 00:04:10.07
strokes to the color white like so.

110
00:04:10.07 --> 00:04:12.09
And that's gonna make
everything disappear,

111
00:04:12.09 --> 00:04:14.02
but that doesn't really matter.

112
00:04:14.02 --> 00:04:15.08
We have the effect we're looking for.

113
00:04:15.08 --> 00:04:18.06
So now go ahead and ALT or Option click

114
00:04:18.06 --> 00:04:20.07
on the little page icon,
create a new Style,

115
00:04:20.07 --> 00:04:24.00
and let's call this guy
Double Twist let's say,

116
00:04:24.00 --> 00:04:26.02
and then click OK.

117
00:04:26.02 --> 00:04:28.01
Alright now let's combine
everything together

118
00:04:28.01 --> 00:04:29.06
to a wonderful effect,

119
00:04:29.06 --> 00:04:33.00
and so first I'm going to
expand the Graphics Styles

120
00:04:33.00 --> 00:04:34.04
panel a little bit,

121
00:04:34.04 --> 00:04:36.07
and I'll start by clicking
on Colorful Build,

122
00:04:36.07 --> 00:04:40.02
that will be the first
Style that we apply.

123
00:04:40.02 --> 00:04:42.08
The second Style is
going to be Zig Zag only,

124
00:04:42.08 --> 00:04:45.00
and so what I want you to
do is press the ALT key

125
00:04:45.00 --> 00:04:46.06
or the Option key on a Mac,

126
00:04:46.06 --> 00:04:48.07
and click on ZigZag Only,

127
00:04:48.07 --> 00:04:51.01
in order to add it to the effect.

128
00:04:51.01 --> 00:04:53.09
Alright now go ahead and
move over to Roughen Only,

129
00:04:53.09 --> 00:04:57.05
and press the ALT key or
the Option key on a Mac

130
00:04:57.05 --> 00:05:00.04
and click on it in order
to add it to the effect

131
00:05:00.04 --> 00:05:04.03
which will produce this
wonderous assemblage right here,

132
00:05:04.03 --> 00:05:06.05
and just to make sure that we're safe,

133
00:05:06.05 --> 00:05:08.04
I'm gonna save this as a Style

134
00:05:08.04 --> 00:05:10.09
by ALT or Option clicking on a page icon,

135
00:05:10.09 --> 00:05:14.00
and I'll call this one
crazy lines, let's say,

136
00:05:14.00 --> 00:05:16.00
and then click OK.

137
00:05:16.00 --> 00:05:18.01
And now I just want you
to notice something.

138
00:05:18.01 --> 00:05:19.08
Currently each line is
being roughed up differently

139
00:05:19.08 --> 00:05:21.02
than it's neighbor,

140
00:05:21.02 --> 00:05:23.00
but we're roughing up each group

141
00:05:23.00 --> 00:05:24.09
of Strokes to the same extent.

142
00:05:24.09 --> 00:05:26.07
If you want all the Strokes
to go all over the place,

143
00:05:26.07 --> 00:05:28.07
grab the Roughen,

144
00:05:28.07 --> 00:05:32.00
and then drag it down to the
bottom of the list like so.

145
00:05:32.00 --> 00:05:34.06
And what that's gonna do is Roughen up

146
00:05:34.06 --> 00:05:37.03
each and every Stroke independently

147
00:05:37.03 --> 00:05:41.05
in order to produce this
crazy effect right here.

148
00:05:41.05 --> 00:05:43.00
And I'm gonna save this out

149
00:05:43.00 --> 00:05:45.00
by ALT or Option clicking
on the little page icon,

150
00:05:45.00 --> 00:05:48.08
and calling this one,
let's say, Random Blast.

151
00:05:48.08 --> 00:05:50.08
And then I'll click OK.

152
00:05:50.08 --> 00:05:52.04
And then finally, I'm gonna go ahead

153
00:05:52.04 --> 00:05:54.06
and move Roughen back where it was,

154
00:05:54.06 --> 00:05:56.08
because I actually wanna
roughen all the strokes

155
00:05:56.08 --> 00:05:58.00
to the same extent,

156
00:05:58.00 --> 00:05:59.06
but don't move it above Zigzag,

157
00:05:59.06 --> 00:06:00.09
don't put it there, don't drop it there,

158
00:06:00.09 --> 00:06:03.05
drop it below Zigzag, right there,

159
00:06:03.05 --> 00:06:06.03
at that location, that's
gonna end up producing

160
00:06:06.03 --> 00:06:08.00
the effect you see on screen,

161
00:06:08.00 --> 00:06:10.03
and then finally I want
you to press the ALT key

162
00:06:10.03 --> 00:06:11.08
or the Option key on a Mac

163
00:06:11.08 --> 00:06:13.08
and click on the Double Twist effect

164
00:06:13.08 --> 00:06:17.02
in order to add it to the collection.

165
00:06:17.02 --> 00:06:19.05
Now those two strokes are
gonna come in at the bottom,

166
00:06:19.05 --> 00:06:22.08
so go ahead and click one
and Shift-click on the other,

167
00:06:22.08 --> 00:06:25.03
and drag them to the
top of the Stroke stack

168
00:06:25.03 --> 00:06:28.08
in order to produce
this final effect here.

169
00:06:28.08 --> 00:06:31.03
And at this point I decided
things were a little

170
00:06:31.03 --> 00:06:32.08
too busy for my tastes,

171
00:06:32.08 --> 00:06:34.08
so I clicked on the word Transform,

172
00:06:34.08 --> 00:06:36.08
in order to bring up the
Transform Effect panel,

173
00:06:36.08 --> 00:06:39.01
and I changed the angle to 4 degrees,

174
00:06:39.01 --> 00:06:42.05
which means this time we
only need 45 lines in all,

175
00:06:42.05 --> 00:06:45.00
which means 45 minus 1,

176
00:06:45.00 --> 00:06:48.00
44 copies, at which point,

177
00:06:48.00 --> 00:06:50.05
I'll just go ahead and click
OK to accept that change,

178
00:06:50.05 --> 00:06:54.01
and achieve this final effect here,

179
00:06:54.01 --> 00:06:55.08
and I love it so much obviously

180
00:06:55.08 --> 00:06:59.03
that I'm gonna save it out
by ALT or Option clicking

181
00:06:59.03 --> 00:07:02.00
on that little page icon
and I'm gonna call this

182
00:07:02.00 --> 00:07:05.01
Final Multiline Effect,

183
00:07:05.01 --> 00:07:07.08
and then I'll click OK.

184
00:07:07.08 --> 00:07:10.02
And finally I'll press CTRL + SHIFT + A

185
00:07:10.02 --> 00:07:12.00
or Command + Shift + A on a Mac,

186
00:07:12.00 --> 00:07:13.09
in order to deselect my artwork.

187
00:07:13.09 --> 00:07:17.01
And that's how you
proudly thump your chest

188
00:07:17.01 --> 00:07:19.07
and proclaim yourself
master of the Graphic Style.

189
00:07:19.07 --> 00:07:21.06
By ultimately combining four of them,

190
00:07:21.06 --> 00:07:24.08
here inside Illustrator.

