Join Robin Schneider for an in-depth discussion in this video Drawing a collar, part of Illustrator for Fashion Design: Drawing Flats.
- View Offline
Let's get down to business and draw a buttoned down shirt with a collar. Just like with a t-shirt, the first thing we need to do is go ahead and place the template. So you're going to go up to File>Place, select the Basic Flat Template from Chapter 03, make sure that the Template box is checked the Link box is not checked and click Place. And we can zoom in and start. We're going to start by drawing the collar and the first thing we need to do is the collar stand. Now I know that collars appear to be difficult but I'm going to break this down into steps for you.
Start with a Rectangle tool, and we're going to draw the rectangle for the collar stand. You want to make sure it's actually centered on the template. So we're going to hold down the Alt or Option key and start from the centerline and click and drag out a rectangle, about this size. Don't worry too much about the placement as long as it's centered. Now with the arrow keys on your keyboard, you can nudge it down so it's sitting just about with the bottom edges touching the collar of the template or the neckline of the template. That's going to be our collar stand and it's a good idea to copy it now and save it for later.
So just Ctrl+C or Cmd+C and save it in your clipboard for later. The next thing we're going to do is draw the collar. We're going to do that using the Pen tool. So go ahead and grab the Pen tool. The first click is going to be where the centerline meets the neckline of the template, so go ahead and click right there. The second click is the upper outer corner of the rectangle that you just drew. Click number three is where the collar meets the shoulder, and click number four is the point of the collar. The final click is to close the shape of the collar, and that's how you draw one half of your collar.
Now at this point, if you're not happy with the shape, you can edit it very easily with the Direct Selection tool. You can raise or lower the points over here, you can make it a 1970s collar, but we're not going to do that. You can tweak it anyway you like and you want to do this at this point before you reflect it to the other side, so that you have a nice symmetrical-looking collar. So now, we're going to go back to the Selection tool, release and re-select to make sure the collar piece is selected. Notice I did not select the collar stand, only the collar.
We're going to reflect it to the other side just like we did with the t-shirt, which means click once on Reflect, Alt+ click on the centerline, select Vertical, Copy and there's the other half of the collar. Now it look like it's finished but we're actually going to go backwards before we move forwards. We're going to do something that makes it look unfinished. Go back to your Selection tool, select the whole collar. We're going to unite it together using Pathfinder. So Window>Pathfinder to open the Pathfinder panel and we're going to select Pathfinder Unite.
And it looks like I just took a perfectly nice collar and made a mess of it, but that's okay; bear with me for just a minute. Take your Direct Selection tool and select the corner of this little inside triangle and you are going to tuck it up in this corner here, and then you're going to take the corner of the triangle on the other side and tuck it up in the back over here. What we just did was create the collar roll, so it looks like the collar is actually folded over the back of the neck. Now we can finish the collar up by switching back to the Selection tool and clicking to release so that we've released the whole thing.
And before I move on, I actually noticed a little flaw. I'm going to zoom in and show you. You'll notice right here, see how this corner is nice and this corner has an extra little jog in it. That's because when I reflect it, I must have not have hit the centerline perfectly, and so I'm off by a point or a half a point. I want to show you how to fix it just in case this happens to you. Go to your Pen tool and select the Delete Anchor Point tool and then just delete that extra anchor point. Problem solved! Remember that collar stand that we copied, the very first thing? We're going to paste it in place, but I'm going to teach you a new command.
Instead of Paste or Paste in front which is Ctrl+F, we're going to Paste in back this time and it's named very cleverly and conveniently Ctrl+B for Paste in back. So Ctrl+B or Cmd+B for back, and that restores the collar stand to where it belongs. Now there's one more thing that we need to do, and that is fill this little empty area here with gray. And there's a nice easy way to do that. Grab your Rectangle tool and draw a rectangle right over that spot.
Fill it with gray, and now we can send it to back. I'll show you a new little command right-click, Arrange>Send to Back. Now you'll notice there's an option called Send Backward, but that's only going to sent it back one step and we want it to go all the way to the back. So we want Send to Back and that will put that behind the collar. So we'll zoom out a little bit and now you see we have a completed collar except for one problem, the sharp points. So we're going to select the whole collar, open our stroke panel and make sure that we have round Caps and round Corners.
Let's group it together, right-click, Group and there is your first collar.
- What is a flat?
- Scaling, rotating, and duplicating shapes
- Simplifying and mastering the Pen tool to get you up and running quickly
- Drawing shirts with sleeves, collars, and placket details
- Drawing skirts, trousers, and jeans
- Using custom brushes to add stitching and trim quickly
- Creating and using symbols for buttons, zipper pulls, and drawstrings
- Drawing and rendering croquis with faces and hair
- Creating professional quality layouts