1 00:00:00.05 --> 00:00:01.03 - [Voiceover] In this movie 2 00:00:01.03 --> 00:00:02.04 we'll begin the creation of 3 00:00:02.04 --> 00:00:03.09 this wild background. 4 00:00:03.09 --> 00:00:06.03 That's all based on a single strait line. 5 00:00:06.03 --> 00:00:08.01 And we'll create this effect 6 00:00:08.01 --> 00:00:10.08 the way you really go about doing so 7 00:00:10.08 --> 00:00:12.05 through experimentation. 8 00:00:12.05 --> 00:00:14.06 And one of the great things about graphic styles 9 00:00:14.06 --> 00:00:18.00 is that they allow you to experiment without penalty. 10 00:00:18.00 --> 00:00:20.02 All right, I'll go ahead and switch over to this document 11 00:00:20.02 --> 00:00:22.00 right here and I'll zoom out 12 00:00:22.00 --> 00:00:23.06 so that I can see the entire 13 00:00:23.06 --> 00:00:25.04 art board with its bleed 14 00:00:25.04 --> 00:00:27.03 and I'll go ahead and click on that rectangle 15 00:00:27.03 --> 00:00:28.07 and press the Backspace key, 16 00:00:28.07 --> 00:00:30.08 or the Delete key on Mac, to get rid of it. 17 00:00:30.08 --> 00:00:32.06 Next I'll go up to the view menu 18 00:00:32.06 --> 00:00:34.05 and I'll turn on my smart guides, 19 00:00:34.05 --> 00:00:35.09 which are currently turned off, 20 00:00:35.09 --> 00:00:37.00 you may recall that you can turn 21 00:00:37.00 --> 00:00:38.07 them on and off by pressing Control + U 22 00:00:38.07 --> 00:00:40.09 or Command + U on the Mac. 23 00:00:40.09 --> 00:00:43.02 And now I'll grab my line segment tool 24 00:00:43.02 --> 00:00:45.03 which I can select from the line tool fly-out menu 25 00:00:45.03 --> 00:00:48.01 and I'll drag from one corner to the other 26 00:00:48.01 --> 00:00:50.05 specifically, from the top left corner 27 00:00:50.05 --> 00:00:51.09 to the bottom right corner 28 00:00:51.09 --> 00:00:53.09 and now, I'll go ahead and change the line weight, 29 00:00:53.09 --> 00:00:56.00 up here in the control panel to two points, 30 00:00:56.00 --> 00:00:56.08 like so, 31 00:00:56.08 --> 00:00:59.08 and I don't want all this flashing on screen. 32 00:00:59.08 --> 00:01:01.09 So I'll press Control + U or Command + U on Mac 33 00:01:01.09 --> 00:01:05.02 to turn the smart guides back off. 34 00:01:05.02 --> 00:01:06.06 All right, now I want to rotate 35 00:01:06.06 --> 00:01:08.03 this line all the way around, 36 00:01:08.03 --> 00:01:10.06 so my background is just filled with lines 37 00:01:10.06 --> 00:01:11.04 and I'm going to do that 38 00:01:11.04 --> 00:01:13.04 by going up to the Effect menu, 39 00:01:13.04 --> 00:01:15.04 choosing Distort & Transform, 40 00:01:15.04 --> 00:01:17.08 and choosing the Transform command. 41 00:01:17.08 --> 00:01:20.00 And I don't want to assign the setting to just a stroke 42 00:01:20.00 --> 00:01:21.09 I want to assign it to the entire path. 43 00:01:21.09 --> 00:01:22.07 And so what I'm going to do 44 00:01:22.07 --> 00:01:26.02 is change the angle value to just two degrees. 45 00:01:26.02 --> 00:01:28.00 All right, now I'll turn on the preview check box 46 00:01:28.00 --> 00:01:31.01 so that we can see that line move ever so slightly, 47 00:01:31.01 --> 00:01:32.06 and now I'm going to click in the Copies value 48 00:01:32.06 --> 00:01:35.03 and press Shift + Up Arrow a bunch of times 49 00:01:35.03 --> 00:01:38.07 to start rotating as many copies as I need. 50 00:01:38.07 --> 00:01:41.02 And at 80 copies you can see 51 00:01:41.02 --> 00:01:44.01 that we're pretty close to filling in the gap 52 00:01:44.01 --> 00:01:46.08 and it actually takes 81, two, three, four, five, 53 00:01:46.08 --> 00:01:49.09 six, seven, eight, nine copies 54 00:01:49.09 --> 00:01:51.07 in order to do the trick. 55 00:01:51.07 --> 00:01:53.04 And there's a reason for that by the way, 56 00:01:53.04 --> 00:01:54.06 think of it this way, 57 00:01:54.06 --> 00:01:56.07 we're going in two degree increments 58 00:01:56.07 --> 00:01:59.08 and if it were one degree it would only take a 180 59 00:01:59.08 --> 00:02:02.01 of these things to wrap all the way around 60 00:02:02.01 --> 00:02:05.02 because we're only trying to describe a half circle 61 00:02:05.02 --> 00:02:07.03 cause we're rotating around the center point 62 00:02:07.03 --> 00:02:10.07 there, as indicated by that reference point matrix. 63 00:02:10.07 --> 00:02:13.01 And so because we're rotating two degrees 64 00:02:13.01 --> 00:02:16.00 we only have 90 degrees that we need to fill in 65 00:02:16.00 --> 00:02:18.06 and so one original plus 89 66 00:02:18.06 --> 00:02:19.07 gives you 90. 67 00:02:19.07 --> 00:02:21.02 So, if that makes any sense 68 00:02:21.02 --> 00:02:22.07 that's the way it works. 69 00:02:22.07 --> 00:02:25.08 but in any case, click OK, to accept that change. 70 00:02:25.08 --> 00:02:27.09 All right, now let's tryout a few tricks. 71 00:02:27.09 --> 00:02:30.02 Let's see what happens if we start to spin 72 00:02:30.02 --> 00:02:33.00 or twist or vibrate these lines. 73 00:02:33.00 --> 00:02:35.00 And so, first go up to the Effect menu, 74 00:02:35.00 --> 00:02:38.03 choose Distort and Transform, and choose twist. 75 00:02:38.03 --> 00:02:40.06 And, I'm going to set this guide to a 100 degrees, 76 00:02:40.06 --> 00:02:42.04 and turn on the preview check box 77 00:02:42.04 --> 00:02:45.08 and I end up getting this fantastic effect right here. 78 00:02:45.08 --> 00:02:48.08 I like that, I'm going to click OK to accept that change 79 00:02:48.08 --> 00:02:51.08 now, I want the Transform to happen before the Twist 80 00:02:51.08 --> 00:02:54.01 and to make that happen I'll go ahead and drag 81 00:02:54.01 --> 00:02:56.07 Transform up to the top of the panel like so 82 00:02:56.07 --> 00:02:59.04 and I end up getting a slightly different effect. 83 00:02:59.04 --> 00:03:02.01 Now let's say I'm not sure this is what I want 84 00:03:02.01 --> 00:03:04.03 but this is definitely something I like. 85 00:03:04.03 --> 00:03:06.04 Well, in that case why not save it out as a 86 00:03:06.04 --> 00:03:09.06 graphic style by clicking on this icon right here 87 00:03:09.06 --> 00:03:11.09 to bring up the graphic Styles Panel 88 00:03:11.09 --> 00:03:13.04 and now I'll press the Alt key, 89 00:03:13.04 --> 00:03:14.08 or the Option key on a Mac, 90 00:03:14.08 --> 00:03:16.06 and click on the little page icon 91 00:03:16.06 --> 00:03:19.07 and I'll call this guy spinning lines, let's say 92 00:03:19.07 --> 00:03:21.07 and then I'll click OK. 93 00:03:21.07 --> 00:03:24.02 All right, as I say I'm not sure that twist effect 94 00:03:24.02 --> 00:03:26.04 is what I'm looking for so I'm going to select it 95 00:03:26.04 --> 00:03:29.00 and delete it here inside the Appearance panel 96 00:03:29.00 --> 00:03:30.08 by clicking in the Trash icon. 97 00:03:30.08 --> 00:03:32.09 And I can do that with all assurance 98 00:03:32.09 --> 00:03:34.09 because after all I saved that effect 99 00:03:34.09 --> 00:03:37.04 as a graphic style and now I'll try a new one 100 00:03:37.04 --> 00:03:39.02 by going to the Effect menu choosing 101 00:03:39.02 --> 00:03:42.05 Distort and Transform and choosing Zig Zag 102 00:03:42.05 --> 00:03:45.01 and this time I came up with a size value 103 00:03:45.01 --> 00:03:47.07 of two points and we might as well look at it, 104 00:03:47.07 --> 00:03:49.06 as I apply, it so we'll turn on 105 00:03:49.06 --> 00:03:51.00 the preview check box. 106 00:03:51.00 --> 00:03:52.07 That's not nearly enough ridges for segment, 107 00:03:52.07 --> 00:03:54.08 however, so I'll take that value up to a 100 108 00:03:54.08 --> 00:03:57.02 because after all we only have one segment 109 00:03:57.02 --> 00:03:59.05 in this single segment line. 110 00:03:59.05 --> 00:04:01.07 And that'll give us a lot of zigging and zagging 111 00:04:01.07 --> 00:04:03.06 and then I'll switch to smooth here 112 00:04:03.06 --> 00:04:06.00 in order to create these smooth lines 113 00:04:06.00 --> 00:04:07.05 and now I'll click OK and 114 00:04:07.05 --> 00:04:09.04 I love that, so I'll save that effect 115 00:04:09.04 --> 00:04:12.03 by Alt or Option clicking on a little page icon 116 00:04:12.03 --> 00:04:14.02 at the bottom of the Graphic Styles panel 117 00:04:14.02 --> 00:04:18.06 and I'll call this one Waving Lines and I'll click OK. 118 00:04:18.06 --> 00:04:21.02 Not sure if that's really the effect I want however 119 00:04:21.02 --> 00:04:23.04 so I'll select Zig Zag in the Appearance panel 120 00:04:23.04 --> 00:04:25.08 and I'll click on the Trash icon to get rid of it. 121 00:04:25.08 --> 00:04:27.08 And then I'll return to the Effect menu 122 00:04:27.08 --> 00:04:29.06 choose Distort and Transform and choose, 123 00:04:29.06 --> 00:04:32.07 this time, the Roughen command and I'll turn 124 00:04:32.07 --> 00:04:34.00 on the preview check box. 125 00:04:34.00 --> 00:04:37.01 That's way too much roughness I think 126 00:04:37.01 --> 00:04:39.08 so I'll switch to absolute so we're no longer 127 00:04:39.08 --> 00:04:42.05 working with a relative percentage but rather 128 00:04:42.05 --> 00:04:44.05 an absolute measurement of points 129 00:04:44.05 --> 00:04:46.00 now I'm going to take that value down 130 00:04:46.00 --> 00:04:48.00 to four points and then I'm going to tab to 131 00:04:48.00 --> 00:04:50.05 the Detail value and press Shift + Up Arrow 132 00:04:50.05 --> 00:04:52.09 a couple of times in order to take it up to 133 00:04:52.09 --> 00:04:55.08 30 per inches so 30 little ridges 134 00:04:55.08 --> 00:04:57.06 per inches in other-words, at which point, 135 00:04:57.06 --> 00:04:59.04 I could switch to smooth. 136 00:04:59.04 --> 00:05:01.04 But it doesn't make much difference 137 00:05:01.04 --> 00:05:03.02 so I'm going to stick with Corner 138 00:05:03.02 --> 00:05:05.01 which should ostensibly be easier 139 00:05:05.01 --> 00:05:07.00 and now I'll click OK. 140 00:05:07.00 --> 00:05:09.01 Now I want you to notice something 141 00:05:09.01 --> 00:05:12.04 if I had applied Roughen before Transform, 142 00:05:12.04 --> 00:05:14.06 and remember, the first effect is at the top 143 00:05:14.06 --> 00:05:16.06 the last effect is at the bottom. 144 00:05:16.06 --> 00:05:18.06 So if I applied Roughen first 145 00:05:18.06 --> 00:05:20.01 then Transform would just go ahead and 146 00:05:20.01 --> 00:05:22.05 repeat that same Roughen effect 147 00:05:22.05 --> 00:05:24.08 the thing is Roughen is a random effect 148 00:05:24.08 --> 00:05:26.04 and so if you want to make sure 149 00:05:26.04 --> 00:05:28.05 every line is different you need to 150 00:05:28.05 --> 00:05:30.09 apply Transform first to the lines 151 00:05:30.09 --> 00:05:34.04 and then Roughen afterwards to that result. 152 00:05:34.04 --> 00:05:37.07 In which case, every single line is different. 153 00:05:37.07 --> 00:05:39.06 Love it, so I'm going to save it 154 00:05:39.06 --> 00:05:41.09 by Alt or Option clicking on that Page icon 155 00:05:41.09 --> 00:05:43.04 and I'm going to call this guy 156 00:05:43.04 --> 00:05:47.04 Vibrating Lines, let's say, and click OK. 157 00:05:47.04 --> 00:05:49.05 And now if I ever want to revisit an effect 158 00:05:49.05 --> 00:05:52.03 all I have to do is click on one of these Styles 159 00:05:52.03 --> 00:05:54.01 either Spinning Lines, in order to produce 160 00:05:54.01 --> 00:05:55.06 this kind of wild vortex, 161 00:05:55.06 --> 00:05:59.07 which is a little bit bumpy in places you'll note, 162 00:05:59.07 --> 00:06:01.08 which I think is actually pretty great. 163 00:06:01.08 --> 00:06:04.05 Compare that with of course Waving Lines, 164 00:06:04.05 --> 00:06:06.00 which gets us this effect here 165 00:06:06.00 --> 00:06:08.06 and then finally Vibrating Lines. 166 00:06:08.06 --> 00:06:10.08 Which employs the Roughen effect. 167 00:06:10.08 --> 00:06:12.00 And that's how you experiment with 168 00:06:12.00 --> 00:06:14.00 Dynamic Effects so that you can learn 169 00:06:14.00 --> 00:06:16.04 what you're doing with absolutely no penalty 170 00:06:16.04 --> 00:06:20.02 using Graphic Styles here inside Illustrator.