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

Shaving off miter joins and projecting caps

From: Illustrator CS6 One-on-One: Mastery

Video: Shaving off miter joins and projecting caps

In this movie, I'll show you how to shave away angled bevel joints, as well as projecting caps, using a clipping mask. And this is pretty simple stuff by now frankly. But hopefully it'll give you a sense of how to create your own precisely angled schematic artwork. I'll go ahead and switch over to my illustration in progress, and I'll zoom in as well, so we can take in more of the art work. And I'll click on this zig zag path outline to select it. Now what I want to do is cleave away these miter joints at an exactly horizontal angle. However, if I were to do so in the traditional manner, by clicking on the word Stroke up here on the control panel, and then changing the corner to a bevel joint, you can see that I don't get the right effect at all.

Shaving off miter joins and projecting caps

In this movie, I'll show you how to shave away angled bevel joints, as well as projecting caps, using a clipping mask. And this is pretty simple stuff by now frankly. But hopefully it'll give you a sense of how to create your own precisely angled schematic artwork. I'll go ahead and switch over to my illustration in progress, and I'll zoom in as well, so we can take in more of the art work. And I'll click on this zig zag path outline to select it. Now what I want to do is cleave away these miter joints at an exactly horizontal angle. However, if I were to do so in the traditional manner, by clicking on the word Stroke up here on the control panel, and then changing the corner to a bevel joint, you can see that I don't get the right effect at all.

Instead what Illustrator is doing is, it is of course beveling off the miters but it's splitting the difference between the angles of the two neighboring segments and that's not what we want at all. So, we'll press Ctrl Z or Cmd Z on a Mac in order to undo that change. Now, we're going to start things by adding a few path outlines based on the existing one. But first, I'm going to change the color of the stroke by clicking on the second color swatch, and then switching out to standard black for a rich black. So we get a nice dark path outline and that will help eliminate any trapping problems as well. Then I'll press Ctrl C or Cmd C on a Mac, in order to copy this line. And now we want to create these little blue peaks up here at the top of the logo art.

And I'll do that by switching back to my illustration in progress, clicking on a second color swatch right there, and then changing it to this pre-defined shade of blue. And you can see that it's C65M15Y0K0. And we end up getting this effect here. Now, go ahead and press Ctrl F or Cmd F on a Mac in order to paste in that original path outline. And this time we want to add the green fill, which needs to be independent of the black stroke, for reasons that will become evident in a future movie. But for now, just go ahead and change the second stroke to none, and then change the fill swatch, the first one here, to this shade of green, which is C80M25Y100K0, and you get this effect here.

All right, now let's go ahead and zoom back out here, by pressing Ctrl 0, or Cmd 0 on the Mac. And press the A key to switch to the white arrow tool, and then go ahead and click off the path outline and select this lower left anchor point, right here. Now it's very important that your smart guides are still turned on. Notice that you can see the word anchor right there when I hover over the anchor point. It's barely visible, probably inside the video but if you're working along with me you should be able to see a red word anchor against that green background on the left hand side. As you drag you want to make sure that, that red text changes to a line 60 degrees, so that we're keeping the angle of this line segment at exactly 60 degrees from horizontal, and then drag down until you intersect with the next horizontal guide down, and then release like so. Then drag this lower right anchor point down, and you should see the words align 90 degrees up there along that higher guideline, and then you should see intersect along the bottom one, in which case go ahead and release in order to create this effect here.

Now press Ctrl F or Cmd F yet again, in order to paste the final copy of that black zig zag line. Now you want to switch to the standard rectangle tool, which you can get by pressing the M key, and draw a rectangle from this top horizontal guide down to the next guideline below it, and make sure that you have plenty of room over on the right and left hand sides so that the clipping mask is as big as it needs to be, so, in other words it's an oversize clipping mask, we're only interested in clipping the top and the bottom precisely.

Most likely you'll end up with this big thick black stroke, that doesn't actually matter, just leave it there. Then press the V key in order to switch to the black arrow tool, and Shift click in the black zig zag line and then Shift click again, this time on the green filled path, in order to select them both. And then you want to go up to the Object menu, choose Clipping Mask and choose Make. And Illustrator will not only clip the paths below the rectangle, but it will also get rid of the stroke around that rectangle. And we end up with this effect here. I'll go ahead and click in an empty region of the background to deselect the artwork, and I'll press Ctrl semicolon, or Cmd semicolon on the Mac in order to hide the guidelines and then I'll go ahead and zoom in here. And notice that we have these exactly horizontal beveled joints as a result of that clipping mask, and they are exactly where they want to be and we end up with these blue peaks in the background as well.

If you scroll down you will see that we have some problems with the blue mitre joints as well as the projecting caps, but we'll end up resolving those issues in future steps. In any event, a clipping mask is all you need to shave away precisely angled bevel joints, and projecting caps here inside Illustrator.

Show transcript

