Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Drawing complex shapes using round corners

From: Draw Better and Faster with Illustrator CC

Video: Drawing complex shapes using round corners

In this movie, I'll show you how to draw using round corners.

Drawing complex shapes using round corners

In this movie, I'll show you how to draw using round corners. And we're not going to draw something goofy like this either. We're going to take this pencil sketch that I created, and scanned in, and set up as a template layer, and then we're going to turn it into this final chess piece silhouette. Right here. So, I'll go ahead and start off in my template document. I'll zoom in as well. Make sure, if you're working along with me, that the drawing layer is active, because, you won't be able to draw on the Lot Sketch layer. Then I'll press Ctrl+R or Cmd+R on a Mac, to bring up the rulers.

And I'll drag out a guide, a vertical guide, that will serve as my center guide. Now, obviously it's not in the center of my document quite yet, but I'm going to make it so by pressing Ctrl+R or Cmd+R on a Mac to get rid of the rulers. I'll go up the the View menu, choose Guides, and then choose Lock Guides to turn it off. And then I'll go ahead and Marquee that guide with a Black Arrow tool, not the White arrow. Then go up to the Control panel, click on the align icon. Set it to Align to artboard, and then click on Horizontal Align Center.

And then I'll put the guide right there and in the center of the document, and then go back to the View menu < choose Guides and choose Lock Guides to lock the Guide down. Alright, now what we want to do is select the Pen tool, but I'm not going to be drawing any control handles whatsoever, so no smooth points, no cusps, just a bunch of corner points. And so I'll click right about there, on that guide, in order to set my first point, and then I'll Shift+click right here. I know I'm not exactly tracing the template, but it's a little off.

And then I'll Shift-click there, and out here. So these are all Shift-clicks so far. Then I'll click, this time not pressing the Shift key. Then I'll Shift-click, and the reason I'm Shift-clicking, by the way, is so that I'm creating exactly vertical or horizontal segments. Shift-click there, Shift-click right there. Click out here, then click over here. Then click down around, about there. And then Shift-click beyond this edge. So you want to click at an extreme because you're going to be rounding inward. And then click down here, click right about there and then there.

And I'm going to go ahead and zoom in on things so that I can better see what I'm doing. I think this point wants to come out a little bit, so I'm pressing the right arrow key to nudge it out. I could also switch back to the white arrow tool for a second, and just kind of drag it so it snaps into alignment with that point up there, and then just press Shift down arrow, and up arrow, a few times, whatever, just nudge it around to get it to the right place. Alright, now press the P key to switch back to the Pen tool, click on that point to make it active again, Shift-click right there, we want to click out here.

Click in here. So, some of these corners are not going to get rounded. They're going to stay corners. Click way out here, then click down here some place. Now you can zoom out quite a bit and click, I don't know. Right about there is probably going to work well. And then click here. So, you can see. Now we don't have to set that many points. I'm just clicking at the extreme outer corner, then clicking on a corner that we'll be keeping, click out here, click there, let's say. And then I want to Shift-click right there, Shift-click down closer to the bottom here.

Actually want to extend this. I kind of ran out of paper on my pencil sketch. I press the down arrow key a few times to nudge that down. And then finish things off by shift clicking over here at the guide, and that didn't work because I deactivated my pass, so I'll go ahead and press Ctrl+Z or Cmd+Z on a mac. Click there in order to extend the path, and then Shift-click right there in order to finish it off. Alright, let's give the path a stroke by switching back to the Black Arrow tool, which you can do by pressing the V key. I'll click on the path to select it so that the entire path is selected in other words.

Then, go up to the stroke setting here, change it to black, and I might as well take the line weight up to two points, let's say. Alright now, I'm going to scroll up, and I'm going to zoom in again. And I'm doing that by Ctrl+Spacebar clicking by the way, that's a Cmd+Spacebar click on the Mac. And now if I were to grab my White Arrow tool by pressing the A key. And if I were to drag one of these little rounding controls in order to round all of the corners, you can see that I can't round them very far, and that's because most of these corners are very tight, and we don't have a lot of room to maneuver.

So, I'll press Ctrl+Z or Cmd+Z on the Mac to undo that change. I don't want to change all of the corners, so I'm going to click off the path to deselect it, and I'll click at this corner right here to select it, and I'll round it as much as I can, so that we get a nice, smooth arc right there. Then I'll click this corner and round it to right about there, so it more or less matches the template. Both of these corners want to be rounded to the same extent. So I'll click on one, shift click on the other and round them off to about there, lets say. Click on this guy and round him to about that location.

