0 1 00:00:00,164 --> 00:00:03,266 Hi there, in this video we're going to make this kind of effect... 1 2 00:00:03,414 --> 00:00:07,234 where it's kind of 3D and Gradients happening. 2 3 00:00:07,267 --> 00:00:09,219 It's very retro, very in. 3 4 00:00:09,383 --> 00:00:10,977 I don't even know what to call it. 4 5 00:00:11,242 --> 00:00:12,296 We'll do a couple of things... 5 6 00:00:12,321 --> 00:00:14,125 we'll look at some of the more advanced usage... 6 7 00:00:14,158 --> 00:00:18,179 and we'll add kind of a cool Grain to it as well to kind of grunge it up. 7 8 00:00:18,516 --> 00:00:21,469 All right, let's go do that now in Adobe Illustrator. 8 9 00:00:22,304 --> 00:00:23,500 Let's get started. 9 10 00:00:23,525 --> 00:00:26,563 I've opened up 'Blending 2' from the 'Exercise Files'. 10 11 00:00:26,588 --> 00:00:29,336 You really don't need to open it because it's just a grayed background. 11 12 00:00:30,492 --> 00:00:32,898 I have added some Gradients, which you might want to do. 12 13 00:00:33,102 --> 00:00:35,719 Regardless, let's start. We need two kind of things. 13 14 00:00:35,744 --> 00:00:37,953 We need our Gradient kind of line... 14 15 00:00:37,978 --> 00:00:40,242 and then, the shape that it's going to follow. 15 16 00:00:40,359 --> 00:00:43,156 So let's draw the Gradient first. We're going to draw an Ellipse. 16 17 00:00:43,750 --> 00:00:46,391 And I'm going to fill it with one of the Gradients I've got in here. 17 18 00:00:46,977 --> 00:00:49,727 Make sure it's got no Stroke; looks a bit weird with Stroke. 18 19 00:00:50,172 --> 00:00:53,070 So a Fill, any kind of Gradient, doesn't have to be this one. 19 20 00:00:53,250 --> 00:00:55,789 I'm going to make a duplicate of it, then I want to blend it. 20 21 00:00:55,977 --> 00:00:57,661 We'll be using different tools in this course. 21 22 00:00:57,686 --> 00:00:58,930 Let's go out for a shortcut time. 22 23 00:00:59,234 --> 00:01:02,125 'Command-Option-B' on my keyboard. 23 24 00:01:02,508 --> 00:01:06,632 If you're on a PC, it is 'Control-Alt-B'. 24 25 00:01:06,852 --> 00:01:09,031 They will do the blending just automatically. 25 26 00:01:09,586 --> 00:01:12,421 Let's double click the 'Blending Tool', and switch out the steps. 26 27 00:01:12,789 --> 00:01:15,539 Don't worry too much about how many steps you do here. 27 28 00:01:15,781 --> 00:01:18,070 We'll go high enough, let's go to '80'. 28 29 00:01:20,297 --> 00:01:23,609 That looks quite nice, you can start to see the banding, it's okay. 29 30 00:01:23,883 --> 00:01:26,250 Don't worry too much about it at this stage because... 30 31 00:01:26,383 --> 00:01:29,211 when we attach the line, we're going to have to adjust it quite a bit afterwards. 31 32 00:01:29,243 --> 00:01:30,624 So don't worry too much about it. 32 33 00:01:30,969 --> 00:01:32,289 And I want a couple of copies. 33 34 00:01:33,148 --> 00:01:35,179 I have a little copy over there, maybe a couple of copies. 34 35 00:01:36,554 --> 00:01:38,125 Now we need the Shape for it to follow. 35 36 00:01:38,258 --> 00:01:41,461 I'm going to use my 'Pencil Tool', it's underneath the Shaper Tool. 36 37 00:01:42,203 --> 00:01:44,562 I've double clicked my 'Pencil Tool', cranked up the Smoothing... 37 38 00:01:44,587 --> 00:01:46,344 and turned 'off' Keep Selected. 38 39 00:01:46,679 --> 00:01:49,398 Let's click 'OK'. Just helps with the flow of it. 39 40 00:01:49,423 --> 00:01:52,039 You could use the Curvature Tool, the Pen Tool, anything you like. 40 41 00:01:53,187 --> 00:01:55,203 I'm going to draw a squiggle. 41 42 00:01:58,453 --> 00:01:59,906 I have no Stroke on. 42 43 00:01:59,931 --> 00:02:02,859 So whatever Strokes you can see, my amazingness. 43 44 00:02:03,063 --> 00:02:06,039 Now I'm going to get this to follow, I've set to select both of them. 44 45 00:02:06,375 --> 00:02:08,570 Go to 'Object', go to 'Blend'. 45 46 00:02:08,852 --> 00:02:10,742 Let's go to 'Replace Spine'. 46 47 00:02:13,695 --> 00:02:14,781 It's kind of cool like that, right? 47 48 00:02:15,953 --> 00:02:17,773 All you need to do is increase the steps. 48 49 00:02:17,859 --> 00:02:19,867 So double click the 'Blend Tool'. 49 50 00:02:20,109 --> 00:02:21,742 And we're going to have to go quite high. 50 51 00:02:23,063 --> 00:02:24,249 We may have to play around... 51 52 00:02:24,274 --> 00:02:27,305 with how much you want, or don't want of these little dots. 52 53 00:02:28,016 --> 00:02:30,211 If you want it to be super smooth you have to go quite high. 53 54 00:02:30,236 --> 00:02:31,767 The only trouble with that though... 54 55 00:02:31,792 --> 00:02:35,627 is that you do run into potentially stressing your poor machine out. 55 56 00:02:37,486 --> 00:02:39,825 How high can I go, and what my machine does? 56 57 00:02:39,850 --> 00:02:41,252 A thousand, it turns out. 57 58 00:02:41,681 --> 00:02:42,587 Let's click 'OK'. 58 59 00:02:42,612 --> 00:02:44,025 So you probably, maybe-- 59 60 00:02:44,947 --> 00:02:46,580 I drew quite a long line. 60 61 00:02:46,605 --> 00:02:50,009 What you might do is draw shorter lines, so those 1000 steps work fine. 61 62 00:02:50,859 --> 00:02:52,476 I've practiced loads on this one... 62 63 00:02:53,540 --> 00:02:55,117 and it always comes up better than that. 63 64 00:02:56,493 --> 00:02:57,728 Felt like we failed there. 64 65 00:02:58,288 --> 00:03:00,398 You can also do hand drawn Type. 65 66 00:03:00,430 --> 00:03:01,426 So let's' quickly do that... 66 67 00:03:01,451 --> 00:03:04,093 and we'll look at some of the extra options like we saw at the beginning. 67 68 00:03:04,121 --> 00:03:07,332 So 'Pencil Tool', 'Stroke', I'm going to pick white. 68 69 00:03:08,049 --> 00:03:09,931 It doesn't have to be one continuous line. 69 70 00:03:10,465 --> 00:03:13,832 I wish I had my Wacom with me today. I'm stuck at home, it's snow day today. 70 71 00:03:13,857 --> 00:03:16,587 So that's why the audio sounds a little different... 71 72 00:03:16,612 --> 00:03:17,950 because I'm stuck inside. 72 73 00:03:18,746 --> 00:03:20,074 Or stuck in my home office. 73 74 00:03:22,684 --> 00:03:25,996 That's as good as this is going to get with a mouse. 74 75 00:03:26,504 --> 00:03:30,980 So there is one, two, three, four different ones. 75 76 00:03:31,005 --> 00:03:34,199 So for this to work we need four of these in total. 76 77 00:03:34,863 --> 00:03:36,066 Come here, fellas. 77 78 00:03:36,387 --> 00:03:39,246 And I'm going to go-- I'll keep a backup. 78 79 00:03:40,755 --> 00:03:42,847 I'm going to pick a different Gradient. 79 80 00:03:46,036 --> 00:03:49,794 At the moment it's really hard to adjust, because they're kind of stuck in a blend. 80 81 00:03:49,904 --> 00:03:53,036 What you can do is you can double click these guys to go inside. 81 82 00:03:53,520 --> 00:03:56,966 Inside this blend, and I'm going to pick the first and last guy. 82 83 00:03:57,185 --> 00:04:00,169 You don't have to have the same things, they can change over time. 83 84 00:04:00,286 --> 00:04:02,919 Let's see what that looks like. So we'll change this first one... 84 85 00:04:03,169 --> 00:04:05,755 to this kind of bluish green one. 85 86 00:04:06,418 --> 00:04:08,606 We'll see what these two different changes do. 86 87 00:04:08,857 --> 00:04:11,638 To come out, double click that arrow a few times. 87 88 00:04:11,663 --> 00:04:14,177 Now I don't want you guys, I want this new fella. 88 89 00:04:14,568 --> 00:04:17,098 So I'm going to duplicate one, use our shortcut. 89 90 00:04:17,123 --> 00:04:20,341 It's 'Command D', or 'Control D' on a PC, to duplicate it. 90 91 00:04:21,755 --> 00:04:24,622 Now you-- doesn't really matter where they are. 91 92 00:04:25,068 --> 00:04:26,161 And you... 92 93 00:04:27,063 --> 00:04:28,227 let's blend them. 93 94 00:04:28,252 --> 00:04:30,990 Go to 'Object', 'Blend', 'Replace Spine'. 94 95 00:04:33,013 --> 00:04:37,029 Now, also what you might do, this guy here is a bit big maybe. 95 96 00:04:38,607 --> 00:04:41,380 So you can change it now, and he can have a-- 96 97 00:04:41,405 --> 00:04:44,193 So this is kind of like your Stroke Weight. 97 98 00:04:44,591 --> 00:04:45,763 Let's go again. 98 99 00:04:47,200 --> 00:04:48,161 'Replace Spine'. 99 100 00:04:48,833 --> 00:04:50,958 Also what we're going to have to do, is with this guy selected... 100 101 00:04:51,521 --> 00:04:55,169 let's go to, double click the 'Blending Tool', and 'Specified Steps'. 101 102 00:04:55,341 --> 00:04:56,935 You can go Specified Distance... 102 103 00:04:56,998 --> 00:05:00,052 and go-- actually I want this to be just 1pt away, click 'Preview'. 103 104 00:05:00,754 --> 00:05:03,644 Freak it out a little bit, and it will just kind of keep them 1pt away... 104 105 00:05:03,669 --> 00:05:05,332 rather than the amount of steps. 105 106 00:05:05,457 --> 00:05:08,269 Do make sure you expand this at the end... 106 107 00:05:08,294 --> 00:05:10,683 because it's an active effect, and kind of stress everything out. 107 108 00:05:10,708 --> 00:05:12,645 It's already. My fan's already come on. 108 109 00:05:13,435 --> 00:05:16,113 A few things that we can do to make this-- 109 110 00:05:16,138 --> 00:05:19,246 Actually I'm going to fast forward now to have the whole Dan thing done. 110 111 00:05:19,450 --> 00:05:20,848 So let's go fast forward it now. 111 112 00:05:37,903 --> 00:05:39,059 All right, you're back. 112 113 00:05:40,059 --> 00:05:41,932 A couple of things I want to show you... 113 114 00:05:42,451 --> 00:05:44,856 to kind of tidy these things up. 114 115 00:05:44,989 --> 00:05:48,129 Is with this selected, often you want to play around with... 115 116 00:05:48,371 --> 00:05:52,129 'Object', 'Blend', and who's at the front, and who's at the back. 116 117 00:05:52,154 --> 00:05:54,262 If you reverse the front and back-- 117 118 00:05:54,287 --> 00:05:56,520 that's kind of more what I was looking for. 118 119 00:05:56,614 --> 00:05:58,254 I'm going to select all of these guys. 119 120 00:05:58,778 --> 00:06:00,293 Do I like that? I'm not sure. 120 121 00:06:00,318 --> 00:06:02,637 These are all kind of trial and error here. 121 122 00:06:02,864 --> 00:06:06,840 So 'Object', 'Blend', 'Reverse Front to Back'. 122 123 00:06:08,325 --> 00:06:10,215 Bits of what I like, bits of what I don't. 123 124 00:06:10,668 --> 00:06:12,457 Other things you can do is you can edit it. 124 125 00:06:12,996 --> 00:06:16,293 I like to go to 'Command Y', or 'Control Y' on a PC. 125 126 00:06:16,318 --> 00:06:18,246 You can edit a couple of things, the Splines... 126 127 00:06:20,395 --> 00:06:22,450 and the kind of circles we're using for blending. 127 128 00:06:22,655 --> 00:06:24,858 I'm going to grab my White Arrow, my 'Direct Selection Tool'. 128 129 00:06:24,975 --> 00:06:30,248 And let's say that I want this kind of work to be a lot bigger. 129 130 00:06:31,093 --> 00:06:34,467 I want maybe a Pen Tool, I'm getting a little bit-- 130 131 00:06:37,806 --> 00:06:39,663 The curvier, I know, the curvier the better, but... 131 132 00:06:42,100 --> 00:06:44,506 you can spend a bit more time here fixing these up. 132 133 00:06:44,710 --> 00:06:45,975 Also, these guys here. 133 134 00:06:46,163 --> 00:06:48,374 Now I've got a beginning and ending shape, right? 134 135 00:06:48,514 --> 00:06:50,343 So actually let's go 'Command Y'. 135 136 00:06:52,272 --> 00:06:53,694 So we've kind of fixed that one. 136 137 00:06:53,719 --> 00:06:55,975 You can play around with the beginning and ending shape. 137 138 00:06:56,225 --> 00:06:57,538 I'm going to zoom in. 138 139 00:06:58,577 --> 00:07:00,889 I'll grab my 'White Arrow' tool, I click on him. 139 140 00:07:01,046 --> 00:07:02,865 I'm going to try and click on one with my 'Black Arrow'. 140 141 00:07:02,890 --> 00:07:04,038 I'm going to double click on him... 141 142 00:07:04,382 --> 00:07:05,483 till I go inside of him. 142 143 00:07:05,508 --> 00:07:08,038 And that guy can be a lot bigger. 143 144 00:07:08,614 --> 00:07:09,668 Let's have a look. 144 145 00:07:10,403 --> 00:07:13,707 'Command Y'; they don't have to be the same size there. 145 146 00:07:15,832 --> 00:07:18,819 Kind of-- let's say it's clever. 146 147 00:07:18,844 --> 00:07:21,379 Looks like a neon kind of color. 147 148 00:07:22,418 --> 00:07:23,567 What else can we do? 148 149 00:07:23,792 --> 00:07:25,457 Sometimes what I like to do is... 149 150 00:07:25,482 --> 00:07:28,754 see this bad one here, like it's not my favorite... 150 151 00:07:28,779 --> 00:07:31,582 but what I'd like to do with the Gradients-- 151 152 00:07:31,607 --> 00:07:33,891 Let's go inside this one, so I'm going to double click the edge. 152 153 00:07:35,191 --> 00:07:38,199 Double click it, and come back inside the Blend, I can see the Fill here. 153 154 00:07:38,557 --> 00:07:42,205 What I'd like to do is, go to 'Fill', 'Gradient Options'... 154 155 00:07:42,362 --> 00:07:44,471 and maybe just tuck that in a little bit, right?.. 155 156 00:07:45,127 --> 00:07:46,674 and add another one, so just click... 156 157 00:07:47,041 --> 00:07:50,228 Just drag that one, then click somewhere down here, that makes a new Swatch. 157 158 00:07:50,253 --> 00:07:51,674 I want to double click that Swatch... 158 159 00:07:51,969 --> 00:07:55,999 and go to my favorite, Hue, Saturation, Brightness... 159 160 00:07:56,242 --> 00:07:58,312 and just drag down this a little bit. 160 161 00:07:59,203 --> 00:08:02,000 See this happening here, it gets rid of-- I find, sometimes it just... 161 162 00:08:02,359 --> 00:08:05,250 needs a little bit of that, to kind of get the depth right. 162 163 00:08:07,680 --> 00:08:09,218 Is it better? It's not much better... 163 164 00:08:09,243 --> 00:08:13,109 but it's got a bit more 3D shininess to it. 164 165 00:08:13,134 --> 00:08:14,911 You can add a little bit of highlight on one side... 165 166 00:08:14,936 --> 00:08:16,985 just a really slim bit of white. 166 167 00:08:17,591 --> 00:08:18,585 That can look quite cool. 167 168 00:08:18,610 --> 00:08:19,596 When you're finished... 168 169 00:08:20,909 --> 00:08:22,016 double click this arrow here. 169 170 00:08:24,992 --> 00:08:26,211 My machine is struggling. 170 171 00:08:26,914 --> 00:08:28,008 The fans are going. 171 172 00:08:28,156 --> 00:08:30,835 Now, the other thing, I'll just talk about it. 172 173 00:08:30,868 --> 00:08:34,602 Doesn't have to be circles, right? We can use squares, triangles, stars. 173 174 00:08:34,875 --> 00:08:36,396 Better if they have to be the same at both ends... 174 175 00:08:36,421 --> 00:08:37,906 one could be a circle, one could be a star. 175 176 00:08:37,931 --> 00:08:39,383 We get some really cool effects. 176 177 00:08:39,578 --> 00:08:41,968 One last thing I want to do is, I want to show you... 177 178 00:08:42,211 --> 00:08:43,411 some kind of Grain. 178 179 00:08:44,185 --> 00:08:44,999 This one here. 179 180 00:08:45,024 --> 00:08:47,201 Now, if you're finding, like mine is stressing out... 180 181 00:08:47,226 --> 00:08:48,352 and you're happy with it... 181 182 00:08:48,377 --> 00:08:50,664 you're like, "Man, that's the kind of thing I wanted to do"... 182 183 00:08:54,000 --> 00:08:56,015 You can select it all. Can you remember where to go? 183 184 00:08:56,125 --> 00:09:00,312 'Object', 'Blend', and we're going to go to 'Expand'. 184 185 00:09:01,211 --> 00:09:02,531 And is it better? 185 186 00:09:02,766 --> 00:09:04,562 What happens is, it's lots of shapes... 186 187 00:09:04,595 --> 00:09:07,093 but it's going to be less stressful on this computer... 187 188 00:09:07,234 --> 00:09:09,132 than the Blend mode trying to do it. 188 189 00:09:09,344 --> 00:09:11,710 The only trouble is it's not kind of editable like it was before. 189 190 00:09:11,735 --> 00:09:13,999 It's just zillions of little shapes. Cool. 190 191 00:09:14,336 --> 00:09:16,937 So adding a bit of Grain height to some of the bending. 191 192 00:09:17,588 --> 00:09:20,219 This looks kind of cool, it's the Film Grain type of thing. 192 193 00:09:20,453 --> 00:09:21,914 And we do it this way. 193 194 00:09:21,939 --> 00:09:24,891 So I'm going to grab the 'Rectangle Tool'... 194 195 00:09:25,766 --> 00:09:27,432 and we're going to draw a rectangle over the whole thing... 195 196 00:09:27,457 --> 00:09:30,034 because I wanted it to go across the gray as well. 196 197 00:09:32,039 --> 00:09:34,023 I'm going to fill it with white. 197 198 00:09:35,357 --> 00:09:36,427 I'm going to have no Stroke. 198 199 00:09:37,395 --> 00:09:39,825 And it's an effect up here called 'Effect'... 199 200 00:09:40,458 --> 00:09:43,825 down to 'Texture', then go to 'Grain'. 200 201 00:09:46,591 --> 00:09:48,950 Mine is kind of set from when I was practicing before. 201 202 00:09:48,982 --> 00:09:51,745 Mine's 40 x 50, it really depends on the size of the box. 202 203 00:09:51,770 --> 00:09:53,479 You can use like, what kind of Grain you want... 203 204 00:09:53,504 --> 00:09:54,724 intensity, I'll crank it up. 204 205 00:09:54,749 --> 00:09:56,201 You can see, kind of gets a bit more grainy. 205 206 00:09:56,226 --> 00:09:57,943 Depends on the kind of look you're looking for. 206 207 00:09:58,168 --> 00:10:01,098 You can play around, what kind of Grain, there's all sorts of stuff you can do. 207 208 00:10:01,370 --> 00:10:02,573 Let's click 'OK'. 208 209 00:10:02,598 --> 00:10:05,167 Doesn't quite work, right? You've got just this big white box... 209 210 00:10:05,192 --> 00:10:07,581 but remember, our Color Blending modes. 210 211 00:10:08,753 --> 00:10:10,511 Remember, pop quiz Where is it? 211 212 00:10:11,034 --> 00:10:12,511 Click on 'Opacity'. 212 213 00:10:12,675 --> 00:10:16,238 Or if you're on an older version, go to 'Window', 'Appearance'. 213 214 00:10:16,480 --> 00:10:18,198 Click on 'Opacity', and here, 'Normal'. 214 215 00:10:18,223 --> 00:10:20,613 Probably we'll do Multiply; everything works on Multiply, right? 215 216 00:10:21,550 --> 00:10:23,628 Play around with this for once, but this just gives-- 216 217 00:10:23,831 --> 00:10:25,535 I've overcooked it, I totally have... 217 218 00:10:25,769 --> 00:10:28,776 but you get the idea there. 218 219 00:10:28,801 --> 00:10:30,284 I really want to go back and change this. 219 220 00:10:30,309 --> 00:10:31,319 The cool thing about it... 220 221 00:10:31,344 --> 00:10:33,402 it's in Active effect, so I can click on 'Grain'... 221 222 00:10:34,113 --> 00:10:35,261 and go back and say-- 222 223 00:10:35,433 --> 00:10:38,238 Actually Dan, what if it was kind of cool, so I'm messing it up. 223 224 00:10:39,105 --> 00:10:40,105 Let's have a look. 224 225 00:10:40,863 --> 00:10:42,620 I feel like that's kind of a happy medium. 225 226 00:10:42,980 --> 00:10:44,050 Maybe you're still a bit much... 226 227 00:10:44,075 --> 00:10:47,285 but adds a little bit of texture to your really strong vector. 227 228 00:10:47,925 --> 00:10:50,089 So it is class exercise time. 228 229 00:10:51,034 --> 00:10:52,753 It's going to be a pretty easy one to understand. 229 230 00:10:52,778 --> 00:10:54,597 I want you to make your own name... 230 231 00:10:55,269 --> 00:10:57,120 and add all the shapes. 231 232 00:10:57,589 --> 00:11:02,073 I want to just see some 3D blobby goodness. 232 233 00:11:02,098 --> 00:11:03,284 Maybe some caterpillars. 233 234 00:11:04,269 --> 00:11:08,808 I'd like you to share it on this website here as a project... 234 235 00:11:09,331 --> 00:11:12,581 but I'd love to see it on Twitter and Instagram. 235 236 00:11:15,050 --> 00:11:19,456 Instagram is bringyourownlaptop, and Twitter is danlovesadobe. 236 237 00:11:19,481 --> 00:11:21,761 You've probably got this burned into your heads now. 237 238 00:11:22,125 --> 00:11:24,828 All right, I will see you in the next video. 238 239 00:11:25,031 --> 00:11:25,789 Bye now.