Day 5: Drawing with Pen Tool

Illustrator Add comments


The Path Tool will be the hardest tool to learn in Illustrator. It usually take weeks to learn and beginners always end up in frustration while figuring how it works. So don’t give up and practice it every day and soon you will be able to draw any shape.

Drawing Straight Lines

Select the Pen Tool and click once to add the first anchor point. Move your mouse to the next position and click again to create the second point. The two anchor points will be connected together. Continue doing this to create a W shape as shown.To draw a new line, click the Selection Tool(The Black Arrow Icon) and click back the Pen Tool again.

pen tool in illustrator

Closing a Path

To close a path, click back the starting point to close the shape.

Closing a path

Drawing a Curved Line

Click and drag to put out the handles to create a smooth anchor point.

pen curve

Changing Path Directions

Click and drag to create a smooth anchor point. Without releasing your mouse, hold Alt/Option and drag the handle up to change the path direction.

pen curve

Drawing a Circular Path

Click and drag to create a smooth anchor point. Continue adding points and click back the starting point to close the path.

pen circle

Adding Anchor Points

With the Pen Tool selected, go near the path where you want to add a new anchor point. A plus sign will appear next to the pen, click on the path to create a new anchor point.

add anchor points

Removing Anchor Points

To remove point, move your Pen Tool close to an anchor. A minus sign will appear next to the pen. Click on the anchor point to delete it.

removing anchor points

Converting Anchor Points

To convert a smooth anchor point to a sharp anchor point, move your Pen Tool near the anchor and hold Alt/Option and your Pen Tool will change to an arrow shape. Click on the smooth anchor to convert it to an anchor point. Click and drag on the anchor point again to change it back to a smooth anchor point.

convert anchor points

Moving Anchor Points

Select the Direct Selection Tool and click and on anchor you want to move. Click and drag to change positions.

Changing Anchor Directions

With the Pen Tool, you can quickly change the anchor directions. Hold Ctrl/Command to quickly change the Pen Tool to Direction Selection Tool. Select the anchor point you want to edit. The anchor handle will appear. Now release Ctrl/Command and hold Alt/Option to change it to Convert Anchor Tool. Click and drag the handles to change the direction.

change anchor handle

Drawing an Old Key

After learning the concepts of how the Pen Tool works, we will apply what you have learnt to create this ancient old key shape. For the right angles, hold Shift before adding anchor point to constrain it to 90-degree.

old key

old key 2

Final Illustration

This is the final illustration.

final key

Tips for Using Pen Tool

  • Use as little anchor points your need to create your shape
  • Add anchor points where there is a change in direction of the line/curve
  • Use shortcuts like Alt/Option or Ctrl/Command to quickly swap to other tools to edit your path
  • Hold shift to lock your path while adding new anchor point for 45-degree increments.

More Training for Pen Tool

I have included more exercises for tracing using Pen Tool. Save it to your desktop and place it in illustrator by going to File>Place. Select the image and make sure Template is ticked. The image will now be faded and placed as a template. Now you can start practicing and don’t give up.

basic shapes

complicated shapes

For a more comprehensive guide on using Pen, read this article.

Next Lesson: Using Brushes
Back to Table of Contents

Related Posts

