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

Simple drawing with the Pen tool

From: Illustrator CS4 Essential Training

Video: Simple drawing with the Pen tool

So until now we have been using shapes such as rectangles and ovals and ellipses those are great, but when it comes time to using Illustrator for the graphics that you want to create that may not always cut it. So Illustrator has a tool called the Pen tool and the Pen tool is basically the defining vector graphics creations tool. As we will soon see the Pen tool itself allows you to pot anchor points and create the path that we have been learning about until now. From an Adobe Product prospective, the Pen tool is not only found inside of Illustrator it is also found inside of applications like Photoshop, InDesign and Flash. So the great thing about the Pen tool is that when you learn it in one of those applications it really works the same way in all the other applications.

Simple drawing with the Pen tool

So until now we have been using shapes such as rectangles and ovals and ellipses those are great, but when it comes time to using Illustrator for the graphics that you want to create that may not always cut it. So Illustrator has a tool called the Pen tool and the Pen tool is basically the defining vector graphics creations tool. As we will soon see the Pen tool itself allows you to pot anchor points and create the path that we have been learning about until now. From an Adobe Product prospective, the Pen tool is not only found inside of Illustrator it is also found inside of applications like Photoshop, InDesign and Flash. So the great thing about the Pen tool is that when you learn it in one of those applications it really works the same way in all the other applications.

Now admittedly the Pen tool can be a little bit difficult to learn how to use. So in this particular movie we are going to focus on creating very simple shapes using the Pen tool. I'm working in this file called pen_tool.ai, if you have access to the exercise files you will find this in Chapter 04. I'm going to go over to the toolbar and click on the Pen tool. Now you will notice by the way that there are some other tools hidden behind the Pen tools as well. We will deal with those later not right now. For now we are just going to focus on using the Pen tool itself. Now what I have here in this file, if I go to the Layers panel you will see that I have created some Instructions that are kind of graded out in the background here and then I have the Drawing layer, which is now active right now.

So that we are going to draw on top of this, in fact we don't really need to have this Smart Guides turned on right now. Let's say I should turn that off I'm going to go to the View menu, I'm going to choose to turn of the Smart Guides for now, just so that we can focus on seeing exactly what's happening here, I don't want you to get confused. It actually is a good thing to use Smart Guide, it does help you draw but for now, right now I want to focus on the basic premise of what the Pen tool is doing. So you will notice by the way that I have this Pen tool and just to the bottom right of the Pen tool itself is little x. So as we start drawing with the Pen tool it is going to be important to pay attention to the cursor itself because the cursor changes base in the different state what the Pen tool is in.

As we will soon see when you start drawing a graphic when you are in the middle of drawing a graphic, when you are about the end drawing a graphic, that little icon will change. Sometimes that x would be an o, sometimes that x would be an inverted v, sometimes it will be something else, plus sign or a minus sign. As we pay attention to those little icons those will give us little hints to let us know what Illustrator is about to do. Now admittedly the fist time the people use the Pen tool, they think about using a regular pen on a paper and they start to draw with it, so they will click with the mouse and they will kind of draw out and they get this and then they will click and draw again and they see these lines, it just drives people crazy what they usually do then is they just say, I'm never using a Pen tool again, Illustrator is not worth of use and so on and so forth.

I'm just going to tap the Delete key so I can get rid of those particular anchors right now and let's first understand what the Pen tool does. The Pen tool itself is really not a tool that you draw with, it really allows you to create graphics again from a vector standpoint and allows you do draw shapes that already exists inside of your mind. It is very hard to sketch or draw in accounts with the Pen tool. You have to know what you want to create, then what you by knowing what you want to create, what you also want to be doing is plot anchor points. Remember how we went back to that original example, the Surfboard with that Graph Paper Grid and what we did was we saw that well Photoshop just basically colored in the squares, but with Illustrator we had these anchor points that we plotted in this path that connect the anchor points to each other.

