Skip to main content

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

Lesson 42 from: Adobe Illustrator Mastery

Daniel Walter Scott

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

Lesson 42 from: Adobe Illustrator Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

42. How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

Lessons

Class Trailer

Overview

1

Class Introduction to Advanced Adobe Illustrator CC

02:35
2

Getting Started with Your Adobe Illustrator Advanced Tutorial

01:19

Drawing

3

Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC

03:17
4

Curvature Tool vs Pen Tool in Adobe Illustrator CC

10:27
5

Advanced Pen Tool Tricks Using Adobe Illustrator CC

08:47
6

How to Draw Flowing Curves in Adobe Illustrator with the Width Tool

13:14
7

Mastering Corners with Adobe Illustrator CC Corner Widget Effects

05:27
8

The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool

23:01
9

More Shape Builder Goodness

11:02
10

Using Live Shape Effects in Adobe Illustrator CC

06:03
11

Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets

01:38
12

Drawing - Quiz

Keyboard Shortcuts

13

Advanced Keyboard Shortcuts for Adobe Illustrator CC

11:05
14

Keyboard Shortcuts - Quiz

Color & Patterns

15

Advanced Color Tips & Tricks for Adobe Illustrator CC

15:44
16

Using Color Themes in Adobe Illustrator CC

03:02
17

How to Color a Real Hand Drawing Using Adobe Illustrator CC

07:07
18

How to Use the Color Guide in Adobe Illustrator

02:47
19

How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork

04:19
20

How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh

13:36
21

How to Make Long Shadows in Adobe Illustrator CC

07:15
22

How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

03:26
23

How to Make Images Black & White in Illustrator & Mix with Color

07:44
24

How Do You Make Anaglyphic Text Using Adobe Illustrator CC

06:12
25

How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator

06:39
26

How to Create a Duotone Image Effect in Adobe Illustrator CC

07:23
27

Advanced Repeating Pattern Swatches in Adobe Illustrator CC

14:16
28

Color & Patterns - Quiz

Workflow Speed

29

How to Change The Default Font & Swatches in Adobe Illustrator CC

07:36
30

Advanced Workflow Tricks for Adobe Illustrator CC

10:52
31

Shortcuts for Aligning & Distributing in Illustrator CC Using Actions

04:28
32

How to Proof Colors in Adobe Illustrator CC

01:25
33

Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator

09:40
34

How Best to Use Illustrator With Other Adobe CC Software

08:13
35

Workflow Speed - Quiz

Typography

36

Advanced Fonts Tricks & Tips in Adobe Illustrator CC

07:52
37

How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC

08:40
38

How to Use the Touch Type Tool in Adobe Illustrator CC

02:27
39

Typography - Quiz

Strokes & Lines

40

How to Multiply Strokes to a Path in Adobe Illustrator CC

06:24
41

How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator

03:45
42

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

09:33

Depth, Perspective & 3D

43

Introduction to 3D in Adobe Illustrator CC

11:10
44

How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC

15:22
45

How to Make the Paper Cut Effect in Adobe Illustrator CC

09:35

Charts & Graphs

46

How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC

17:38

Artboards & Pages

47

Advanced Artboard & Pages Tricks in Adobe Illustrator CC

05:42

Creative Cloud

48

Advanced CC Libraries Adobe Stock and Adobe Market

09:12

Images

49

Advanced Image Tricks & Tips in Adobe Illustrator CC

07:22

Transform, Distort & Blend

50

How to Distort Bend Shapes & Type in Adobe Illustrator CC

03:39
51

How to Make a 3D Ribbon in Adobe Illustrator CC

08:58
52

How to Create Lots of Lines that Blend Together in Adobe Illustrator CC

09:24
53

How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC

11:25
54

49. How to Make a Linocut Effect in Adobe Illustrator CC

08:26
55

How to Use the Puppet Warp Tool in Adobe Illustrator CC

09:33
56

Transform, Distort & Blend Quiz

Web UI design

57

How to Use Adobe Illustrator for Web & UI Design

15:17

Animating

58

