0 1 00:00:00,813 --> 00:00:04,633 Hi there, in this video we're going to make lots and lots of lines. 1 2 00:00:04,658 --> 00:00:05,625 We'll make them join up... 2 3 00:00:05,650 --> 00:00:09,234 and do cool Geometry and Sign Graph looking things. 3 4 00:00:09,609 --> 00:00:11,211 Also lots of Gradients. 4 5 00:00:11,236 --> 00:00:12,500 All right, let's get started. 5 6 00:00:12,711 --> 00:00:15,531 To get started, open up 'blending.ai'. 6 7 00:00:15,556 --> 00:00:17,129 You don't really need to, all I got... 7 8 00:00:17,154 --> 00:00:19,156 is a happy little whale along the corner there. 8 9 00:00:19,181 --> 00:00:20,289 You can do it with anything. 9 10 00:00:20,314 --> 00:00:23,773 So first up we need to understand how blending works. 10 11 00:00:23,798 --> 00:00:26,305 There's a couple of little principles to understand, and then... 11 12 00:00:26,330 --> 00:00:27,882 we go off and make some really fun stuff. 12 13 00:00:28,359 --> 00:00:30,070 The first thing is... 13 14 00:00:30,095 --> 00:00:34,383 I'm just going to grab the 'Ellipse Tool', and give it a Fill of 'none'. 14 15 00:00:34,500 --> 00:00:36,284 And a Stroke of 'white'... 15 16 00:00:36,550 --> 00:00:38,531 just so I can see it against my dark background here. 16 17 00:00:39,078 --> 00:00:40,570 I'll draw a circle, holding 'Shift'. 17 18 00:00:41,031 --> 00:00:44,109 And I want another one, I'm going to copy it, and paste it... 18 19 00:00:44,500 --> 00:00:47,242 and drag it out, so I got two of them. 19 20 00:00:47,508 --> 00:00:49,289 Now what Blending does, it says... 20 21 00:00:49,314 --> 00:00:51,602 you select all of them, and you say, I want to join these two. 21 22 00:00:51,843 --> 00:00:55,351 The way you do it, there's a Blending Tool over here, so click on this guy. 22 23 00:00:56,070 --> 00:00:57,883 And you click on, it's best to click on Anchors... 23 24 00:00:57,908 --> 00:00:58,914 you can click on anywhere... 24 25 00:00:58,939 --> 00:01:01,188 but I want to blend that side to that side. 25 26 00:01:01,213 --> 00:01:03,383 I'll just click once, click twice, and it blends it. 26 27 00:01:03,625 --> 00:01:05,711 In our case, it's just done one step. 27 28 00:01:06,063 --> 00:01:08,578 To change how many steps are in between these blends... 28 29 00:01:08,603 --> 00:01:10,727 all you need to do is double click the 'Blend Tool'. 29 30 00:01:11,512 --> 00:01:12,914 You got a couple of options. 30 31 00:01:13,156 --> 00:01:15,791 Smooth Color will kind of work... 31 32 00:01:15,816 --> 00:01:17,969 when you got different colors between the two circles. 32 33 00:01:17,994 --> 00:01:19,688 Now the two, both of them are white. 33 34 00:01:19,713 --> 00:01:22,086 I can never seem to guess which color will work for me. 34 35 00:01:22,469 --> 00:01:25,391 The one that you'll use the most is Specified Steps. 35 36 00:01:25,531 --> 00:01:27,750 Specified Distance, you can say... 36 37 00:01:27,775 --> 00:01:31,852 I want it to be exactly 4pts apart, so you might decide that-- 37 38 00:01:32,117 --> 00:01:35,078 we're going to use this one mostly in this course, Specified Steps. 38 39 00:01:35,320 --> 00:01:37,047 Let's turn it up to, say '8'. 39 40 00:01:37,609 --> 00:01:40,273 I'll turn my Preview on, and you can see, it kind of joins them up. 40 41 00:01:40,594 --> 00:01:44,281 You'll see, because the width of my Stroke are little different... 41 42 00:01:44,321 --> 00:01:45,937 it kind of blends them as it goes out. 42 43 00:01:45,969 --> 00:01:47,305 Now this is an active effect. 43 44 00:01:47,344 --> 00:01:50,903 Like it's kind of applied the whole time, so you can turn it on and off... 44 45 00:01:50,928 --> 00:01:53,787 by going up to 'Object', 'Blend'... 45 46 00:01:53,973 --> 00:01:55,954 and you can say, you do 'Expand'... 46 47 00:01:55,979 --> 00:01:59,185 to kind of stop it doing it, and give you all those circles... 47 48 00:01:59,270 --> 00:02:01,809 or you can 'Release' and say, go back to how it was. 48 49 00:02:02,057 --> 00:02:04,299 The other thing you might look at is-- 49 50 00:02:04,846 --> 00:02:05,932 I'm going to undo that. 50 51 00:02:05,957 --> 00:02:08,408 Is that there are still editable shapes. 51 52 00:02:08,433 --> 00:02:11,612 So I'm going to grab the 'White Arrow', and click on this outside shape here. 52 53 00:02:12,275 --> 00:02:15,143 Couple of things I can do, I can change the width. 53 54 00:02:15,401 --> 00:02:18,760 You can see, it's kind of updating as we work. 54 55 00:02:19,260 --> 00:02:22,504 You can also start dragging it around, and grab this side as well, and... 55 56 00:02:23,754 --> 00:02:25,902 I don't know what I'm doing, but you get the idea, right? 56 57 00:02:25,927 --> 00:02:27,903 Both inner and outer shapes are editable. 57 58 00:02:27,928 --> 00:02:29,606 You might want to jump to... 58 59 00:02:29,631 --> 00:02:32,543 'Command Y' on a Mac, or 'Control Y' on a PC... 59 60 00:02:32,568 --> 00:02:33,918 which is Outline Mode. 60 61 00:02:33,943 --> 00:02:35,223 Just to see. 61 62 00:02:35,418 --> 00:02:37,254 So long as it's easy, just to see it in here. 62 63 00:02:37,279 --> 00:02:39,949 And sometimes if you type in, we've typed in 8. 63 64 00:02:39,974 --> 00:02:42,496 If you're like, "Oh, we're typing in what looks like a thousand"... 64 65 00:02:42,684 --> 00:02:45,308 prepare for your computer to roll over and die. 65 66 00:02:46,387 --> 00:02:50,043 It will handle small numbers fine, but really high numbers, it will struggle. 66 67 00:02:50,332 --> 00:02:53,213 So let's have a look at a couple of other fundamentals. 67 68 00:02:53,238 --> 00:02:54,934 Let's put this thing we've made. 68 69 00:02:56,301 --> 00:02:57,465 You're going over there, buddy. 69 70 00:02:58,457 --> 00:02:59,582 Never to be seen again. 70 71 00:02:59,607 --> 00:03:01,161 Let's grab this. 71 72 00:03:01,676 --> 00:03:05,019 Why is he white with the Stroke? I had it selected before by accident. 72 73 00:03:05,457 --> 00:03:09,075 So I'm going to give him a Fill color of one of these lovely Gradients. 73 74 00:03:10,121 --> 00:03:12,153 And I'm going to get rid of the white Stroke. 74 75 00:03:13,590 --> 00:03:14,762 And we'll bring him in. 75 76 00:03:17,205 --> 00:03:19,158 We're going to blend two fellows. 76 77 00:03:19,183 --> 00:03:20,871 So I'm going to have one guy, drag it... 77 78 00:03:20,896 --> 00:03:24,087 hold down 'Alt' key on my PC, or 'Option' key on a Mac. 78 79 00:03:24,112 --> 00:03:25,213 We're going to have two copies. 79 80 00:03:25,245 --> 00:03:27,654 Let's look at changing the Fill on the second one as well. 80 81 00:03:27,679 --> 00:03:29,025 Pick any of these ones in here. 81 82 00:03:29,697 --> 00:03:31,471 The cool thing about Blending is that... 82 83 00:03:31,503 --> 00:03:34,119 when you got different colors, it will do them for you as well. 83 84 00:03:34,307 --> 00:03:37,767 So 'Blending Tool', click a point, click the other point. 84 85 00:03:38,080 --> 00:03:39,853 Blends them not very excitingly. 85 86 00:03:40,619 --> 00:03:43,103 But if you double click the tool, specify the steps... 86 87 00:03:43,128 --> 00:03:45,322 so let's go to something like 10. 87 88 00:03:47,197 --> 00:03:48,376 Turn Preview on. 88 89 00:03:48,494 --> 00:03:50,557 It will blend the colors. 89 90 00:03:50,830 --> 00:03:52,408 There's two things we'll look at now. 90 91 00:03:52,433 --> 00:03:55,244 Is that there's actually a spine that is being created. 91 92 00:03:55,392 --> 00:03:58,579 You can kind of see it there, it's just kind of a light red line. 92 93 00:03:58,604 --> 00:04:00,447 Red line that runs through the middle. 93 94 00:04:00,923 --> 00:04:03,212 I can click on that and adjust it, that's the-- 94 95 00:04:03,353 --> 00:04:04,900 Actually let's click off. 95 96 00:04:05,111 --> 00:04:07,431 So this guy is a little group, if I want to adjust them... 96 97 00:04:07,456 --> 00:04:10,111 I got to double click them to go into Isolation mode. 97 98 00:04:10,517 --> 00:04:14,283 So I'm inside this blend, I can click on this guy once, just drag him down... 98 99 00:04:14,502 --> 00:04:18,283 and when I'm ready to come back out, click this arrow until it goes away. 99 100 00:04:18,619 --> 00:04:19,736 Now we're out again. 100 101 00:04:19,761 --> 00:04:24,212 This gives me kind of a clear understanding of that spine. 101 102 00:04:24,548 --> 00:04:27,493 If I grab the White Arrow, and click on the spine, say this end here... 102 103 00:04:27,518 --> 00:04:28,986 you can kind of see that they're easier. 103 104 00:04:29,275 --> 00:04:31,033 You can adjust this guy now. 104 105 00:04:31,058 --> 00:04:32,830 A little bit easier than going inside. 105 106 00:04:32,857 --> 00:04:34,693 Other thing you can do is you can edit it. 106 107 00:04:34,718 --> 00:04:37,787 So Pen Tool, Curvature Tool, whatever tool you're good at... 107 108 00:04:39,021 --> 00:04:41,271 you can start bending that spine. 108 109 00:04:41,951 --> 00:04:43,553 Then you kind of run into, not problems... 109 110 00:04:43,578 --> 00:04:46,167 you might run into a Style, or something you want to do... 110 111 00:04:46,192 --> 00:04:46,862 where you're like... 111 112 00:04:46,887 --> 00:04:49,665 "Actually I want that guy to be at the front, and that guy at the back." 112 113 00:04:51,045 --> 00:04:52,771 It's working probably the way I want it, but let's test that. 113 114 00:04:53,061 --> 00:04:57,169 With it selected, go to 'Object', and down to 'Blend'. 114 115 00:04:57,576 --> 00:04:59,701 And this is kind of all hard core stuff gets done. 115 116 00:05:00,576 --> 00:05:03,154 We want to go to the one that says 'Reverse Front to Back'. 116 117 00:05:03,498 --> 00:05:05,834 You can see, now this guy's at the front, and that guy's at the back. 117 118 00:05:06,115 --> 00:05:07,443 Click off, there you go. 118 119 00:05:07,959 --> 00:05:10,415 Last thing before we get into drawing cool shapes... 119 120 00:05:10,440 --> 00:05:14,225 is with it selected, if we go to 'Object', and go to 'Blend'... 120 121 00:05:14,482 --> 00:05:15,771 we go to 'Blend Options'... 121 122 00:05:15,881 --> 00:05:17,717 actually probably it's easy just double clicking the tool. 122 123 00:05:17,742 --> 00:05:19,841 It's this one here that didn't do anything... 123 124 00:05:19,866 --> 00:05:21,352 it doesn't do anything when there's a straight line... 124 125 00:05:21,377 --> 00:05:22,524 but when there's a curved line... 125 126 00:05:22,818 --> 00:05:24,271 turn Preview 'on', you can see... 126 127 00:05:24,563 --> 00:05:27,458 it orients itself to the line, and kind of moves across. 127 128 00:05:28,313 --> 00:05:29,209 I like that... 128 129 00:05:29,234 --> 00:05:30,982 and I'm going to change this one back... 129 130 00:05:31,256 --> 00:05:32,717 to 'Reverse Front to Back'. 130 131 00:05:35,021 --> 00:05:36,154 Totally wrecking it. 131 132 00:05:37,014 --> 00:05:38,896 So let's leave our whale friend... 132 133 00:05:40,521 --> 00:05:41,303 over here... 133 134 00:05:41,328 --> 00:05:43,008 and let's start building some of those... 134 135 00:05:43,033 --> 00:05:45,326 kind of nice fancy lines we saw at the beginning there. 135 136 00:05:45,639 --> 00:05:49,169 We're going to only introduce one more kind of idea from that. 136 137 00:05:51,169 --> 00:05:54,123 What you see lot on it, that kind of Sign Graph, kind of... 137 138 00:05:54,412 --> 00:05:56,100 the front cover of an album. 138 139 00:05:57,631 --> 00:05:58,896 Ah, I can't think of it... 139 140 00:05:58,929 --> 00:06:01,076 but let's do that. 140 141 00:06:01,101 --> 00:06:02,875 We're going to start with squiggly shapes. 141 142 00:06:02,900 --> 00:06:05,115 You can draw your squiggly shapes any way you like. 142 143 00:06:05,140 --> 00:06:06,975 I'm going to use the Pencil Tool. 143 144 00:06:07,185 --> 00:06:09,529 So the Pencil Tool, underneath the Shaper Tool. 144 145 00:06:10,287 --> 00:06:12,186 You could use the Pen Tool, or Curvature Tool. 145 146 00:06:12,318 --> 00:06:14,873 If we double click the 'Pencil Tool', and yank up the Smoothing... 146 147 00:06:14,898 --> 00:06:17,404 and turn 'off' Keep Selected, and Fill-- 147 148 00:06:18,006 --> 00:06:19,271 make yours look like mine. 148 149 00:06:19,607 --> 00:06:21,115 It just helps your drawing. 149 150 00:06:21,373 --> 00:06:23,334 Now what we want is, I'm going to-- 150 151 00:06:23,607 --> 00:06:25,842 Nothing selected, 'Drawing Tool'. 151 152 00:06:25,867 --> 00:06:27,802 I'm going to have a Stroke, no Fill. 152 153 00:06:27,928 --> 00:06:29,264 My Stroke is-- 153 154 00:06:29,289 --> 00:06:30,756 I've got Gradients in this file. 154 155 00:06:30,781 --> 00:06:33,412 If you're not using my file, you'll have to make your own Gradients. 155 156 00:06:33,639 --> 00:06:35,857 I'm going to start with this one, looks kind of cool. 156 157 00:06:36,311 --> 00:06:38,683 I'm just going to draw a top shape and a bottom shape... 157 158 00:06:38,708 --> 00:06:39,998 and it's just a squiggly line. 158 159 00:06:40,381 --> 00:06:43,100 You notice, when I let go, can you see, it did a nice kind of-- 159 160 00:06:43,125 --> 00:06:44,181 it smooths my lines up... 160 161 00:06:44,206 --> 00:06:46,280 I don't want that curve for no reason other than... 161 162 00:06:46,357 --> 00:06:47,383 it works with curves. 162 163 00:06:47,408 --> 00:06:49,217 Just I like it without it. 163 164 00:06:49,318 --> 00:06:52,708 And this bottom one is going to be more of a zig zaggy kind of one. 164 165 00:06:52,912 --> 00:06:54,279 Got some zig zags, Dan. 165 166 00:06:54,826 --> 00:06:55,951 More curvy. 166 167 00:06:56,271 --> 00:06:57,763 Let's just see where that point happens. 167 168 00:06:57,795 --> 00:06:59,606 So I've got these two parts now. 168 169 00:06:59,806 --> 00:07:01,654 Now all I need to do, same as before... 169 170 00:07:01,679 --> 00:07:03,766 like our two whales, let's select them both... 170 171 00:07:04,368 --> 00:07:07,204 and grab my Blender Tool. 171 172 00:07:07,581 --> 00:07:08,782 Click '2pts'. 172 173 00:07:09,360 --> 00:07:12,165 I'm clicking the ones that match, and they join this way. 173 174 00:07:12,190 --> 00:07:15,415 You can even undo and click this one, and the one over here. 174 175 00:07:15,900 --> 00:07:17,993 It does something different, it's trying to flip itself around... 175 176 00:07:18,018 --> 00:07:20,673 and it looks kind of cool, we'll experiment with that afterwards. 176 177 00:07:20,698 --> 00:07:23,514 I'm going to go for the sure-fire looks great way 177 178 00:07:23,996 --> 00:07:25,559 And again, we don't have enough. 178 179 00:07:25,723 --> 00:07:28,067 So we're going to double click this. 179 180 00:07:28,270 --> 00:07:30,817 Go to 'Specified Steps', crank it up. 180 181 00:07:33,363 --> 00:07:34,926 And hey, now we're talking. 181 182 00:07:36,942 --> 00:07:38,199 I love it. Done. 182 183 00:07:38,652 --> 00:07:39,715 What we can do... 183 184 00:07:40,488 --> 00:07:42,086 first of all, I'm just going to select this one... 184 185 00:07:42,111 --> 00:07:43,465 down the bottom here with my White Arrow... 185 186 00:07:43,490 --> 00:07:44,887 and open up my 'Stroke'... 186 187 00:07:45,536 --> 00:07:46,997 so I want the Gradient panel... 187 188 00:07:47,223 --> 00:07:48,692 because what I'd like to do is... 188 189 00:07:48,717 --> 00:07:51,911 you my friend, I would like to kind of flip it over... 189 190 00:07:52,294 --> 00:07:53,677 to kind of get that sort of effect. 190 191 00:07:56,981 --> 00:07:58,966 The kind of next thing will be... 191 192 00:07:58,991 --> 00:08:01,294 extra addition that we're going to learn here is..... 192 193 00:08:02,692 --> 00:08:04,981 the spine is kind of a nice straight line... 193 194 00:08:05,006 --> 00:08:07,295 but what we're going to do is actually create our own spine... 194 195 00:08:07,320 --> 00:08:08,699 so I'm going to move this guy over... 195 196 00:08:08,964 --> 00:08:11,675 and you can create anything, you can choose a circle, a square... 196 197 00:08:11,700 --> 00:08:15,378 I'm going to use my Pencil Tool and draw a thing. 197 198 00:08:16,917 --> 00:08:20,159 And now when I select these two, you can override that spine. 198 199 00:08:20,417 --> 00:08:21,417 You can say... 199 200 00:08:21,442 --> 00:08:24,526 under 'Object', you can go to 'Blend'... 200 201 00:08:24,551 --> 00:08:26,862 and you can say, actually, 'Replace the Spine'. 201 202 00:08:26,887 --> 00:08:28,760 The one that you've made with the one I've drawn. 202 203 00:08:29,026 --> 00:08:31,425 You end up with bananas craziness... 203 204 00:08:31,450 --> 00:08:32,776 but this is where it gets kind of cool, right? 204 205 00:08:32,801 --> 00:08:35,909 It's kind of 3 Dimensional Sign Graphy stuff. 205 206 00:08:37,855 --> 00:08:40,956 One thing I might do is go and increase the spines. 206 207 00:08:41,089 --> 00:08:43,698 I'm going to go do that now, play around. 207 208 00:08:45,362 --> 00:08:47,729 Now you understand the kind of fundamentals... 208 209 00:08:47,964 --> 00:08:51,221 what I really like you to do is experiment. 209 210 00:08:51,246 --> 00:08:53,605 Experiment with colors, experiment with shapes. 210 211 00:08:53,630 --> 00:08:55,729 I'd love to see your experiments. 211 212 00:08:55,754 --> 00:08:58,628 So this is going to be set as a Class Project. 212 213 00:08:59,745 --> 00:09:01,886 Come up with as many as you like. 213 214 00:09:02,612 --> 00:09:06,698 At least one, to twenty, but I want to see them. 214 215 00:09:07,737 --> 00:09:10,347 Put them up here on the website, so everyone else can see. 215 216 00:09:10,372 --> 00:09:14,534 Also share them with me on Instagram and on Twitter. 216 217 00:09:14,816 --> 00:09:16,831 Remember, Instagram it's bringyourownlaptop... 217 218 00:09:16,856 --> 00:09:19,347 and on Twitter, it's danlovesadobe. 218 219 00:09:19,742 --> 00:09:21,165 All right my friends... 219 220 00:09:21,190 --> 00:09:24,407 go off and make awesome lines that blend together.