Start learning with our library of video tutorials taught by experts. Get started

Illustrator CS4 Essential Training

Advanced drawing with the Pen tool


From:

Illustrator CS4 Essential Training

with Mordy Golding

Video: Advanced drawing with the Pen tool

So now you understand the core concept of what the Pen tool is, it allows you to plot these points and it connects them with these particular paths. Now until now, we have defined corner anchor points, which are connected by straight lines, now let's talk about using the Pen tool to create smooth anchor points and curve lines. So I'm going to use the same file, if you have the exercise files, it's called Pen tool and you will find that in Chapter 04. Once again, we are going to switch to the Pen tool that's right here, I'm also going to use the space bar to simply move over here to the next part of a particular file. So this becomes a little more complex but again the concept here is understanding that we are plotting anchor points; we are not drawing the paths and the paths would be drawn automatically by Illustrator. So let's see how this works.
Expand all | Collapse all
  1. 59s
    1. Welcome
      59s
  2. 33m 17s
    1. Why use Illustrator?
      2m 22s
    2. What are vector graphics?
      8m 4s
    3. Understanding paths
      4m 13s
    4. Fill and Stroke attributes
      5m 32s
    5. Selections and stacking order
      8m 31s
    6. Isolation mode
      4m 35s
  3. 23m 43s
    1. The Welcome screen
      1m 11s
    2. New Document Profiles
      4m 36s
    3. Using multiple artboards
      7m 17s
    4. Libraries and content
      3m 52s
    5. Illustrator templates
      2m 56s
    6. Adding XMP metadata
      3m 51s
  4. 43m 55s
    1. Exploring panels
      4m 18s
    2. Using the Control panel
      5m 25s
    3. Navigating within a document
      5m 27s
    4. Using rulers and guides
      5m 23s
    5. Using grids
      2m 12s
    6. Utilizing the bounding box
      3m 3s
    7. Using Smart Guides
      4m 59s
    8. The Hide Edges command
      3m 31s
    9. Preview and Outline modes
      2m 18s
    10. Using workspaces
      7m 19s
  5. 38m 3s
    1. The importance of modifier keys
      1m 9s
    2. Drawing closed-path primitives
      7m 15s
    3. Drawing open-path primitives
      5m 5s
    4. Simple drawing with the Pen tool
      7m 28s
    5. Advanced drawing with the Pen tool
      10m 33s
    6. Drawing with the Pencil tool
      6m 33s
  6. 46m 37s
    1. Editing anchor points
      13m 7s
    2. Creating compound shapes
      5m 55s
    3. Utilizing Pathfinder functions
      5m 11s
    4. Joining and averaging paths
      5m 37s
    5. Outlining strokes
      3m 24s
    6. Simplifying paths
      5m 41s
    7. Using Offset Path
      2m 43s
    8. Dividing an object into a grid
      1m 41s
    9. Cleaning up errant paths
      3m 18s
  7. 35m 23s
    1. Creating point text
      4m 4s
    2. Creating area text
      4m 19s
    3. Applying basic character settings
      6m 27s
    4. Applying basic paragraph settings
      4m 4s
    5. Creating text threads
      5m 28s
    6. Creating text on open paths
      5m 18s
    7. Creating text on closed paths
      3m 57s
    8. Converting text to outlines
      1m 46s
  8. 20m 15s
    1. Using the basic selection tools
      7m 53s
    2. Using the Magic Wand and Lasso tools
      6m 34s
    3. Selecting objects by attribute
      2m 38s
    4. Saving and reusing selections
      3m 10s
  9. 40m 35s
    1. Using the Appearance panel
      6m 48s
    2. Targeting object attributes
      3m 26s
    3. Adding multiple attributes
      7m 6s
    4. Applying Live Effects
      8m 9s
    5. Expanding appearances
      4m 48s
    6. Appearance panel settings
      6m 51s
    7. Copying appearances
      3m 27s
  10. 37m 15s
    1. Defining groups
      7m 2s
    2. Editing groups
      5m 28s
    3. Working with layers
      8m 10s
    4. Layer and object hierarchy
      6m 57s
    5. Creating template layers
      2m 3s
    6. Object, group, and layer attributes
      7m 35s
  11. 44m 4s
    1. Applying colors
      3m 18s
    2. Creating solid color swatches
      4m 48s
    3. Creating global process swatches
      5m 1s
    4. Using spot color swatches
      4m 27s
    5. Creating swatch groups and libraries
      6m 50s
    6. Working with linear gradient fills
      6m 34s
    7. Working with radial gradient fills
      2m 19s
    8. Applying and manipulating pattern fills
      4m 51s
    9. Defining simple patterns
      5m 56s
  12. 22m 43s
    1. Moving and copying objects
      2m 1s
    2. Scaling objects
      4m 49s
    3. Rotating objects
      3m 14s
    4. Reflecting and skewing objects
      2m 27s
    5. Using the Free Transform tool
      2m 9s
    6. Aligning objects
      5m 15s
    7. Distributing objects
      2m 48s
  13. 25m 13s
    1. Using a pressure-sensitive tablet
      1m 38s
    2. Using the Calligraphic brush
      6m 10s
    3. Using the Scatter brush
      4m 0s
    4. Using the Art brush
      2m 26s
    5. Using the Pattern brush
      3m 21s
    6. Using the Paintbrush tool
      1m 41s
    7. Using the Blob Brush tool
      3m 42s
    8. Using the Eraser tool
      2m 15s
  14. 16m 36s
    1. Using symbols
      3m 9s
    2. Defining your own symbols
      2m 1s
    3. Editing symbols
      4m 4s
    4. Using the Symbol Sprayer tool
      2m 32s
    5. Using the Symbolism toolset
      4m 50s
  15. 35m 37s
    1. Minding your resolution settings
      6m 15s
    2. Applying basic 3D extrusions
      6m 43s
    3. Applying basic 3D revolves
      2m 31s
    4. Basic artwork mapping
      5m 9s
    5. Using the Stylize effects
      5m 35s
    6. Using the Scribble effect
      5m 43s
    7. Using the Warp effect
      3m 41s
  16. 21m 37s
    1. Placing images
      4m 51s
    2. Using the Links panel
      2m 47s
    3. The Edit Original workflow
      2m 0s
    4. Converting images to vectors with Live Trace
      5m 29s
    5. Rasterizing artwork
      1m 55s
    6. Cropping images with a mask
      4m 35s
  17. 10m 35s
    1. Saving your Illustrator document
      8m 18s
    2. Printing your Illustrator document
      2m 17s
  18. 6m 25s
    1. Exporting files for use in QuarkXPress
      1m 8s
    2. Exporting files for use in InDesign
      39s
    3. Exporting files for use in Word/Excel/PowerPoint
      45s
    4. Exporting files for use in Photoshop
      1m 25s
    5. Exporting files for use in Flash
      1m 15s
    6. Exporting files for use in After Effects
      19s
    7. Migrating from FreeHand
      54s
  19. 2m 23s
    1. Finding additional help
      2m 0s
    2. Goodbye
      23s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Illustrator CS4 Essential Training