Really up to you how you want to work. Click here and go ahead and drag inward. And I want you to notice something. For those of who are comfortable with control handles, which is probably just about all of you, if you click off the shape and click on it, so just click on one of these rounded segments, you will see that you do have control handles. And you've also got that roundness control right there. If you move one of the control handles, if you drag it around, you're going to lose your roundness control. However, you may want to do that. There may be times where you want to manual control over an arch that you've created.

In my case, I don't, because I've kind of ruined the alignment, as you can see right there. I've got a little bit of an elbow. So, I'll press Ctrl+Z or Cmd+Z on a Mac, and that brings back my roundness control so that I can play with it some more if I so desire. Alright, now I'll move down here, click on this point, and I'll bring it in like so. Round it to, well, pretty far. Actually, you know what I want to do? For this specific eye, I'll double click on the corner control to bring up the corners dialogue box, and I'll change the rounding to relative. So it pokes out a little bit. Then I'll click OK.

Alright, now click on this corner and drag it in. So, you're probably getting the idea by now that this is just like the most useful control on the face of the planet, it's just so great you can do this. Alright, now I'm going to take the waist of this piece here, click on this anchor point right there, and I'm going to drag its control way, way out. And I might even go further with it, I'll go ahead and zoom out a little bit. And take it off into the paste board, because I want a nice fluid arc right there. And you can even go farther with it if you want, I might. Actually, that looks really good.

All right, now, zoom back in, click on this corner, drag it in like so. I'm dragging it too far, as you can see. Then I'll double-click on the little control right there and change the rounding to relative so it pokes out a bit. Click OK. That went in a little bit too far, so we'll take it out some more, like so. And then I'll select this corner and drag it in, in order to create this kind of arc right there. Now this one wants to kind of taper in and then come back out like this, so I'm going to take manual control over it.

First of all, drag this all the way in, now, well, that's as far as it can go. And then I'm going to click off this point, and click on it again to select it. Now, I think I only have one point, that's a good thing, and I'm just going to move this guy down, and then drag this control handle outward and drag this one down,as well. So, any of these rounded corners can serve as a starting point for your own manual manipulations. Now, I'll go ahead and select this corner and drag its control handle in.

And that should take care of it, folks. Now, I'm going to go ahead and zoom out. And you can see, I only drew half of the shape, because after all, I want it to be symmetrical. So, I'll press the V key to switch to my Black Arrow tool; go ahead and select it there. And I'm going to scroll down to the bottom of this object. And I'll select the Reflect tool from the Rotate Tool fly out menu, and I will Alt or Option click right there on that guide in order to bring up the Reflect dialog box. The axis should be vertical, and because my preview check box is turned on, I can see everything's looking good, so I'll click the Copy button.

In order to create a copy of that shape and then I'll go ahead, marquee the two shapes with my black arrow tool and I'll go up to the Object menu, choose Path and then choose Join. Or you can just press Ctrl+J or Cmd+J on the Mac, and that's going to fuse everything together and I can just check to make sure that's true by dragging that point. Looks great. And now, go ahead and scroll up to the top of my chess piece here, and it looks like I've got a gap, that kind of stuff happens sometimes, so I'll Marquee these two endpoints. Go up to the Object menu, choose Path, and then choose Average.

Make sure Both is selected, click OK, and that'll go ahead and move them together, and now I'm going to press that keyboard shortcut that brings up the Join dialog box. Which is Ctrl-shift+Alt+J or Cmd-shit+Option+J on the Mac, because I want to join these guys as a smooth point. And click OK. And that is pretty much it. Actually, I deselected the shape; that's not what I wanted to do. I'll press the V key to switch to the black arrow tool. Select the shape like so and then press Shift+X in order to swap the fill and stroke attributes. And now go ahead and turn off the template because I'm done with it, and I'll go up to the view menu choose Guides and choose Clear Guides just because I don't need that center guide anymore.

And I just press Ctrl+0, or Cmd+0 on the Mac, to zoom out. And now I'm going to scroll up using the scroll wheel on my mouse, and that Is one of many ways to draw by setting up a base polygon using the pen tool, because that's the easiest way to work. And then adding your rounded contours, your arcs, using the new Round Corner control that's available to you in Illustrator CC.

Show transcript

This video is part of

Image for Draw Better and Faster with Illustrator CC
Draw Better and Faster with Illustrator CC

20 video lessons · 7332 viewers

Deke McClelland
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Draw Better and Faster with Illustrator CC.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.