Well what the Pen tool does is it allows us to plot where those anchor points go and the interesting thing about the Pen tool is that it creates the path that connect those anchor points by itself, we don't draw those paths, we just draw the anchor points and then everything else gets automatically. So the easiest way to show you this, is to just start of by creating a very simple shape that uses straight lines and what I have here in this particular example here, which is drawing a rectangle. So we are going to start of for us by going to where it says, Step1 click here, so I'm going to go right here and just click once, it is not exactly on it don't worry about it. The concept is still going to be the same, just wanted to get you to click once and then immediately release the mouse. So now I'm going to move little Pen tool away, notice how that x is gone. What we have done is we have created an anchor point that's right there but if I move my mouse away right now, I have no mouse button down at all. I have already released my mouse button.

You can see that now Illustrator is ready for the next step, what I basically did right now is I defined the first anchor point of a path. Remember every path usually has two anchor points at least at the minimum and I basically click to create one or the starting point of that particular path. Now wherever I click again it's is going to define where the endpoint is. Now that Illustrator has the information, the starting point and the endpoint, it has the information to connect those two with a path. So let's see how we do that, I'm now going to move my cursor all the way down to here, because I want to have this be the bottom right end of the triangle, I'm not going to drag with the mouse I'm just going to click and release the mouse.

Notice now that the path was already created, here is the key about the Pen tool. You don't draw the paths, again this isn't mean that a lot of people don't realize but when it comes to using Illustrator, that is the key thing, I think in a way when using the Pen tool. The Pen tool allows you to plot the anchor points and it draws the paths for you automatically. So now I want to create the next part of my triangle, I'm going to move my cursor again over here remember there is no mouse button down right now. I'm going to come over here to this part here and click again. By the way the way it should have work that once you start drawing a path, it continues to draw that path until you tell it otherwise, which it will do within a minute.

In fact you see that now the line isn't that straight, well what I could do is press undo. Move my cursor right over here at this part here, hold down the Shift key and then click with the mouse and that's going to basically constrain it so that when I go ahead and I draw my shape right now I know its exactly the same. Now by the way, it's important to realize that if I have Smart Guides on I would have seen a line to help me identify that as well but I just wanted to turn it off for now, so we can focus on this. So now I have basically three points that I have created, and the points are created by path, I still have an open path though. This whole area is open right now, I need to close this, so why that you close it, is as I'm going to move my cursor back to the original point where I started from, what is alright. Notice what happens to my cursor, as I move my cursor really, really close to that point, a little circle, a little o appears to the bottom right hand corner of that cursor. That identifies to me that right now that the Pen tool is about to close the path.

Remember before an x means that it's about to start drawing a new path, if there is nothing on it whatsoever it means that I'm middle of right now I'm drawing a path and then if I move my cursor close enough to the start point right now. If I click now Illustrator is going to end it and I'm going to close that particular path. Remember circle has no opening so that's just the icon that's being used. And I'll just click once again right on that particular point that I have now completed my triangle. So now basically I was able to click once here, click once here, click once here and I click again here and that's how it created my particular triangle and again I do this using the Pen tool inside of Illustrator. Now it is important to realize, by the way that you see now that I close the path, I now have the x again, which indicates Illustrator is not ready to start drawing a new path.

So remember when I click over here and I hold on the Shift key and click once again to create a line, remember I did not draw that path. I plotted to anchor points and Illustrator connected them with the path for me automatically, that's how the Pen tool works. Now that we have that concept done, we can focus on moving more into more complex pieces of art. For example remember we had discussed way back that there were two types of anchor points inside of Illustrator, there is a corner anchor point, which has straight lines that connect them, but then we had certain shapes that had curved lines connecting them. Well in anchor point that is connect by curved lines are called Smooth anchor points. So in the next video we will talk about how to create more of complex shapes with the Pen tool and we will learn how to create Smooth anchor points to create those curves.

Show transcript

This video is part of

Image for Illustrator CS4 Essential Training
Illustrator CS4 Essential Training

116 video lessons · 48517 viewers

Mordy Golding
Author

 
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

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 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
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.