8h 25m Beginner Oct 13, 2008

Viewers: in countries Watching now:

Illustrator can be used to accomplish many different design tasks. For this reason, Illustrator CS4 Essential Training teaches core concepts and techniques that can be applied to any workflow for print, the web, or assets that will find their way into other applications. Mordy Golding explains the elements that make up vector graphics—paths, strokes, and fills—and shows how to use each of Illustrator's drawing tools. He demonstrates how to combine and clean up paths, and organize them into groups and layers. Mordy also covers text editing, working with color, expressive brush drawing, effects, and much more. Exercise files accompany the course.

Topics include:
  • Making efficient use of the Illustrator interface
  • Creating text on a path
  • Using the Magic Wand and Lasso selection tools
  • Working with a pressure-sensitive tablet
  • Applying 3D extrusions and resolves
  • Converting images to vectors with Live Trace
  • Exporting files for use in Photoshop, Flash, and other applications
Subject:
Design
Software:
Illustrator
Author:
Mordy Golding

Advanced drawing with the Pen tool

So now you understand the core concept of what the Pen tool is, it allows you to plot these points and it connects them with these particular paths. Now until now, we have defined corner anchor points, which are connected by straight lines, now let's talk about using the Pen tool to create smooth anchor points and curve lines. So I'm going to use the same file, if you have the exercise files, it's called Pen tool and you will find that in Chapter 04. Once again, we are going to switch to the Pen tool that's right here, I'm also going to use the space bar to simply move over here to the next part of a particular file. So this becomes a little more complex but again the concept here is understanding that we are plotting anchor points; we are not drawing the paths and the paths would be drawn automatically by Illustrator. So let's see how this works.

