10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (14m)
    • 1. Graphic Design for Lunch 10 in 10 tips Intro

      1:18
    • 2. 10 Pen and Path tips

      12:20
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

918

Students

10

Projects

About This Class

Graphic Design for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn Ten Awesome Illustrator Pen tool and path tips. You will learn tips for creating bezier curves and straight line paths and how to edit paths. You will learn a technique for adjusting unlocked direction handles as if they are locked, handy shortcut keys, how to use the new
Curvature tool in Illustrator and much, much more. 

More in this series:

10 Adobe Illustrator Layer Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 Adobe Illustrator Pattern tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes - A Graphic Design for Lunch™ Class

 10 in 10 - 10 Adobe Illustrator Type Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 in 10 - Ten Top Adobe Illustrator Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Interface & Workflow tips for Adobe Illustrator - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Appearance Panel Tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Color tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Recolor Artwork tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Gradient tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Reflect and Rotate tips in 20 mins - A Graphic Design for Lunch™ Class

20 Path, Crop & Cutout tips in 20 mins - A Graphic Design for Lunch™ Class

20 Things New Illustrator Users Need to Know - A Graphic Design for Lunch™ Class

2022 Calendar from Scratch in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Extrusion Effects with Text & Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Perspective designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Y Shape Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Exotic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Handy Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Illustrator Shading Techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Cool Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Hexagon Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Abstract Ombre Background in Adobe Illustrator - A Graphic Design for Lunch™ Class

Add a Background to a Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

All you need to know about Brushes in Illustrator - A Graphic Design for Lunch™ Class

Banner and Award Badges in Adobe Illustrator - A Graphic Design for Lunch™ Class

Bends and Blends in Adobe Illustrator - A Graphic Design for Lunch™ Class

Blends and Gradients in Adobe Illustrator - A Graphic Design for Lunch™ Class

Block and Half Drop Repeats in Adobe Illustrator - A Graphic Design for Lunch™ Class

Braids, Rick Rack & More in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cacti with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circles with Brushes, Blends & Transformations - A Graphic Design for Lunch™ Class

Color Schemes to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Complex Patterns with MadPattern templates in Adobe Illustrator - A Graphic Design for Lunch™ Class

Convert a Sketch to Vectors with Illustrator Live Paint - A Graphic Design for Lunch™ Class

Create a Plaid or Tartan Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create Radiolarians in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create with Blends and Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Creative Half tone Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Curly Frames in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Corners for Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Organic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Project Backgrounds in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cute Furry Creatures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cutout Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Design in Black and White in Adobe Illustrator - Create Positive/negative images

Designing with Spirals in Adobe Illustrator - A Graphic Design for Lunch™ Class

Designing with Symmetry in Adobe Illustrator - A Graphic Design for Lunch™ Class

Diamond, Harlequin & Argyle Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - A Graphic Design for Lunch™ Class

Doodle Style Heart with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Hot Air Balloon in Adobe Illustrator - Fun with 3D!

Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Vintage Birdcage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw Safari patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Drawing to Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Easy Isometric Art in Adobe Illustrator - A Graphic Design for Lunch™ course

Export File Sizes & Resolution in Adobe Illustrator - A Graphic Design for Lunch™ Class

Faux Tissue Paper Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Flat & Dimensional drawing techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

Floral Alphabet character in Adobe Illustrator - A Graphic Design for Lunch™ Class

From One Design Make Many Variations in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun Effects with Graphic Styles in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Gradient Background Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Guilloche Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Hi-Tech HUD rings in Adobe Illustrator - A Graphic Design for Lunch™ Class

Ikat Inspired Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

I'm Seeing Stars - Shapes in Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Isometric Cube Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Knockouts in Illustrator - Holes in Shapes - A Graphic Design for Lunch™ Class

Large Scale Repeating Patterns in Illustrator - A Graphic Design for Lunch™ Class

Layered Paper Style Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Let's Go Steampunk! Draw Gears in Adobe Illustrator - A Graphic Design for Lunch™ Class

