0 1 00:00:00,141 --> 00:00:05,250 Hi, and welcome to this Ribbon making class in Adobe Illustrator. 1 2 00:00:05,570 --> 00:00:07,516 We're going to use an Envelope Distort... 2 3 00:00:07,548 --> 00:00:11,515 and particularly a Mesh to make this pretty rainbow ribbon. 3 4 00:00:11,789 --> 00:00:12,898 All right, let's jump in. 4 5 00:00:13,430 --> 00:00:15,399 First up, I haven't forgotten this time. 5 6 00:00:15,424 --> 00:00:17,664 Open up 'Ribbon' from your 'Exercise Files'. 6 7 00:00:17,689 --> 00:00:21,586 Again, it can be anything, you can use rectangles that have Gradients in them. 7 8 00:00:21,859 --> 00:00:23,555 They don't have to be anything other than that. 8 9 00:00:24,867 --> 00:00:27,086 It's quite nice with just lines, looks quite cool. 9 10 00:00:27,484 --> 00:00:31,093 But first thing we need to do is we need to go to 'Object', and we need-- 10 11 00:00:31,118 --> 00:00:33,891 Actually make a duplicate first, real easy to backup. 11 12 00:00:34,331 --> 00:00:38,870 Go to 'Object', 'Envelope Distort', and go to 'Make with Mesh'. 12 13 00:00:39,488 --> 00:00:41,581 Now by default I think it's at 3x3. 13 14 00:00:41,614 --> 00:00:44,432 The more detailed it is the more control you have... 14 15 00:00:44,457 --> 00:00:46,128 but often it doesn't look as natural. 15 16 00:00:46,153 --> 00:00:49,120 So for a ribbon or something like this, just 1x1 is perfect. 16 17 00:00:49,964 --> 00:00:52,353 Now nothing really happens except, when I grab... 17 18 00:00:52,378 --> 00:00:54,574 the Direct Selection Tool, the White Arrow... 18 19 00:00:54,847 --> 00:00:56,988 if I click on any of these corners now, watch... 19 20 00:00:57,784 --> 00:00:58,597 Cool, huh! 20 21 00:00:58,622 --> 00:01:01,143 It's a little hard to see, there's a red dot there... 21 22 00:01:01,168 --> 00:01:03,949 and there's a handle out here, so Anchor Point the handle. 22 23 00:01:03,974 --> 00:01:06,261 We're just going to make it into a ribbon like you saw earlier. 23 24 00:01:06,286 --> 00:01:07,387 It's just kind of free hand. 24 25 00:01:07,613 --> 00:01:09,316 Now one thing you might notice is that... 25 26 00:01:09,738 --> 00:01:11,667 red dot's on this red thing... 26 27 00:01:11,692 --> 00:01:13,308 it's quite hard to see, the colors, right? 27 28 00:01:13,807 --> 00:01:16,074 Generally rainbow is probably the worst one. 28 29 00:01:16,099 --> 00:01:18,480 Just so you know, there's an advanced trick. 29 30 00:01:18,512 --> 00:01:20,684 Double click your layer anywhere above the name... 30 31 00:01:21,191 --> 00:01:23,051 and you can go in and pick a different color... 31 32 00:01:23,076 --> 00:01:24,934 if that kind of suits what you're doing. 32 33 00:01:25,322 --> 00:01:28,894 Sorry, it's still not going to work, but hey, rainbow life. 33 34 00:01:29,566 --> 00:01:31,887 I'm just going to fiddle around with it now... 34 35 00:01:31,912 --> 00:01:37,214 and try and turn it into something that kind of looks like a ribbon. 35 36 00:01:41,129 --> 00:01:42,777 You can hang around with me for a little bit... 36 37 00:01:44,766 --> 00:01:46,594 but again, it's just, I'm just winging it. 37 38 00:01:46,619 --> 00:01:49,392 You might have a special project, and you kind of want a special shape... 38 39 00:01:49,650 --> 00:01:53,083 I'm just kind of making something, maybe I'll just balloon it away. 39 40 00:01:56,822 --> 00:01:57,970 Maybe, Illustrator. 40 41 00:01:57,995 --> 00:02:01,474 What I'm going to do now is I'll fast forward it because-- 41 42 00:02:02,798 --> 00:02:03,837 Fast forward time. 42 43 00:02:18,755 --> 00:02:19,841 All right, you're back. 43 44 00:02:20,161 --> 00:02:23,708 One thing that I kind of did while I was fast forwarding... 44 45 00:02:23,872 --> 00:02:27,731 is I turned off the Smart Guides. 45 46 00:02:27,838 --> 00:02:30,635 They were just kind of jumping around, snapping to things, and causing... 46 47 00:02:31,213 --> 00:02:32,485 just making a little bit tough. 47 48 00:02:32,510 --> 00:02:35,643 'Command U' on a Mac, or 'Control U' on a PC to turn that off. 48 49 00:02:36,323 --> 00:02:39,135 So I've got this thing here, I promise I'll stop fiddling with it. 49 50 00:02:39,370 --> 00:02:40,620 I thought I would. 50 51 00:02:42,792 --> 00:02:45,518 So you've got this, now I want another option. 51 52 00:02:45,543 --> 00:02:47,307 The one that kind of runs underneath. 52 53 00:02:47,332 --> 00:02:50,190 Now what I might do is go back to this beginning one and use this again. 53 54 00:02:50,215 --> 00:02:51,534 So I'm going to make a duplicate. 54 55 00:02:51,698 --> 00:02:54,854 What I might do is-- because if I start-- I've practiced this before... 55 56 00:02:54,963 --> 00:02:56,745 when it's underneath, and you're trying to make the ribbon... 56 57 00:02:56,770 --> 00:02:59,534 it's actually really hard to know where the other one starts and finishes. 57 58 00:02:59,737 --> 00:03:02,924 So what I thought I'd do is do the Recolor Artwork... 58 59 00:03:02,949 --> 00:03:04,843 because I wanted it to be a bit darker anyway... 59 60 00:03:04,868 --> 00:03:07,456 so it looks like it's in the background, casting a shadow, maybe. 60 61 00:03:07,784 --> 00:03:11,042 So I'm going to go to 'Edit', 'Edit Colors', 'Recolor Artwork'. 61 62 00:03:11,299 --> 00:03:13,971 And the best option is to go to 'Edit', the first one is really confusing. 62 63 00:03:14,659 --> 00:03:18,916 So go to 'Edit', and down the bottom here, I'm going to link all of the colors. 63 64 00:03:18,948 --> 00:03:22,291 Just make them a bit-- play around with the brightness. 64 65 00:03:22,316 --> 00:03:23,487 Just kind of lower them down. 65 66 00:03:24,104 --> 00:03:26,674 Click 'OK', and I'm going to use this one to get started. 66 67 00:03:26,715 --> 00:03:28,407 Just kind of get it close. 67 68 00:03:29,987 --> 00:03:30,948 Not too worried about it. 68 69 00:03:31,719 --> 00:03:33,745 Now I'm going to go to 'Object'. 69 70 00:03:34,940 --> 00:03:38,697 I'll go to 'Envelope Distort', and make another 1x1 Mesh. 70 71 00:03:38,987 --> 00:03:40,065 It's okay for me. 71 72 00:03:40,159 --> 00:03:41,799 I'm going to turn Smart Guides back on. 72 73 00:03:41,940 --> 00:03:44,447 'Command U' on a Mac, or 'Control U' on a PC. 73 74 00:03:44,472 --> 00:03:47,174 Why? Because, like one of the things I wanted-- 74 75 00:03:47,199 --> 00:03:51,166 I'm going to grab my Direct Selection Tool. I want this corner Anchor Point to be-- 75 76 00:03:51,191 --> 00:03:55,010 Watch this, it kind of snaps to that one, so at least they're kind of joined up. 76 77 00:03:55,385 --> 00:03:58,417 It's kind of the first thing I wanted. I'm going to turn them off in a second. 77 78 00:03:58,893 --> 00:03:59,956 That's lurking around. 78 79 00:04:01,815 --> 00:04:03,253 Bye, Smart Guides. 79 80 00:04:04,712 --> 00:04:06,151 Now we're going to fast forward it again... 80 81 00:04:06,176 --> 00:04:09,056 because I am just going to fool around with this until it feels like a ribbon. 81 82 00:04:09,409 --> 00:04:11,096 All right, fast forward time. 82 83 00:04:14,531 --> 00:04:15,578 All right, jump back in. 83 84 00:04:15,999 --> 00:04:18,725 One of the problems, I can't click on this thing because that guy's in the way. 84 85 00:04:18,984 --> 00:04:22,296 So what I'm going to do, 'Black Arrow', select on him, and hit 'Command 2'... 85 86 00:04:22,578 --> 00:04:25,718 or 'Control 2' on a PC, that just locks him for a second. 86 87 00:04:26,867 --> 00:04:28,523 You can go up to 'Object', and lock. 87 88 00:04:28,757 --> 00:04:30,507 Means now I can click on this guy in the background... 88 89 00:04:30,532 --> 00:04:32,343 and he's not messing about with me. 89 90 00:04:32,743 --> 00:04:34,313 All right, back to speedy version. 90 91 00:04:38,147 --> 00:04:39,405 All right, so you're back. 91 92 00:04:39,430 --> 00:04:40,644 I really want to adjust this stuff. 92 93 00:04:40,669 --> 00:04:42,795 I don't feel like we got it across there, something weird... 93 94 00:04:42,820 --> 00:04:44,069 but I'm going to leave it... 94 95 00:04:44,094 --> 00:04:45,842 because what I want to do is-- 95 96 00:04:45,867 --> 00:04:47,772 That could be it, you might be happy with that. 96 97 00:04:48,436 --> 00:04:50,506 I'm going to add a bit of shading, and shadows. 97 98 00:04:50,531 --> 00:04:53,881 It's going to lose it's kind of, like, I don't know, flat vector style. 98 99 00:04:54,584 --> 00:04:57,170 It's kind of like semi flat, but that's okay. 99 100 00:04:57,553 --> 00:05:00,561 So what we're going to do is I'm going to grab my 'Artboard Tool'... 100 101 00:05:00,858 --> 00:05:03,483 and I'm going to make a duplicate by holding down... 101 102 00:05:03,508 --> 00:05:05,608 the 'Option' key on a Mac, 'Alt' key on a PC. 102 103 00:05:05,991 --> 00:05:08,467 What I want to do is unlock all our objects... 103 104 00:05:08,608 --> 00:05:10,014 because I locked that top guy, right? 104 105 00:05:10,647 --> 00:05:12,256 What I'd like to do is... 105 106 00:05:12,905 --> 00:05:16,162 there's going to be two of them. I'll do the top one first to show you. 106 107 00:05:16,209 --> 00:05:19,225 Then, might as well do the bottom one with you as well... 107 108 00:05:19,436 --> 00:05:21,889 but what I want to do is make a Gradient on top of this. 108 109 00:05:21,914 --> 00:05:24,969 So I want to do two things. I want to go to 'Object'... 109 110 00:05:25,245 --> 00:05:27,925 'Envelope Distort', there's one called 'Expand'. 110 111 00:05:28,393 --> 00:05:30,698 Basically it's no longer used in that Mesh anymore. 111 112 00:05:30,723 --> 00:05:32,768 I can't do those adjustments, but it's okay. 112 113 00:05:32,987 --> 00:05:35,136 Next thing I want to do is kind of stick them all together. 113 114 00:05:35,268 --> 00:05:37,472 I can do that using my Shape Builder Tool. 114 115 00:05:37,659 --> 00:05:40,386 I can hold down my 'Shift' key, just drag a box around them all. 115 116 00:05:40,839 --> 00:05:43,182 It's going to lift the kind of gap in the middle there. 116 117 00:05:43,223 --> 00:05:45,715 I'm okay with that, because what I want to do... 117 118 00:05:45,740 --> 00:05:47,417 is just fill it with a Gradient. 118 119 00:05:48,042 --> 00:05:50,175 Remember what the shortcut was for filling Gradients? 119 120 00:05:50,940 --> 00:05:52,511 It's the full stop, period key. 120 121 00:05:52,536 --> 00:05:55,425 So we got a Gradient, what I want is this into the Gradient. 121 122 00:05:55,450 --> 00:05:57,222 So I double click the little white house... 122 123 00:05:57,247 --> 00:06:00,073 I want the Transparency or the Opacity down to '0'. 123 124 00:06:01,510 --> 00:06:03,260 Click off, close him down... 124 125 00:06:03,409 --> 00:06:05,971 because what I want to do is this, kind of want to stick it over the top. 125 126 00:06:06,557 --> 00:06:08,948 Now white at the end here is probably not a great idea. 126 127 00:06:08,973 --> 00:06:11,143 It's probably best having black at the end. 127 128 00:06:11,168 --> 00:06:13,128 It's not going to matter for my application. 128 129 00:06:14,182 --> 00:06:16,737 It's not snapping, so I'm going to turn on my Smart Guides again. 129 130 00:06:16,839 --> 00:06:18,636 It's under 'Window', 'Smart Guides'. 130 131 00:06:18,847 --> 00:06:22,589 And now it's about playing around with the Blending Modes. 131 132 00:06:23,057 --> 00:06:25,667 I'm going to click on 'Opacity', and 'Normal'. 132 133 00:06:26,307 --> 00:06:27,823 Darken, it's okay. 133 134 00:06:28,104 --> 00:06:29,057 Multiply. 134 135 00:06:29,082 --> 00:06:31,690 I think I like Multiply the best, Color Burn too. 135 136 00:06:32,042 --> 00:06:35,588 So go through them all, and pick out which one you like. 136 137 00:06:35,613 --> 00:06:37,823 I'm guessing Multiply is going to be the nicest. 137 138 00:06:37,848 --> 00:06:40,440 What I might do is, with my Gradient Tool 'G'... 138 139 00:06:41,589 --> 00:06:45,166 is I'm going to drag out my Gradient to be just a bit smaller. 139 140 00:06:45,191 --> 00:06:47,518 Just kind of dragging it across. 140 141 00:06:51,255 --> 00:06:52,880 Yes, kind of cool. Does it look good? 141 142 00:06:53,770 --> 00:06:54,668 Looks okay. 142 143 00:06:54,693 --> 00:06:57,012 I'm going to do the same thing with this, the same process. 143 144 00:06:57,045 --> 00:06:59,818 If you're happy with that, you can stop the video, go on to the next one. 144 145 00:07:00,231 --> 00:07:02,763 If not, you can follow me again, just do it twice. 145 146 00:07:03,153 --> 00:07:07,895 'Object', and let's go to 'Envelope Distort', 'Expand'. 146 147 00:07:08,536 --> 00:07:12,614 I'm going to use my shortcut to my Shape Builder Tool, which is 'Shift M'. 147 148 00:07:12,856 --> 00:07:16,231 Holding down the 'Shift' key, drag a box around them. 148 149 00:07:17,200 --> 00:07:18,192 Period '.' 149 150 00:07:18,911 --> 00:07:21,583 It's remembered my last green, which is awesome. 150 151 00:07:21,871 --> 00:07:25,411 It shouldn't be on your Shape Builder Tool when you hit the period key, didn't work. 151 152 00:07:25,692 --> 00:07:26,957 Be on your Black Arrow. 152 153 00:07:28,638 --> 00:07:30,716 The reason I didn't do white-- I should have done white before... 153 154 00:07:30,741 --> 00:07:32,217 watch this, if I change it to black... 154 155 00:07:32,242 --> 00:07:34,106 it's going to give me a better kind of effect. 155 156 00:07:36,981 --> 00:07:38,856 You, my friend are going to snap down there. 156 157 00:07:39,356 --> 00:07:41,989 And then we're going to probably hit the 'G' key. 157 158 00:07:45,130 --> 00:07:46,075 Maybe more. 158 159 00:07:46,100 --> 00:07:48,635 I'm going to find a Blending Mode that works... 159 160 00:07:48,660 --> 00:07:50,825 and maybe turn down the Opacity as well. 160 161 00:07:51,270 --> 00:07:54,427 Darken, Multiply, Color Burn. 161 162 00:07:55,505 --> 00:07:57,200 I'm going to go back to Multiply. 162 163 00:07:57,841 --> 00:07:59,724 Here he is, Multiply, he's the only one. 163 164 00:08:01,638 --> 00:08:05,333 All right, that is our 3D ribbon thing. 164 165 00:08:06,474 --> 00:08:08,950 You can obviously see its application for fabrics... 165 166 00:08:08,975 --> 00:08:11,434 and lots of other things, but that Mesh is quite cool. 166 167 00:08:11,459 --> 00:08:13,763 It can be done with-- you can put Type into that Mesh. 167 168 00:08:13,795 --> 00:08:15,653 We'll do the ribbon because it looks nice. 168 169 00:08:15,817 --> 00:08:18,692 You can use it for lots of different applications. 169 170 00:08:19,864 --> 00:08:23,177 Last but not least, it's Class Project homework time. 170 171 00:08:24,090 --> 00:08:27,708 All I want you to do is do some sort of 3D. 171 172 00:08:27,734 --> 00:08:29,222 Doesn't have to be using this Gradient. 172 173 00:08:29,247 --> 00:08:31,625 It can do, you can just do slightly different shapes even. 173 174 00:08:31,650 --> 00:08:33,123 Amazingly different shapes. 174 175 00:08:33,271 --> 00:08:39,130 Different colors, you may or may not use that kind of Gradient to color it. 175 176 00:08:39,732 --> 00:08:41,834 I'd love to see what you make. 176 177 00:08:42,177 --> 00:08:45,584 Make sure you publish it on this website so I can see it... 177 178 00:08:46,966 --> 00:08:50,724 and send it to me on Instagram, I'm bringyourownlaptop. 178 179 00:08:51,099 --> 00:08:54,545 On Twitter, I'm danlovesadobe. 179 180 00:08:54,896 --> 00:08:56,803 All right, I love to see what you've done. 180 181 00:08:56,828 --> 00:08:58,280 Yes, Class Projects, go do it.