Now I have basically the same number of anchor points that I would have in a rectangle what I'm going to do now is draw a circle and let's see how that works. Now before we would just click and releasing the mouse, clicking and releasing the mouse, clicking releasing the mouse. Those actions created straight lines or just when you click and release with the mouse with a Pen tool, it creates corner anchor point. But if you click and you drag with the Pen tool, which is what I'm going to do right now, you drag out these control handles from that anchor point and then when I release the mouse, and then I click, that creates the curved path. And remember how we discussed before how the control handle helps to find what that curve follows.

So let's just delete that for now and let's see how that works here with these simple instructions and then we will begin to see how this all comes to play and then we will go through the several examples that we can build up some confidence with using the Pen tool. I'm going to start up with Step One, where it says, Press Here. I'm not going to let go the mouse. I'm going to click, hold down the mouse button, drag in this direction and I could use the Shift key by the way, as I do this, just to make sure that it's straight and I'm going to release the mouse when I get to this point, right here, so my control handle is basically going to come out to here and now I'm going to release the mouse.

So what I have done is I have defined an anchor point but remember this is not a corner anchor point, this is a smooth anchor point, which means that when I define now another anchor point instead of a straight line I'm going to get a curved line and that curved line is defined by that control handle that I created. Don't worry about where it's going to go so on and so forth, we are not up to a point now where we can anticipate that but as you start to draw a graphic you begin to anticipate where the curves are going to go. So I'm not going to move my cursor down over here and I have no mouse button down as I do this. I'm now going to hold down the mouse button and I'll click and then drag, I'm using the Shift key down again to drag once again to this point right here. So now look what happened. By dragging out that control handle on either end of here -- by the way, it's a symmetrical thing when you draw a control handle form an anchor point. By default, it's going to do that evenly on both sides of the anchor point.

So what I now get is a curved line that connects these two anchor points. Let's go ahead and continue this, I'm going to go down over here, click, hold down the Shift key and drag out here to this point. One more time, move my cursor up over here, click, drag, release. Started from the beginning over here, where I was, notice now I get that little O that means I'm about to close my path, click, drag, release. So now what I have done is I have created the circle. If I move this over here, for example, to see what we are dealing with over here, remember how we do that circle way back and we saw where the anchor points and where the handles were.

Well now if use my direct selection tool, my white arrow and I click on just one of these points, I see exactly where those handles are and by dragging out those handles I can adjust how that particular path looks. Let's take a look at some other examples and again we will get more familiar with what's happening here inside of Illustrator. So I'm going to go ahead and use the Pen tool once again, and let's file these directions. Click here, drag the mouse what have we done here and then release the mouse once again. Come up over here, I'm just going to click once and then release the mouse. So you see how that created kind of like a little scarlet that appears right over here.

What I'm now going to do is click directly on that anchor point by the way see, when I move my cursor away this is Illustrator letting me know that the Pen tool with no other additional parts next to it, just tell me I'm currently in the middle of the drawing right now of path and remember if I move kind of over here and let me close the path, if I had the 04:07 of drawing a new path. Well right now what I'm going to do is I'm going to move my cursor right over that existing anchor point I just created. You see that little inverted V that appears as right there. That allows me to actually manually pull out a control handle, from a particular shape. So what I'm going to do right now is I'm going to click and drag, you can hold the Shift key down as I do this, to drag out here and now I didn't do anything to the path, what I did was I manually pulled out a control handle and remember before when I just clicked and dragged, the control handle is appearing on both end of the anchor point that I created.

Well now I only pulled out one control handle on one side of this. So this is what I call a combination point. Before we created anchor points, the corner anchor points that we created actually have the straight lines connecting them, there are no control handles. A smooth anchor point basically, the path goes right through that anchor point and the control handles are actually kind of a tangent to that particular path and they are even on both sides. A combination point is an anchor point that has the corner anchor point and has the smooth anchor point. It does have the control handle but only one of that, which means that the path actually changes directions as it goes through the point. Some of the people do call it a change direction point. What I'm going to do now is move my cursor over here and click once again.

Notice how the path starts here. It goes through over here, if this where a smooth anchor point, the path would run right through the smooth anchor point up this way but instead the path changes direction and comes back down this way and that happen because I pulled the control handle out of that point, only one of them on this particular direction. Let's do that again, I'll move my cursor over here, I see the inverted V, the inverted V is letting me know about to pull out a control handle, click, drag downwards to here and now release the mouse. Move my cursor over to this part here, click once again. And now again I have created that changed direction point to that combination point.

