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


Sale Ends Soon!

starting under


Unlock this classplus 2200+ more >

Lesson Info

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


Class Trailer



Class Introduction to Advanced Adobe Illustrator CC


Getting Started with Your Adobe Illustrator Advanced Tutorial




Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC


Curvature Tool vs Pen Tool in Adobe Illustrator CC


Advanced Pen Tool Tricks Using Adobe Illustrator CC


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


Mastering Corners with Adobe Illustrator CC Corner Widget Effects


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


More Shape Builder Goodness


Using Live Shape Effects in Adobe Illustrator CC


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


Drawing - Quiz

Keyboard Shortcuts


Advanced Keyboard Shortcuts for Adobe Illustrator CC


Keyboard Shortcuts - Quiz

Color & Patterns


Advanced Color Tips & Tricks for Adobe Illustrator CC


Using Color Themes in Adobe Illustrator CC


How to Color a Real Hand Drawing Using Adobe Illustrator CC


How to Use the Color Guide in Adobe Illustrator


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


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


How to Make Long Shadows in Adobe Illustrator CC


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


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


How Do You Make Anaglyphic Text Using Adobe Illustrator CC


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


How to Create a Duotone Image Effect in Adobe Illustrator CC


Advanced Repeating Pattern Swatches in Adobe Illustrator CC


Color & Patterns - Quiz

Workflow Speed


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


Advanced Workflow Tricks for Adobe Illustrator CC


Shortcuts for Aligning & Distributing in Illustrator CC Using Actions


How to Proof Colors in Adobe Illustrator CC


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


How Best to Use Illustrator With Other Adobe CC Software


Workflow Speed - Quiz



Advanced Fonts Tricks & Tips in Adobe Illustrator CC


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


How to Use the Touch Type Tool in Adobe Illustrator CC


Typography - Quiz

Strokes & Lines


How to Multiply Strokes to a Path in Adobe Illustrator CC


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


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


Depth, Perspective & 3D


Introduction to 3D in Adobe Illustrator CC


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


How to Make the Paper Cut Effect in Adobe Illustrator CC


Charts & Graphs


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


Artboards & Pages


Advanced Artboard & Pages Tricks in Adobe Illustrator CC


Creative Cloud


Advanced CC Libraries Adobe Stock and Adobe Market




Advanced Image Tricks & Tips in Adobe Illustrator CC


Transform, Distort & Blend


How to Distort Bend Shapes & Type in Adobe Illustrator CC


How to Make a 3D Ribbon in Adobe Illustrator CC


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


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


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


How to Use the Puppet Warp Tool in Adobe Illustrator CC


Transform, Distort & Blend Quiz

Web UI design


How to Use Adobe Illustrator for Web & UI Design




How to Make an Animated GIF Using Adobe Illustrator CC




What Next After Your Illustrator Advanced Course


Final Quiz


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