How to Make an Animated GIF Using Adobe Illustrator CC

14:52

Conclusion

59

What Next After Your Illustrator Advanced Course

01:07

Final Quiz

60

Final Quiz

Lesson Info

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

Hey there, we're going to make multiple lines from one line, it's called offsetting path. We're going to start with this kind of first guy where we expand them out and do some cool racetrack looking stuff, We color it in and then we do a little bit more elaborate where we both do the outside, like this kind of drop shadow effect here plus an inner line here so we can slice out and lots of straight lines. Alright, let's go and learn how to do that now in adobe illustrator. Okay, let's start with a really simple thing. Let's draw anything you like. I'm using the curvature tool. Okay, I'm trying to convert you across as a double click four corners. Double click for a corner. Even hold shift. Okay click once for a curve. Double click for a corner. What am I drawing? I don't know, I just kind of made this up before I made this tutorial seem kind of cool shape. So double clicking and I'm gonna go back this way a little bit. Double click for a corner. Double click for corner. Now I've got min...

e is kind of weird because it's gonna feel so I'm gonna get rid of that Phil goodbye Phil and add a stroke using that kind of limey green color, awesome. So I've got this now I want to go and create those extra lines. It's really simple with my black arrow. I'm going to go to object. I'm gonna go to path, there's one that says offset path. Okay um I'm gonna temporary on to see what's how, how far apart it's going to be depending on your measurements. Yours might be said two points or inches, you can adjust this. One of the things you might do is the joints here. Now basically what you're looking for is the ends and where these corners change so might it is a square corner round obviously is a rounded ends, it might be cool or bevel kind of chops them off at the sides. Okay you can decide what you want to do. Great. So it's created this kind of extra separate line with that selected you can just keep going. I'm gonna make another one. I'm gonna go to path and go to offset path. Leave it the same dimensions. Okay now I've got a few of them. Cool. My drawing wasn't the best even though I'm trying to like show you how great the tool is. Okay, the curvature tool is doesn't matter, I should have spent a bit more time in the beginning. What I'm gonna do now though is just extend this off for no reason other than that's what looked kind of cool let's say you want to fill these lines, let's select them all use our shape builder tool and which is that guy there if I went a bit fast. Okay and I'm gonna pick some colors and start filling it in you outside is going to be that, you're going to be that and maybe That is going to be that one. Okay maybe you'll get rid of this stroke. Goodbye stroke. Alright, so that is phase one of offset stroke. Let's look at doing that slightly more advanced than we saw at the beginning with the text. Okay, so I've just made a new outboard on the side here, I'm gonna pick a font. Okay, I've picked a brill. It's another april fat face. It is another one from type kit. Okay, You can download that for free if you've got a Creative Cloud subscription, type a word, type, my name. I'm going to give it a fill of white and for this to work, it needs to be outlined. So I'm going to make a duplicate over here just in case I forget what the font is and to outline it is, object sorry, type and it's down here create outlines. Cool, so for this to work if I leave it with Phil um and no stroke, it doesn't quite work. So we're gonna flip those over super short cut time, it is, shift X will toggle whatever you've got in the field with the stroke or just change them manually. Okay, so I've got a striker on the outside, no Phil now I can go up to object, I can go to path and I can go to offset path. Okay, like exactly like we did earlier. Alright, make sure previews on and uh choose an offset. You can just click in here and use your up arrow and down arrow just to kind of find where you want this thing to be. Okay, how far out you want it to be? This is the outside bit where we kind of lob off the sides to kind of make it look like a drop shadowy line thing. Okay, so that works for me. Okay, And I'm going to click ok, let's do the internal one as well. So I'm gonna click back on the scent, like this thing is all group now, so I'm gonna right click it and say one group. Okay, I just want the center of these Ds and S and M. Cool, same thing, edit same thing, object path, offset path, and we're gonna do negative, so I'm just going to the exact same but with a negative at the front turn preview on, check that it's always gonna be some weird, but you might have to tidy up with the anchor points, okay? Like that, and and they're, everything else looks okay. Okay, cool. So those, the inside parts and the outside butts, let's slice the holes out of the middle and then do the drop shadow. So it's a little bit messy. I'm going to grab these outside ones and I'm just gonna turn that stroke off so it makes it easy for you to see what I'm doing still later. So what I wanna do is I'd love to fill the outside shapes. Okay, remember a shortcut shift X. Okay, switches the fill in the stroke around. Okay, and I've still got these internal ones. Okay, so this is where we're going to slice them out. So I'm going to hold shift and actually it's gonna be a little hard with these outside lines. What I might do is just grab them, give them a fill again or a stroke again. Just move them off. I'll be able to line them up again perfectly later on, don't worry. Cool. So I've got these lines I've gotta fill and there is this stroke around the inside. So I'm gonna use my shape builder tool. It shift em or grabbing the shape builder tool and just hold down the old key on a Mac, sorry, on a pc or the option key on a Mac and just click them and that kind of slices the holes. What we might have to do before we do this one here. I'm gonna go to outline mode. Just command y on a Mac control on a Pc and there's just this that needs to be tidied up. So I'm actually gonna grab my pen tool and just get rid of these points. Go back to my anchor point to and just tidy these up. You, your name might not be dance. So you might not have these dramas. It's really good at extending itself. Smart guys are really good. I love them. Cool. So out of outline mode again. Okay, and I'm going to select this guy shift em awesome. So those are my insides. Now, what we're gonna do is the Outsides and we wanna kind of slice parts of it off because we just want to kind of like dropped off to the right, okay. And what I'm going to do is show you a couple of tricks. One is first of all it's painful when that one is joining. Okay so I'm just gonna kind of move them across so you might want to track it out before you get started. There's two ways. Uh Let's look at these two ways. Okay I'm gonna make two copies. One way is the scissors tool. This is a tool is one of those weird ones where I never use it and then I sometimes grab it. Okay so it is. I know it's the c tool there is there, so it's underneath your eraser tool scissors tool. His job is to go snip and snip, then grab your direct selection tool, click off, click back on and delete twice and kind of get rid of the junk you don't need. So you can keep doing that right? Is keep just kind of guess where the drop shadow would fall. And what I like to do. I'll leave that one there. What I like to do is let's say we'll do the d first okay I'd like to grab it, make a duplicate by dragging. Okay so while I'm dragging it holding down the option key on a Mac or a Pc. And I'm holding shift as well because it goes down on a 45 degree angle and it's gonna kind of work for me. So we use one as like a slicer and one is the results to make it easy for you to see. I'm going to make the slicer green. Okay? So we're going to delete all of the green stuff, we're just gonna use it and we're gonna go back to my favorite tool in the world. The shape builder tool. Cool. And now what we're gonna do is we're going to say we don't need that line. I don't want mm that line, I do want that line down the bottom here. Yeah, great then, so I want him, I want and it's really trying to decide where the drop shadow goes can be tough. I don't want this green thing go away. I don't want that bit, don't you now. Cool, I'm gonna take off now. I think those are the bits that I want left and I just used my black arrow to select those. Cool. So now I'm gonna grab him and that bit's done okay. It can be easy to line back up smart guys just seem to want to be super smart. Okay. And you're gonna do the same for this one. Okay, so I'm not going to do the rest of it with you. I'm going to go do it when this video is over and it's class project time. I would love to see what you've done. Okay. You don't have to use the word dan unless your name is dan. Okay. And I'd like to see what font you used if I was gonna do it again. Now, I'd probably make this inner path bigger because I feel like it's yeah, it's not doing what I want. You can put like stripes on the inside of these. Okay, You do what you want, Pick your font, pick your colors. I'd love to see what you've done. Post your projects here on this website. Also send me, you know, tag me in on instagram, bring your own laptop or on twitter. I'm at dan, loves adobe and yeah, I'd love to see what you've done All right onto the next video.

Class Materials

Bonus Materials with Purchase

Exercise Files
6 Completed Files

RELATED ARTICLES

Recent

Articles

Recent

Articles

Recent

Articles

Recent

Articles

Recent

Articles

RELATED ARTICLES

Recent

Articles