Hi there, in this video we're going to make... 1
this rather hypnotic repeating pattern in Adobe Illustrator. 2
We're going to look at some more advanced features in this video. 3
Also do things like this where we get it to kind of map around. 4
That's meant to be a pocket. 5
It's a terrible pocket. 6
This is where we're going to pull it, and really kind of whoop it. 7
We'll show you how to do that now in Illustrator. 8
First up, open up 'patterns.ai'. 9
They're in your exercise files. 10
You don't have to, these are just some shapes we're going to use as an example. 11
You can totally use your own. 12
You can't use these particular ones for any other work... 13
because they are stock library images... 14
made by the handsome Robert Filip. 15
Spelt F-I-L-I-P. 16
So you can go to stock.adobe.com, and buy those if you want to use them. 17
What we're going to do is select them all, and just move them off to the edge. 18
We're going to build our very first... 19
kind of repeating thing like you saw at the beginning there. 20
We're just going to make some sort of thing. 21
Plain old Layer order, and just getting started. 22
Now, my advice always is to... 23
not spend too long kind of doing it here, to jump straight into the Pattern Tool... 24
because you'll find that things just look different... 25
once they're actually getting repeated. 26
So get started here, get some sort of thing going. 27
Once you're ready, select them all. 28
You need to go to this thing here, 'Window'-- 29
This is the most insignificant name for that most awesome tool. 30
It's called Pattern Options. 31
You never click it... 32
but this option, this thing opens... 33
and doesn't look it's usable, click on this option that says 'Make Pattern'. 34
It's a bit of a weird one to get going. 35
It says it's put a Swatch in my Swatches Panel, over here. 36
You can kind of see a tiny version of it here in my Swatches Panel. 37
Now, it's the Pattern making time. 38
We need to give ours a name, we're going to call ours 'Retro'. 39
Couple of things before we start playing around... 40
with sizes, width, and things. 41
It's that I don't like it when it dims these extra copies. 42
Let's turn that off, I'd like to see it, natural fact. 43
Other things we'll turn off and on is, we'll leave the Tile Edge 'on'... 44
and we'll turn the Size Tile to Art 'off'. 45
Move Tile with Art 'on'. 46
Just follow me, I'll explain it when we get out of here... 47
why we do all these things. 48
Turn those on and off to match mine. 49
Now we're going to play around with this, the important part... 50
which of these ways-- there's no right or wrong way. 51
I end up always using Hex though, Hex by Row or Column. 52
Gives me the best kind of feel for what I want. 53
Doesn't matter, just find something that works for you. 54
I'm going to start by 'Hex by Column'. 55
Now what I want to do is, decide, kind of-- 56
There's two things I can do. 57
Say I want it to come in tighter, it's easy to use this tool here. 58
'Pattern Tile Tool', click on that. 59
And I'm going to grab one of the corners, hold 'Shift'. 60
Just kind of shrink it down, so that it resizes, and gets in tighter again. 61
Up to you, I'm going to undo; didn't like that... 62
but that's the way to do it. 63
What I'm going to do is start rearranging this stuff... 64
to kind of start maybe looking better. 65
Start filling this gap better, you can play around with size and scale. 66
Just like you're working in Illustrator, okay? 67
Now you can also bring other new parts in. 68
You don't have to really decide at the beginning. 69
Let's say I-- what we want to do-- 70
It's kind of weird, right? Click on 'Done' to get out of here. 71
Couple of weird things happen as I-- it's all gone. 72
These things here under Pattern are just kind of-- 73
These guys are useless now, we're going to use this but we don't need them anymore. 74
Let's say draw something else, we draw an Ellipse. 75
And we draw-- I steal colors from this. 76
I'm going to draw a couple of them, and just scale the colors. 77
Pretty exciting, Dan. Nice work. 78
I'm going to copy them-- they're useless now again. 79
What I'm going to do is jump back into that Swatch. 80
You just double click it over here in the Swatches Panel... 81
and it comes back to life. 82
You're inside kind of no man's land in here. 83
Now I can paste him in. 84
I could have actually just drawn him in here, couldn't I? 85
I'm doing this. 86
Why? Because I just want to fill it in with just some no man's land gaps here. 87
Then I just want to put in-- 88
We can play with the Layer order. 89
Kind of happy with that one. 90
So once you're happy with everything there's a couple of things we need to do. 91
Let's click done. 92
Let's apply it now, because that actually doesn't exist anywhere. 93
I'm going to go to 'Rectangle Tool'. 94
I'm going to grab a nice big rectangle to cover the background... 95
and connect there. 96
Mine by default has filled it, yours might not. 97
You might click on this as well, you might be like-- 98
Yours might be filled with, say white. 99
And you might click on the 'Swatch' to fill it, and you go 'Fill'. 100
It does it all the time, can you see, it's actually filled the Stroke. 101
There's a tiny pattern around the outside. 102
So make sure the Fill here has no Stroke. 103
Sorry, the Stroke has no Stroke, and the Fill is this guy. 104
You probably do it over here, Dan; just easier. 105
Click on 'Fill', 'Stroke, have no Stroke. 106
So those .options I kind of talked about earlier... 107
let's discuss those, and what they mean. 108
One of the option that says Resize to Tile Art. 109
It just means that when I resize this... 110
it resizes, it comes along for the ride. 111
If you have that ticked... 112
it will try and stay the right size. 113
That's fine, there might be a reason why you want that... 114
but it doesn't really matter because you can do it afterwards. 115
Let's have look at that. 116
There's kind of two uses. 117
Let's say this is a repeating pattern, and say you're a Fashion Designer... 118
and you want resize something down... 119
say you're making a pocket, or an insert, something smaller... 120
but you donât want the pattern to resize, because it can't... 121
it's the fabric pattern, and that's done. 122
You can't resize it, right? 123
So what you can do is... 124
you can turn it on and off by going to 'Window', 'Transform'. 125
And in here there's some sneaky options in the Burger menu. 126
And it's this group here. 127
By default it's on both. 128
It means, when I transform the object, which is the rectangle... 129
it transforms the pattern as well... 130
but you can say, actually I just want to transform... 131
when I'm transforming, just the object. 132
Now we scale it down. 133
You can see, it just scales the object, not the pattern... 134
so that might be useful for you. 135
The only trouble with that is that it's on forever. 136
So you've got to make sure to just turn it off. 137
I go in and turn it off again because it causes-- 138
later on you get a headache, and you're like, "What's going on?" 139
So turn that back on. 140
The other one is Transform Pattern Only. 141
Say I want to resize the pattern, but not the box. 142
This doesn't do what you expect. 143
Does both again, and you're like, "Hmm." 144
What that kind of means is that... 145
you have to transform the pattern only, you have to use this box here. 146
So the height and width here, let's say I want to divide it by 2. 147
I'm going to click in this other box. 148
You can see, I've divided the height and width by 2. 149
The object hasn't changed, it's just the pattern. 150
Make sure as well when you're doing that, that it's linked. 151
So does the height and width together. 152
Same with the Rotation here, I might do 20. 153
And because I've got that option clicked on just the Pattern... 154
it's only applying to that. 155
So I'm going to click it back to 'both'. 156
Another thing you might do is... 157
at the beginning, we didn't put the background color... 158
can you see, the white of the page filled the gap. 159
You can see here, there's now a space behind it. 160
The gray's coming through. 161
Now I find, instead of coloring it before you get into it, all you need to do is... 162
grab this, and put a Fill color, let's say a pink... 163
and put it behind it. 164
Have that when you create your Tile. 165
That will add a background color to it. 166
I find it's easier probably, not probably-- 167
I like to have a separate box... 168
to kind of show the stock color, or the color behind it. 169
Doesn't really matter, I guess. 170
Another thing we want to do is, let's have a little look at... 171
I'm going to go 'Shift O' to get my Artboard Tool. 172
Hold down the 'Alt' key, drag out... 173
or 'Option' key on a Mac, to get a new Artboard. 174
The Artboard Tool's there. 175
What I'd like to do now is... 176
first of all I want to get rid of the pink background; goodbye. 177
I want to kind of start distorting this panel. 178
Let's say you are doing it for a mock up of your pattern on something... 179
or say you are a designer, a Fashion Designer... 180
and you want to move it around the shape of the model. 181
So let's look at a couple of ways of doing that. 182
One of the easy ways. 183
Let's say you just want to distort it, let's go to 'Object'. 'Envelope Distort'. 184
And we're going to-- 185
One of the easy ones is Make with Warp. 186
So if you've got kind of a very simple shape... 187
it's going to stress your machine out a little bit. 188
You can see, it's kind of warped it this way. 189
If one of the shapes is going to work for you... 190
flags, and waves, and things like that, then you can just use this option. 191
You can see, it's kind of destroying the-- 192
not destroying, it's kind of changing your pattern. 193
If that doesn't work for you. 194
Let's say you want to really control what it does. 195
Let's do two ways, I can use my Curvature Tool. 196
So I'm going to create, say a pocket... 197
and I'm going to draw a-- 198
Make sure your Fill is not in our panel, else it's going to freak us out. 199
So it doesn't really matter what color. Let's just double click for a corner... 200
click once for a curve, double click for a corner. 201
What we'll do, bit of a curve here. 202
Click once for a curve, double click for a corner. 203
Double click for a corner, double click. 204
Click once for a curve. 205
Here you go, awesome. 206
So we've got our ugly looking pocket. 207
Okay, that's really bad. 208
Anyway, you get the idea. 209
You can do a couple of things. 210
Let's have the two options, so 'Shift 0'... 211
to get my Artboard Tool. Make another duplicate. 212
The first option is - you might get away with this. 213
- it's selected the two objects, your pocket needs to be at the front. 214
So select both of them, go to 'Object'... 215
go to 'Envelope Distort', and there's an option that says 'Make with Top Object'. 216
Just kind of tries to jam it in there. 217
Again a bit stressful. 218
That might be enough for you. 219
You just let the Shape do the work, that could be quite cool. 220
Say you want a bit more control. 221
What you might do is select on this Background Shape... 222
and we're going to go to... 223
'Object', 'Object Envelope Distort'... 224
and there's one that says 'Make with Mesh'. 225
This is like full custom. 226
3x3. 227
The more mesh you have, the more detailed you can control... 228
but it's a little fiddlier. 229
So, like a Gradient Mesh. Looks exactly the same. 230
So I'm going to apply it first. 231
Again, quite a hard core pattern. 232
If yours is even more hard core, and your machine is old... 233
it's going to take a while. 234
Next thing I want to do is I want to bring-- 235
weirdly I can send him to the back... 236
and that's really fast. 237
If I try and bring the pattern to the front, I'll spend ages doing it. 238
What I want to do is actually just lower the opacity of this. 239
Don't lower the opacity of the pattern... 240
before you make it a Mesh. 241
It's really hard to turn the opacity back up, it's easy this way. 242
I just wanted to turn it down for a little bit while I play around with it. 243
I'll use the White Arrow tool when I'm working with a Mesh. 244
What I might do to get started is I'm going to select these three points. 245
It's really hard, because I picked the blue. 246
I've got a blue kind of pocket, and I've got a blue Text Style. 247
There's also blue on this layer, so it's a little bit hard. 248
You'll have to work it out. 249
So I selected just these three guys. 250
And I drag it in a little bit. 251
Give it a second. 252
You can see, it's kind of getting scrunched a bit at the side there. 253
I'll do the same for this side. 254
So this is just giving you the kind of customized shape. 255
You can kind of see what's happening, I can drag it out here. 256
So I'm going to drag it in here... 257
and there's just a little fiddling around now to kind of push it... 258
the way you want the fabric to fold. 259
It's going to be a lot of messing about. 260
So, say I grab just this one point here, and drag it in... 261
watch what affects here. 262
I'm going to zoom in, so you can see it. 263
You got these handles that control it as well. 264
A little fiddly. 265
I'm going to drag him around, there's this guy. 266
It's taking a little bit of time now. 267
My machine's pretty hard core, and it's still taking a lot of time. 268
So we're kind of doing two things that are really kind of extreme. 269
One is the Pattern, and the other is using an Envelope Mesh. 270
I'm not going to spend too much more time... 271
but there's a lot of-- just grab these Anchor Points. 272
It might be that the Mesh is too complex, I brought 3x3. 273
Maybe if you're doing this now, try just 2x2. 274
It might give you just enough control to be able to-- 275
watch this, I'm going to really distort it. 276
Breaking it, but... 277
say if you want a bit of a pinched fabric, or you're matching-- 278
you've got kind of, like stock images... 279
and you want to match the roll and folds of the fabric... 280
you can start pushing this around. 281
When you're done, grab it with the 'Black Arrow', have it selected... 282
go up to 'Opacity', and crank it back up. 283
The last thing we're going to do is 'Send to Back'. 284
Again, I should have brought the shape to the front, some reason-- 285
I'm going to make sure he gets cropped in. 286
So now with them both selected we're going to hit... 287
'Command 7' on a Mac, or 'Control 7' on a PC. 288
That just kind of sticks it in the Shape, and that's my Fabric thing. 289
One last thing you might do is... 290
let's say that you're actually a designer... 291
and you want to change the colors that are used in here. 292
A nice way to do it, 'Black Arrow', I've got it selected, go up to 'Edit'. 293
Go down to 'Edit Colors'. 294
We did this properly in an earlier tutorial... 295
we're doing the short version here. 296
So, 'Recolor Artwork', and jump to 'Edit'... 297
Link all the colors, then you can kind of drag this around... 298
move it in and out, kind of expands them richer and cooler. 299
And you can see, down the back, in the background there... 300
I'm changing the colors, make them look terrible. 301
Good work, Dan. 302
You might have some color options once you got it in here. 303
Maybe just some few changes, or you get the fabric, and you're like... 304
"Man, it's not quite reflected well in my design, I might have to adjust it." 305
If you want to go into more recoloring art work... 306
I got that in a full earlier tutorial. 307
All right, that is Patterns. 308
Hope you learned something new. 309
Let's get on to the next video.