Live Trace (Bitmap to Vector) in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make a Lace Pattern Brush in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art with Stock Images in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Complex Art in the Appearance Panel in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Ditsy Patterns in Illustrator - A Graphic Design for Lunch™ class

Make Retro Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Scrapbook Papers to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make to Sell Printable Grids in Adobe Illustrator - A Graphic Design for Lunch™ Class

Master Masks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meandering Hexagon Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

More fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Multi-Color Faux Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Neon Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Nighttime Cityscape in Adobe Illustrator - A Graphic Design for Lunch™ Class

Organic Spiral Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern Design in Illustrator Masterclass - A - Graphic Design for Lunch™ class

Pattern in Pattern & Irregular Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern in Pattern in Adobe Illustrator - Doing the Impossible - A Graphic Design for Lunch™ Class

Pattern Know-how in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern of Lines and Dots in Adobe Illustrator - A Graphic Design for Lunch™ Class

Patterns in Adobe Capture for Illustrator & Photoshop - A Graphic Design for Lunch™ Class

Perfectly Overlap Rotated Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Piping Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pop Art Star Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Rainbow Gradient & Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mandala Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mirror Drawing in Adobe Illustrator - A Graphic Design for Lunch™ Class

Retro Landscape Illustration in Adobe Illustrator - A Graphic Design for Lunch™ Class

Road Trip! DIY Brushes & Live Paint in Adobe Illustrator - A Graphic Design for Lunch™ Class

Roaming Square Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seamless Repeating Texture Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Designs - Chalkboard Wreath - in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Ornaments in Adobe Illustrator - A Graphic Design for Lunch™ Class

Semi Transparent Flower Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Sharing and archiving files from Adobe Illustrator - A Graphic Design for Lunch™ Class

Sketch to Vector Art in Illustrator - Saleable Digital Assets - A Graphic Design for Lunch™ Class

Sketchy Image Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Something's Fishy! Appearance Panel Tricks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stipple Texture Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stitches & Needles & Sewing Elements in Adobe Illustrator - A Graphic Design for Lunch™ Class

String Art Inspired Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stylish Doodles to Make & Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Terrazzo Patterns Made Easy in Adobe Illustrator - A Graphic Design for Lunch™ Class

Text over Busy Backgrounds in Illustrator - A Graphic Design for Lunch™ Class

Textured Dot Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Triangle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Type on a Path in Adobe Illustrator - A Graphic Design for Lunch™ Class

Understanding Bounding Boxes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Use Photoshop Objects in Illustrator - A Graphic Design for Lunch™ Class

Vector Halftones & Houndstooth in Adobe Illustrator - A Graphic Design for Lunch™ Class