24 Responses to “Day 5: Drawing with Pen Tool”

  1. Candy Says:

    This is amazing. Thank you so much for doing this. I have a question though - when drawing an eye - should I just make 2 (left/right) points, then click and drag the handle to make the curve? or should there be like 3 points (one on the top, I mean)?
    Hope that made sense.

  2. iStockdiary Says:

    Hi Candy, 2 or 3 points are fine. No strict rules, it depends on your preferences. I prefer drawing with 3 points, easier to make it symmetrical by controlling the 3rd point at the top. Try it and you will get what I mean.

  3. Candy Says:

    Alright, I’ll try that. Thanks a lot.

  4. LadyAngora Says:

    wow! i love this illustrator walk-through tutorial… i’m learning new stuff about almost every tool so far. today, i learned how to change path directions. i’ve been doing work-arounds that are not nearly as nice. thanks so much!

  5. Julius Says:

    Thanks a lot for this pen tutorial. I’ve been working with photoshop for a few years now but never really understood the whole pen thingy, anyway, keep up the good work. I’m really enjoying the illustrator tutorials!

  6. Liya Says:

    Hello,
    I’ve tried to practice drawing the shapes above. But I don’t know how to make the left and right part of the symetri shapes exactly same size and shape. For example the love shape, how to make left and right to be symetri? Could you pls advice…thanks in advance :-)

  7. devabby Says:

    don’t understand at all……….can record as a video and put on site like youtube, it will be more easy to understand
    thank

  8. Brian Says:

    Wow, my key sucks, hahaha. But I’ll keep trying with the basic shapes.

    Thanks a lot for this!

  9. ArtConch Says:

    Wow this was so much fun, I am getting the hang of this pen tool, loved the extra practice sheets and the method for turning them into templates, so useful, thanks again for another superb lesson
    I thought I’d share my results of my hands with you teach!
    http://i79.photobucket.com/albums/j144/chellesky62/Illustrator%20Classwork/pen_hands_csky.png

  10. Illustrator in 30 Tagen lernen | Phodana Media Says:

    [...] Day 2: Getting Started in Illustrator Day 3: Drawing Basic Shapes Day 4: Drawing with Pencil Tool Day 5: Drawing with Pen Tool Day 6: Weekend Break Day 7: Weekend [...]

  11. LadyUranus Says:

    I don’t see the ticker to make it a template? Is this a CS3 issue or am I just blind?

  12. iStockdiary Says:

    Hi LadyUranus, Go File>Place. When the window pops up select the jpg you want to make as a template. You can see a checkbox with template under the file name. Should work in Illustrator 10 and above if I’m not wrong.

  13. Leroy Simpson Says:

    jah rasta blood claat man dis a good lesson aswell

  14. Richard Says:

    I have been dabbling with Illustrator for ages and never relly got the hang of paths, this is the first time I have got my head round it - thanks.

    Quick question, is there a way to add points to the end of an open path once it has been finished, ie. to extend it?

    Cheerss

  15. Vectordiary Says:

    Hi Richard, A quick way to continue adding point is to use the Pen tool and click once on the last anchor and you can continue to extend your path from there.

  16. Richard Says:

    Brilliant, thanks for that.

  17. Al Says:

    This is a great tutorial. I could never wrap my head around the Pen tool and then while i was working on this key everything just clicked! I have made the bone and the heart!

    :D

  18. Kate Says:

    This is such a brilliant tutorial, thank you so much for taking the time to do this. I have never used illustrator before and find this really useful. However I am kind of stuck now on the pen tool. I can create an anchor point and then another eventually close my square but if I got to make drawing a circular path but when I tried to close the path it would delete the starting anchor point. Any assistance as to what I might be doing wrong would be greatly appreciated.

  19. Vectordiary Says:

    Hi Kate, make sure the last anchor point is still selected before you click the starting point to close it. Or you can reselect the last point again and click the starting point to close it.

  20. PoLaR Says:

    What an amazing tutorial, Pen Tool is no more a mystery to me! :)

  21. .GT Says:

    Wow , really wow. This is a real turning point for me. And all thanks to the tutorials and template I’m actually learning the hellish pen tool O.O Easier than I thought as well. The templates are a real big help in learning, so much thanks for providing them. I don’t care how old this is .. it literally rocks regardless.

    Much thanks and I hope to learn more as I follow more of the tutorials =)

  22. dan Says:

    Thank you so much, i have never really understood illustrator, but am now finally getting the hang on this! wish i had this when i was still at uni!!

  23. Danikun Says:

    This tutorial is being very useful for me, thank you for taking the time!

    Is there any chance you could upload a video on how to draw rounded figures with the pen? I still don’t get it right… for me it seems to be going the opposite side all the time, am I right?

  24. Gün 4: Kalemle(Pencil Tool) Çizme | Grafilate - Photoshop Sanat? Says:

    [...] Ders(Türkçe): Drawing With Pen Tool » Gün 5: Pen Tool ile ÇizmeGün 3: Basit ?ekiller [...]

Leave a Reply

Modified WP Theme by N.Design Studio | Hosted by Media Temple | Copyright 2008 Tony Soh - All Rights Reserved.
Entries RSS Log in