This video is part of

Image for Illustrator CS6 One-on-One: Mastery
Illustrator CS6 One-on-One: Mastery

73 video lessons · 11384 viewers

Deke McClelland
Author

 
Expand all | Collapse all
  1. 45m 41s
    1. Welcome to One-on-One
      2m 6s
    2. Setting up angular construction guides
      4m 59s
    3. Shaving off miter joins and projecting caps
      4m 53s
    4. Precisely aligning angled logo artwork
      5m 52s
    5. Covering up gaps and seams in your logo
      7m 9s
    6. Creating ornaments based on miter joins
      5m 9s
    7. Hand-drawing letters as stroked paths
      9m 34s
    8. Kerning and clipping hand-drawn type
      5m 59s
  2. 49m 32s
    1. The benefits of using symbols
      1m 3s
    2. How symbols and instances work
      4m 54s
    3. Creating and naming symbols
      6m 42s
    4. Introducing 9-slice scaling
      4m 31s
    5. Customizing the effects of 9-slice scaling
      7m 5s
    6. Acquiring, trading, and previewing symbols
      6m 5s
    7. Duplicating and replacing symbol instances
      5m 45s
    8. Using symbols to simulate master pages
      6m 53s
    9. Advanced symbol modifications
      6m 34s
  3. 1h 12m
    1. Shading objects with Gradient Mesh
      51s
    2. Creating a gradient mesh
      4m 23s
    3. Adding and deleting lines with the Mesh tool
      4m 27s
    4. Assigning colors to mesh points
      6m 35s
    5. Finessing colors to add depth and shading
      6m 10s
    6. Creating a gradient with the Mesh tool
      8m 27s
    7. Wrapping gradients around circles
      4m 15s
    8. Working with slender, bending shapes
      8m 48s
    9. Creating soft and sharp transitions
      6m 17s
    10. Converting a linear gradient to a mesh
      7m 44s
    11. Converting a radial gradient to a mesh
      9m 16s
    12. Using gradients to cast shadows
      5m 10s
  4. 24m 19s
    1. Black conceals, white reveals
      1m 4s
    2. Introducing opacity masks
      6m 24s
    3. Assigning an empty opacity mask to a layer
      4m 45s
    4. Drawing inside an opacity mask
      4m 57s
    5. Fading artwork with a gradient opacity mask
      3m 3s
    6. Nesting one opacity mask inside another
      4m 6s
  5. 1h 6m
    1. Two ways to apply free-form distortions
      59s
    2. Introducing the Warp tool
      7m 50s
    3. Brush size, Detail, and Simplify
      8m 20s
    4. Liquifying an isolated portion of a path
      9m 48s
    5. The Twirl, Pucker, and Bloat tools
      8m 37s
    6. The Scallop, Crystallize, and Wrinkle tools
      7m 5s
    7. Simplifying a path; creating a custom starburst
      6m 26s
    8. Applying an envelope-style distortion
      4m 34s
    9. Editing the contents of an envelope
      7m 40s
    10. Masking the contents of an entire layer
      5m 0s
  6. 58m 45s
    1. Up to five tiles per pattern brush
      1m 8s
    2. Creating a basic pattern brush
      6m 31s
    3. Correcting and adjusting a pattern brush
      4m 54s
    4. Designing a matching corner tile
      8m 21s
    5. Adding an angled loop to a corner design
      4m 16s
    6. Creating end tiles and tile perimeters
      6m 27s
    7. Cropping your designs inside your tiles
      4m 22s
    8. Assembling a seamless pattern brush
      5m 24s
    9. Adding a white buffer zone to a pattern brush
      8m 24s
    10. Reconciling very acute corners in a path
      8m 58s
  7. 42m 33s
    1. The pleasures and pitfalls of graphs
      1m 27s
    2. Importing and graphing numerical data
      7m 2s
    3. Modifying data to create a category axis
      4m 6s
    4. Reformatting text and values in a graph
      5m 40s
    5. Changing the Graph Type settings
      5m 27s
    6. Creating and applying a graph design
      8m 14s
    7. Repairing a broken pictograph
      2m 53s
    8. Recreating a graph at the proper size
      7m 44s
  8. 37m 47s
    1. The five advantages to 3D in Illustrator
      1m 41s
    2. Introducing the three kinds of 3D in Illustrator
      5m 6s
    3. Working in 3D space: Pitch, yaw, and roll
      5m 13s
    4. Lighting and shading a 3D object
      4m 13s
    5. Beveling the edges of a 3D extrusion
      4m 23s
    6. Creating live, editable 3D type
      4m 30s
    7. Adding cast shadows to 3D type
      3m 59s
    8. Assigning and editing a 3D Revolve effect
      4m 58s
    9. Mapping artwork onto a 3D object
      3m 44s
  9. 52s
    1. See ya
      52s

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 Illustrator CS6 One-on-One: Mastery.

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.