Vector Textures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Warp Shapes & Text in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolor Stripe Seamless Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolors with Type & Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wave Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Designs with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Diagonal Line Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Scrapbook Paper Designs to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Tree Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wreaths & Floral Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Zentangle® Inspired Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Graphic Design for Lunch 10 in 10 tips Intro: Hello. I'm Helen Bradley. Welcome to this graphic design for lunch class. Today we're looking at 10 pen and path tips for Adobe Illustrator. While most of these tips are targeted towards beginning Illustrator users, there are some that even seasoned Illustrator users may not know. In addition to learning tips for drawing paths with the pen tool and editing those paths, you will also learn a pen tool tip for building a rotation point into a shape. While you may know that once direction handles are split apart they cannot be stuck back together, I'll show you a technique for adjusting them together as if they were locked. As you're watching these videos, you will see a prompt which lets you recommend this class to others. Please, if you're enjoying the class, do two things for me. Firstly, give it a thumbs up and secondly, write in just a few words why you're enjoying the class. These recommendations help other students to say that this is a class that they too might enjoy. If you'd like to leave a comment or a question, please do so. I read and respond to all of your comments and questions and I look at and respond to all of your class projects. If you're ready now, let's get started with 10 pen tool and path tips in 10 minutes or less. 2. 10 Pen and Path tips: Before we start with our ten tips, there are a couple of things that I'm assuming that you are familiar with doing. I'm assuming that you're familiar with drawing straight-line paths by just selecting the pen tool and clicking. I'm also assuming that you know that if you hold the Shift key as you click to draw your path, you will constrain it to either a horizontal line, a vertical line, or a line that has an angle of 45 degrees or a multiple of 45 degrees. I'm also assuming that you've drawn some Bezier curves by clicking and dragging and as you drag, creating the direction handles for your curve line. If you're using an earlier version of Illustrator, you may find that you don't have this rubber band effect where you can see where the line is going, that was introduced in some later versions of Illustrator. Just be aware if you're using an earlier version, even though mine is showing a rubber band, yours may not show that same feature. Unlocking direction handles and a timely warning about the Alt or Option key. I have a path here that is drawn using Bezier curves. If I want to adjust the path, I can select over the anchor points on the path using the direct selection tool. If I now drag on the handles, you'll see that the two handles are joined together so as I rotate one of them, the other one rotates as well. Well, you can change this behavior by holding the Alt or Option key as you drag on one of these handles and this splits the two handles. Now they're going to operate independently of each other and they're going to do that permanently. You can't stick them back together again. There is a word of warning, however, about using the Alt or Option key. Because if I select this anchor point and mistakenly use the Alt or Option key on that anchor point, you can see that what I've done is duplicate the path. It's also possible to mistakenly duplicate just part of a path that same way. Just be really careful when you select either these anchor points and use the Alt or Option key that you're not doing something that you didn't intend to do. Change direction handles as you draw a path and a tip for understanding direction handles. Have a path I've drawn here and we're going to duplicate that now. With the pen tool, I'm going to drag upwards to start my path because I want to head in this direction. I'm going to click and drag downwards. This handle here shows where I've come from. This one is pointing where I'm going to and it's not where I want to go to. I'll hold the Alt or Option key and swing the handle around in the direction that I want to head off in. I'll click and drag downwards. This handle is pointing in the wrong direction for where I want to go. I'll hold Alt or Option, swing it around to the direction I want to head off in, and continue on with my path. When you're drawing a path which involves a change of direction, remember that the Alt or Option key will allow you to change direction as you're drawing the path. Working with a new curvature tool in Illustrator CC, the new curvature tool in Illustrator CC allows you to draw curved shapes by just clicking. You'll just click and Illustrator will create the Bezier curves for you. You can do this with a line of curves or a curved-filled shape. As you're drawing your curves if you want to swing from drawing curved lines to a straight line, double-click to start the straight line segment, and then double-click for each of your straight line segments. When you want to go back to drawing curves, just start single-clicking again. Reshaping a path by dragging on a line. I've created these lines using the pen tool and I'm selecting the direct selection tool. Now you already know probably that you can click and drag on an anchor point to reshape the line, but you can also click and drag on the lines to move them. I'm just moving these lines around by just clicking and dragging on them. This same feature works on lines created using Bezier curves. I've just clicked and dragged on this line segment and I can take it in any direction. The perils or otherwise of using Delete to delete an anchor point. I have my two lines here and I have my direct selection tool selected. I'm clicking on this anchor point. When I press the delete key, you can see that removing that anchor point splits my line in two. I'm going to undo that. If I want to remove this anchor point keeping my line intact, I'll need to go to the delete anchor point tool. When I click it to delete the anchor point with that tool, the line maintains its consistency just minus one anchor point. Now the curvature tool that's new in recent versions of Illustrator has a different behavior entirely. I'm going to select on this line here with a curvature tool and I'm going to click once on this point so it's now a filled circle indicating that this is the targeted point. Now when I press the Delete key, something very different happens. When you press "Delete" with the curvature tool selected, the line remains intact. Shortcut keys to know even when you hate learning shortcuts. These pen tool shortcut keys are worth knowing. Press the letter P to target the pen tool. When you finish drawing your line, you can press the letter P to finish drawing the line. To switch to the delete anchor point tool, press the Minus key. To switch to the add anchor point tool press the Plus key. When you want to change an anchor point, select the anchor point and hold the Shift key and press the letter C. I like to think of that as the change anchor point tool, hence the letter C. Click on the point and you'll turn a curved point into a straight line point. Here I'll click and drag to change a corner anchor into a curve anchor. Moving two unlock direction handles as if they were locked. I have a shape that I've created here. When I drag over this point, you can see it has two direction handles on it and they have been unlocked. They're going to travel independently of each other. If I want them to travel together, I can make them do that. I'm going to select the anchor point using the direct selection tool. Then I'm going to the scale tool. When I do, you'll see that the cursor changes to a cross hair. Now when I drag on the handle, I don't actually see the handles, but they're both being altered and they're both being altered together. I can just click and drag and take them wherever I want, but the two handles are behaving as if they were locked together. A one-click pen tool solution for more powerful rotations. I've taken the start and rotated it using the transform tool. What I did was rotate it around this middle bottom point and this is what I got. You're stuck with using for this transform effect one of these anchor points as your rotation point. But things can be different if you use the pen tool. I'm going to click on the pen tool and click just to create a single point below this shape. I'm going to select my star and the point and center them and then group them. Now let's go and do that same transform effect. The effect this time looks very very different. By creating a single anchor point, grouping it with a shape, you can get more flexible rotation options. How to start a new path on top of an existing anchor point without joining the two lines together. I have a line here I've already created and I want to draw a diamond shape here. I want it to intersect with this anchor point, but I don't want it to be joined to that path. However, as soon as I hover over this anchor point and start drawing, Illustrator joins the two paths together. It's not what I want to happen. It's really quite difficult to stop this behavior in Illustrator unless you lock the path. As soon as you lock the path, you can still locate the anchor point to add your shape at that point. But because you locked this path down, this new shape is a separate path. It's not joined to the other one. They have anchor points that share the same position, but they're not joined together. A one-click solution to turning a curved line into a straight line and vice versa as you're drawing it. I'm drawing a path that has a series of Bezier curves. I want to start doing a straight line, but I already have a direction handle that is creating a curve. If I go back and click on this anchor point once, I'm going to change the behavior of that line so it's now a straight line segment. Likewise, when I want to go back to drawing a curve, I don't have any Bezier curve handles. I'm going to click on this anchor point and drag out. What I'm dragging out at this stage is just the direction handles, so I'm telling Illustrator I want to head back in this direction with my curve line. I'll let go the mouse pointer and here's my curve. Click once to change direction to a straight line. When you want to go in a curve, click and drag to create the direction for your curve, and then start creating your curve. Today's bonus tip is path tool space bar tricks. I'm going to the pen tool, I'm going to start drawing a path. As I get down here with this particular anchor point, I've noticed that this anchor point is not in the right place. If I hold the space bar, I can move the anchor point around. Instead of the mouse pointer changing the direction handles, it's actually moving the anchor point. When I let go the space bar, I can continue to draw that point. Now that's one way that you can use the space bar as you're drawing a line. But down here, I haven't actually got a point select. I'm not drawing a point, but I'm just realizing that I'm running out of artboard. I'm going to hold the space bar at this point and what I get is a hand, so that allows me to move the artboard away. Now I'm going to click and drag to create a point. If it's not in the right place, the space bar will let me move it. You can use the space bar in a couple of ways as you're drawing your paths. Your project for this class is very simple. Just go to the class project area and tell me which of these tips you found most useful. Now as you were watching these videos, you will have seen a prompt which let you recommend this class to others. Please, if you enjoyed the class, do two things. Firstly, give it a thumbs up, and secondly, write in just a few words why you enjoyed the class. These recommendations help other students to say that this is a class that they too might enjoy. If you'd like to leave me a comment or a question, please do so. I read and respond to all of your comments and questions. I look out and respond to all of your class projects. My name's Helen Bradley. Thank you so much for joining me for this episode of graphic design for lunch and I look forward to seeing you in an upcoming episode soon.