Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less | Helen Bradley | Skillshare

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (14m)
    • 1. Illustrator for Lunch™ - 10 Pen tool and Path tips - Intro

      1:33
    • 2. Illustrator for Lunch™ - 10 Pen and Path tips

      12:25

About This Class

Illustrator 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:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

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

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

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

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

Transcripts

1. Illustrator for Lunch™ - 10 Pen tool and Path tips - Intro: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator For Lunch: 10 Pen Tool and Path Tips in 10 Minutes or Less. Illustrator for Lunch is a series of Illustrated classes, each of which teaches a small range of Illustrator techniques. You'll get an opportunity to reflect on your new skills in the class project area. Today we're looking at 10 tips for working with the pen and path tools in Illustrator. Now, 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 pads with the pen tool and editing those paths, you'll also learn a pen tool tip for building a rotation point into a shape, and 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 let 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 are 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. Illustrator for Lunch™ - 10 Pen and Path tips: Before we start with our 10 tips, there are a couple of things that I'm assuming that you are familiar with doing. I'm assuming that you're familiar withdrawing straight-line path 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 Beziers curves by clicking and dragging, and as you drag, creating the direction handles for your curved 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, so just be aware if you're using an earlier version, even though mine's 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 Beziers curves. If I want to adjust the path, I can select all 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. As I rotate one of them, the other one rotates as well. But 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 handle, so 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, so 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. I 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 so I'll hold the Alt or Option key and swing their hand 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 wanted to go, I'll hold Alt or Option, swing it around to the direction I want to hit 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 Beziers curves for you, and 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, so I'm just moving these lines around by just clicking and dragging on them. The same feature works on lines created using Beziers 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, and when I press the delete key, you can see that removing that anchor points 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, and 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 cone anchor into a curve anchor. Moving two unlocked direction handles as if they were locked. I have a shape that I've created here, and when I drag over this point, you can see it has two direction handles on it and they have been unlocked, so 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, and when I do, you'll see that the cursor changes to a cross here, and 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 this star 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 start and the point and center them and then group them. Now let's go and do that same transform effect. The effect is 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. Every line here I've already created and I want to draw a diamond shape here, and 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 Beziers curves, and 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 Beziers curve handles, so I'm going to click on this anchor point and drag out, and what I'm dragging out at this stage is just the direction handles. I'm telling Illustrator, I want to ahead back in this direction with my curved 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, and 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 selected, so I'm not drawing a point now, 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 are 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 and I look out and respond to all of your class projects. My name is Helen Bradley. Thank you so much for joining me for this episode of Illustrator for Lunch, 10 Pen Tool and Path Tips in 10 minutes or less. I look forward to seeing you in an upcoming episode of Illustrator for Lunch soon.