Hi, and welcome to this Ribbon making class in Adobe Illustrator. 1
We're going to use an Envelope Distort... 2
and particularly a Mesh to make this pretty rainbow ribbon. 3
All right, let's jump in. 4
First up, I haven't forgotten this time. 5
Open up 'Ribbon' from your 'Exercise Files'. 6
Again, it can be anything, you can use rectangles that have Gradients in them. 7
They don't have to be anything other than that. 8
It's quite nice with just lines, looks quite cool. 9
But first thing we need to do is we need to go to 'Object', and we need-- 10
Actually make a duplicate first, real easy to backup. 11
Go to 'Object', 'Envelope Distort', and go to 'Make with Mesh'. 12
Now by default I think it's at 3x3. 13
The more detailed it is the more control you have... 14
but often it doesn't look as natural. 15
So for a ribbon or something like this, just 1x1 is perfect. 16
Now nothing really happens except, when I grab... 17
the Direct Selection Tool, the White Arrow... 18
if I click on any of these corners now, watch... 19
Cool, huh! 20
It's a little hard to see, there's a red dot there... 21
and there's a handle out here, so Anchor Point the handle. 22
We're just going to make it into a ribbon like you saw earlier. 23
It's just kind of free hand. 24
Now one thing you might notice is that... 25
red dot's on this red thing... 26
it's quite hard to see, the colors, right? 27
Generally rainbow is probably the worst one. 28
Just so you know, there's an advanced trick. 29
Double click your layer anywhere above the name... 30
and you can go in and pick a different color... 31
if that kind of suits what you're doing. 32
Sorry, it's still not going to work, but hey, rainbow life. 33
I'm just going to fiddle around with it now... 34
and try and turn it into something that kind of looks like a ribbon. 35
You can hang around with me for a little bit... 36
but again, it's just, I'm just winging it. 37
You might have a special project, and you kind of want a special shape... 38
I'm just kind of making something, maybe I'll just balloon it away. 39
Maybe, Illustrator. 40
What I'm going to do now is I'll fast forward it because-- 41
Fast forward time. 42
All right, you're back. 43
One thing that I kind of did while I was fast forwarding... 44
is I turned off the Smart Guides. 45
They were just kind of jumping around, snapping to things, and causing... 46
just making a little bit tough. 47
'Command U' on a Mac, or 'Control U' on a PC to turn that off. 48
So I've got this thing here, I promise I'll stop fiddling with it. 49
I thought I would. 50
So you've got this, now I want another option. 51
The one that kind of runs underneath. 52
Now what I might do is go back to this beginning one and use this again. 53
So I'm going to make a duplicate. 54
What I might do is-- because if I start-- I've practiced this before... 55
when it's underneath, and you're trying to make the ribbon... 56
it's actually really hard to know where the other one starts and finishes. 57
So what I thought I'd do is do the Recolor Artwork... 58
because I wanted it to be a bit darker anyway... 59
so it looks like it's in the background, casting a shadow, maybe. 60
So I'm going to go to 'Edit', 'Edit Colors', 'Recolor Artwork'. 61
And the best option is to go to 'Edit', the first one is really confusing. 62
So go to 'Edit', and down the bottom here, I'm going to link all of the colors. 63
Just make them a bit-- play around with the brightness. 64
Just kind of lower them down. 65
Click 'OK', and I'm going to use this one to get started. 66
Just kind of get it close. 67
Not too worried about it. 68
Now I'm going to go to 'Object'. 69
I'll go to 'Envelope Distort', and make another 1x1 Mesh. 70
It's okay for me. 71
I'm going to turn Smart Guides back on. 72
'Command U' on a Mac, or 'Control U' on a PC. 73
Why? Because, like one of the things I wanted-- 74
I'm going to grab my Direct Selection Tool. I want this corner Anchor Point to be-- 75
Watch this, it kind of snaps to that one, so at least they're kind of joined up. 76
It's kind of the first thing I wanted. I'm going to turn them off in a second. 77
That's lurking around. 78
Bye, Smart Guides. 79
Now we're going to fast forward it again... 80
because I am just going to fool around with this until it feels like a ribbon. 81
All right, fast forward time. 82
All right, jump back in. 83
One of the problems, I can't click on this thing because that guy's in the way. 84
So what I'm going to do, 'Black Arrow', select on him, and hit 'Command 2'... 85
or 'Control 2' on a PC, that just locks him for a second. 86
You can go up to 'Object', and lock. 87
Means now I can click on this guy in the background... 88
and he's not messing about with me. 89
All right, back to speedy version. 90
All right, so you're back. 91
I really want to adjust this stuff. 92
I don't feel like we got it across there, something weird... 93
but I'm going to leave it... 94
because what I want to do is-- 95
That could be it, you might be happy with that. 96
I'm going to add a bit of shading, and shadows. 97
It's going to lose it's kind of, like, I don't know, flat vector style. 98
It's kind of like semi flat, but that's okay. 99
So what we're going to do is I'm going to grab my 'Artboard Tool'... 100
and I'm going to make a duplicate by holding down... 101
the 'Option' key on a Mac, 'Alt' key on a PC. 102
What I want to do is unlock all our objects... 103
because I locked that top guy, right? 104
What I'd like to do is... 105
there's going to be two of them. I'll do the top one first to show you. 106
Then, might as well do the bottom one with you as well... 107
but what I want to do is make a Gradient on top of this. 108
So I want to do two things. I want to go to 'Object'... 109
'Envelope Distort', there's one called 'Expand'. 110
Basically it's no longer used in that Mesh anymore. 111
I can't do those adjustments, but it's okay. 112
Next thing I want to do is kind of stick them all together. 113
I can do that using my Shape Builder Tool. 114
I can hold down my 'Shift' key, just drag a box around them all. 115
It's going to lift the kind of gap in the middle there. 116
I'm okay with that, because what I want to do... 117
is just fill it with a Gradient. 118
Remember what the shortcut was for filling Gradients? 119
It's the full stop, period key. 120
So we got a Gradient, what I want is this into the Gradient. 121
So I double click the little white house... 122
I want the Transparency or the Opacity down to '0'. 123
Click off, close him down... 124
because what I want to do is this, kind of want to stick it over the top. 125
Now white at the end here is probably not a great idea. 126
It's probably best having black at the end. 127
It's not going to matter for my application. 128
It's not snapping, so I'm going to turn on my Smart Guides again. 129
It's under 'Window', 'Smart Guides'. 130
And now it's about playing around with the Blending Modes. 131
I'm going to click on 'Opacity', and 'Normal'. 132
Darken, it's okay. 133
Multiply. 134
I think I like Multiply the best, Color Burn too. 135
So go through them all, and pick out which one you like. 136
I'm guessing Multiply is going to be the nicest. 137
What I might do is, with my Gradient Tool 'G'... 138
is I'm going to drag out my Gradient to be just a bit smaller. 139
Just kind of dragging it across. 140
Yes, kind of cool. Does it look good? 141
Looks okay. 142
I'm going to do the same thing with this, the same process. 143
If you're happy with that, you can stop the video, go on to the next one. 144
If not, you can follow me again, just do it twice. 145
'Object', and let's go to 'Envelope Distort', 'Expand'. 146
I'm going to use my shortcut to my Shape Builder Tool, which is 'Shift M'. 147
Holding down the 'Shift' key, drag a box around them. 148
Period '.' 149
It's remembered my last green, which is awesome. 150
It shouldn't be on your Shape Builder Tool when you hit the period key, didn't work. 151
Be on your Black Arrow. 152
The reason I didn't do white-- I should have done white before... 153
watch this, if I change it to black... 154
it's going to give me a better kind of effect. 155
You, my friend are going to snap down there. 156
And then we're going to probably hit the 'G' key. 157
Maybe more. 158
I'm going to find a Blending Mode that works... 159
and maybe turn down the Opacity as well. 160
Darken, Multiply, Color Burn. 161
I'm going to go back to Multiply. 162
Here he is, Multiply, he's the only one. 163
All right, that is our 3D ribbon thing. 164
You can obviously see its application for fabrics... 165
and lots of other things, but that Mesh is quite cool. 166
It can be done with-- you can put Type into that Mesh. 167
We'll do the ribbon because it looks nice. 168
You can use it for lots of different applications. 169
Last but not least, it's Class Project homework time. 170
All I want you to do is do some sort of 3D. 171
Doesn't have to be using this Gradient. 172
It can do, you can just do slightly different shapes even. 173
Amazingly different shapes. 174
Different colors, you may or may not use that kind of Gradient to color it. 175
I'd love to see what you make. 176
Make sure you publish it on this website so I can see it... 177
and send it to me on Instagram, I'm bringyourownlaptop. 178
On Twitter, I'm danlovesadobe. 179
All right, I love to see what you've done. 180
Yes, Class Projects, go do it.