Hey there, we're going to make multiple lines from one line. 1
It's called Offsetting Path. 2
We're going to start with this kind of first guy, where we expand him out... 3
and do some cool race track looking stuff. 4
We code in, then we do a little bit more elaborate when we both do the outside... 5
like this kind of Drop Shadow effect here... 6
plus an inner line here... 7
so we can slice out, and lots of strippy lines. 8
All right, let's go learn how to do that now in Adobe Illustrator. 9
Let's start with a really simple thing. 10
Let's draw anything you like. I'm using the Curvature Tool. 11
I'm trying to convey you across. 12
So double click for corners, I'll even hold 'Shift'. 13
Click once for a curve. 14
Double click for a corner. 15
What am I drawing? 16
I don't know, I just kind of made this up before I made this tutorial. 17
Seems kind of a cool shape. 18
So double click in, and I'm going to go back this way a little bit. 19
Double click for a corner, double click for a corner. 20
Mine's kind of weird because it's got a Fill. 21
So I'm going to get rid of that Fill, goodbye Fill, and add a Stroke. 22
I'm using that kind of lemony green color. 23
Awesome! So I've got this. 24
Now I want to go and create those extra lines. 25
It's very simple, with my 'Black Arrow'... 26
I'm going to go to 'Object', 'Path', there's one here that says 'Offset Path'. 27
I'm going to turn Preview on, to see how far apart it's going to be. 28
Depending on your measurements, yours might be set to points or inches. 29
I can adjust this. 30
One of the things you might do is the joints here. 31
Basically what you're looking for is the ends, and where these corners change. 32
So Miter does a Square Corner. 33
Round, obviously it's rounded ends, might be cool... 34
or Bevel, kind of chops them off at the sides. 35
You can decide what you want to do. 36
So it's created this kind of extra separate line. 37
With that selected, you can just keep going. 38
I'm going to make another one. 39
I'm going to go to 'Path', and go to 'Offset Path'. 40
I'll leave it at the same dimensions, click 'OK'. 41
Now I've got a few of them, cool. 42
My drawing wasn't the best... 43
even though I'm trying to show you how great the tool is. 44
I'll get rid of the Curvature Tools, doesn't matter. 45
I should have spent a bit more time at the beginning. 46
What I'm going to do now though is just extend this off for no reason. 47
That's why it looks kind of cool. 48
Let's say you want to fill these lines, let's select them all. 49
Use our Shape Builder Tool... 50
which is that guy there. 51
I'm going to pick some Fill colors, and stuff, and get in. 52
The outside's going to be that. 53
You're going to be that. 54
And maybe, that is going to be that one. 55
Maybe I'll get rid of this Stroke, goodbye Stroke. 56
So that is phase 1 of Offset Stroke. 57
Let's look at doing that slightly more advanced one... 58
we saw at the beginning, with the text. 59
So I've just made a new Artboard on the side here. 60
I'm going to pick a Font. 61
I've picked Abril, Abril Fatface. 62
It is another one from Typekit. 63
You can download them for free... 64
if you've got a Creative Cloud subscription. 65
Type a word, I'll type my name. 66
I'm going to give it a Fill of white. 67
And for this to work it needs to be outlined. 68
So I'm going to make a duplicate over here just in case I forget what the font is. 69
To outline, it is 'Type', and it is down here, 'Create Outlines'. 70
For this to work, if I leave it with a Fill... 71
and no Stroke, it doesn't quite work, so we're going to flip those over. 72
Super shortcut time, it is 'Shift X'. 73
Will toggle whatever you've got in the Fill with the Stroke... 74
or just change them manually. 75
So I've a got a Stroke around the outside, no Fill. 76
Now I go up to 'Object', I can go to 'Path'. 77
And I can go to 'Offset Path'. 78
Exactly like what we did earlier. 79
Make sure Preview is on, and... 80
if it is in Offset, you can just click in here ... 81
and use your up arrow and down arrow... 82
just to kind of find where you want this thing to be. 83
How far out you want it to be? 84
This is the outside bit, but we kind of lob off the sides to make it look like a... 85
Drop Shadowy line thing. 86
So that works for me. 87
I'm going to click 'OK'. 88
Let's do the internal one as well, so I'm going to click back on this-- 89
like this thing is all grouped now... 90
so I'm going to right click it, and say 'Ungroup'. 91
I just want the center of these Ds. 92
And As, and Ns. 93
Same thing, 'Edit'... 94
same thing, 'Object', 'Path', 'Offset Path'. 95
I'm going to do negatives. 96
So I'm just going to do the exact same, but with that negative at the front. 97
Turn Preview 'on'. 98
There's always going to be some weird bits... 99
you might have to tidy up with the Anchor Points. 100
Like that N in there, everything else looks okay, click 'OK'. 101
Those are the inside parts and the outside parts. 102
Let's slice the holes out of the middle, then do the Drop Shadow. 103
It's a little bit messy, I'm going to grab these outside ones. 104
I'm just going to turn the Stroke 'off'. 105
So it makes it easy for you to see what I'm doing. 106
Clean this up a bit later. 107
So what I want to do is I'd love to fill the outside shapes. 108
Remember our shortcut, 'Shift X', switches the Fill and the Stroke around. 109
I've still got these internal ones. 110
So this is where we're going to slice them out. 111
I'm going to hold 'Shift', and-- 112
Actually it's going to be a little hard with these outside lines. 113
What I might do is just grab them, give them a Fill again, or a Stroke again. 114
Just move them off. 115
I'll be able to line them up again perfectly later on. 116
So I've got these lines. 117
I've got a Fill and there is this Stroke around the inside. 118
So I'm going to use my Shape Builder Tool. 119
It's 'Shift M' for grabbing the Shape Builder Tool. 120
And just hold down the 'Alt' key on a PC, or 'Option' key on a Mac. 121
Just click them, and that kind of slices the holes. 122
What we might have to do before we do this one here-- 123
I'm going to go to 'Outline Mode'... 124
which is 'Command Y' on a Mac, 'Control Y' on a PC. 125
And then it's just these bits that need to be tidied up. 126
Actually I'll grab my Pen Tool, just get rid of these points. 127
Go back to my Anchor Point Tool, just tidy these up. 128
Your name might not be Dan, so you might not have these dramas. 129
It's really good extending itself, Smart Guides are really good. 130
I love them. Cool. 131
So, out of Outline mode again. 132
And I'm going to select this guy, 'Shift M'. 133
So these are my insides, now what we're going to do is the outsides. 134
So really kind of slice parts of it off... 135
because we just want it kind of like dropped off to the right. 136
And what I'm going to do is... 137
I'll show you a couple of tricks. One is, first of all... 138
it's painful when that one's joining... 139
so I'm just going to kind of move him across. 140
You might want to track it out before you get started. 141
There's two ways, let's look at these two ways. 142
I'm going to make two copies. 143
One way is the Scissors Tool. 144
The Scissors Tool is one of those weird ones-- I never use it... 145
then I sometimes grab it. 146
I know it is the C Tool, there it is there. 147
It's underneath your Eraser Tool, Scissors Tool. 148
His job is to go, snip... 149
and snip. 150
Then grab your Direct Selection Tool, click off... 151
click back on, and delete twice. 152
Kind of gets rid of the junk you don't need. 153
You could keep doing that, right? 154
Just kind of guess where the Drop Shadow would fall. 155
Now what I like to do-- I'll leave that one there. 156
What I like to do is, let's say we'll do the D first. 157
I'd like to grab it, make a duplicate by dragging. 158
So while I'm dragging, I'm holding down... 159
the 'Option' key on a Mac, 'Alt' key on a PC 160
I'm holding 'Shift' as well, because it goes down at a 45Â° angle. 161
It's going to kind of work for me. 162
So we use one as like the slicer, and one as the result. 163
To make it easy for you to see I'm going to make the Slicer green. 164
So we're going to delete all of the green stuff. 165
We're just going to use it. 166
And we're going to go back to my favorite tool in the world... 167
the Shape Builder Tool. 168
And now what we're going to do is we're going to say we don't need... 169
that line. 170
I don't want... 171
that line. 172
I do want that line down the bottom here. Great, Dan. 173
So I want him, I want him. 174
It's really for you to decide where the Drop Shadow goes. 175
It can be tough. 176
Don't want this green thing, go away, don't want that bit. 177
I don't want you now. 178
I'm going to click off now. I think there's some bits that I want left. 179
I'll just use my Black Arrow to select those. 180
So now I'm going to grab him, and that bit's done. 181
It can be easy to line back up, Smart Guides to center. 182
I wanted to be super smart. 183
You get to do the same for this one. 184
I'm not going to do the rest of it with you. 185
I'm going to go do it when this video is over. 186
It's Class Project time, I would love to see what you've done. 187
You don't have to use the word Dan, unless your name is Dan. 188
I'd like to see what font you use. 189
If I was going to do it again now I'd probably make this inner part bigger. 190
because I feel it's not doing what I want. 191
You can put like stripes inside of these. 192
Any which way you want, pick your font, pick your colors. 193
I'd love to see what you've done. 194
Post your projects here on this website. 195
Also send me a-- tag me in. 196
On Instagram, I'm bringyourownlaptop. 197
Or on Twitter, I'm @danlovesadobe. 198
Love to see what you've done. 199
All right, on to the next video.