So now I'm able to do this, now it's important to realize by the way, remember as I said before Illustrator will continue drawing paths until you decide otherwise. So if I click, let's say, somewhere else over here right now, it's going to continue drawing that path. If I don't want that to happen, what I'll do is I'll use the keyboard shortcut, the most common keyboard shortcut in Illustrator is going to be the Command key or the Ctrl key, which takes me back to the last used selection tool. Now if I press the Command key and I just click on any blank area on my screen, I have now deselected that shape. So now when I go back to the Pen tool, I get the little x, which means I'm now able to draw a new path and that's going to start drawing a new path that way as well. First, move on to some of the other shapes that I have here in this particular example. Again, the more that you start to use the Pen tool, the more that you begin to learn what it does.

So I'm going to start over here, take my Pen tool right here, I'm going to click once right over here, drag to here, click once over here, drag to here. What I end up getting right now is a curved path like this and this a really great example to see exactly, I'm going to go ahead and go to my Layers panel here, let's hide the instructions for a second here. Let's understand what is happening here when I create these paths, when I clicked and dragged, remember I dragged out this particular control handle to right here and then when I created this anchor point, and I clicked and dragged it also created a control handle on to here.

Notice how the path, that's over here, is drawn upwards because the control handle is here. But this part of the path is drawn downwards because this control handle is here as well. Again think of the control handle and this is like a magnet, and as I move the control handle that path is drawn to wherever that magnet goes. Let's turn this Instructions layer back on again. Let's focus on this particular part here of this art work. We'll again use the Pen tool, let's start up over here, click over here and hold them down the mouse button and dragging all the way to here and I release. That's step two, now let's go to step three over here and click, drag all the way down here, release.

Position over here, click, drag upwards over here, release the mouse, move my cursor here to the final point, click, drag and then release. I have created this shape that's right over here. Now again it's important as you start to work with Illustrators Pen tool. To start to anticipate, where is the next anchor point going to go. I mean here it's little bit easy because you have this template in the background, which is telling you where to click. However, when you start creating free form paths on your own, the more experience you get the Pen tool, like for example a friend of mine, Bert Monroy. Fantastic Illustrator user, great Photoshop user, and what he does inside Photoshop is just unreal. He creates his wonderful shapes and he just basically picks up the Pen tool and starts drawing with it.

I'm not even on that level he understands where the anchor points need to go to make the paths go there. It's reverse psychology. Don't think about the paths, think about where the anchor points need to go and Illustrator goes ahead and does that. Just do one final example here, again I'm going to hold down the Command key and I method simply going to click, so now they are the path is deselected. Now the Pen tool has little x, and x means that I'm ready to start with the new path. I'm going to click, here drag down here, release. Click here, drag down here, release. Click here, drag down here, release. Click here, drag down here, release and again a lovely wave pattern, which is great because the whole theme of our title throughout today is groundswell, which is the surfing company. So, great to have some waves in here.

But again the more that you start working with Illustrator, this is actually some really good exercises, I was suggested maybe you take this file, and just try to anticipate maybe try to create that exact same wave without using the template in a new file. See if you can now anticipate where those anchor points are, again the more and more that you start using the Pen tool the more and more you get used to it, the more easily you start creating shapes inside of Illustrator. However I want to emphasize one thing before we kind of work with the Pen tool here. There are plenty for the drawing tolls inside of Illustrator and if you don't get the Pen tool right away, that's perfectly fine, you don't need to use the Pen tool in fact, there are many other features inside of Illustrator besides the primitive drawing tools that we have already defined, we are talking about a paint brush tool and a pencil tool and there is even some features called Live Paint in Illustrator that really make it easy for you to get started with drawing graphics.

The pen tool that I have at the very, very core is probably the tool that allows you to just go crazy and have the most control over the vectors because remember the pen tool is that quintessential tool. It allows you to edit and work with anchor points, which is the base of all vector graphics. Speaking about this tool such as the Pen tool, in the next movie we will take a look at how you can use the open tool to create graphics as well, which is somewhat more intuitive but you loose the control that you have with the Pen tool.

Find answers to the most frequently asked questions about Illustrator CS4 Essential Training.


Expand all | Collapse all
Please wait...
Q: I cannot get the new brush dropdown to allow me to create either a New Scatter Brush or a New Art Brush; the only ones I can click on are New Calligraphic Brush and New Pattern Brush. When I go to Windows > Brush Library and choose New Brush, again the only ones I can click on are New Calligraphic Brush and New Pattern Brush. How do I make these work like they should?
A: In order to create a new Scatter or Art brush, you must first have artwork selected on the artboard.
Share a link to this course
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.
Upgrade now


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.

Upgrade now

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 CS4 Essential Training.

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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