Illustrator Tutorial 06 : WORKING WITH PEN TOOL

Posted by Eshark on Nov 16th, 2007

Basic Techniques Working with Pen Tool

Did you know that Adobe Illustrator was carefully made for designers base on from very basic drawing techniques. For example we take a look on Illustrator ‘Pen Tool’. You can draw many kinds of path using this ‘Pen Tool’,from drawing straight or curves line to create a path. Now, don’t get your head spinning around reading + trying to understand this already, it’s pretty simple as this..

00.jpg

Look familiar? I’m sure all of you have seen this before from a newspaper/magazine/books somewhere back in many years ago during your primary school. I don’t know what they call this game, but if you know how this game works then you should understand how to use ‘Pen Tool’ in Illustrator.

01.jpg

PRACTICE 1 - To Draw Straight Line :

1- Using the ‘Pen Tool’ to draw a straight line, press ‘P’ or click the ‘Pen Tool’ on the toolsbar.
2- Click once to create one anchor point and click again at different position to create another anchor point.
3- Now you’ll notice one straight line connected in between the two anchor point that you just created.

02.jpg

PRACTICE 2 - To Draw Curved Line :

1- Click once to create one anchor point
2- Click again at different position to create another anchor point, but this time click and don’t release, keep the mouse press.
3- Now drag the anchor point at any direction and you’ll see a curved line created.

03.jpg

PRACTICE 3 - To Draw A Path :

1- Click once to create your first anchor point
2- Followed by another anchor point
3- Try to make a simple square path (square is equals to 4 anchor points)
4- There you have it, one simple path shape as square. (Tip : Press Shift button while creating your path you’ll get a straight perfect line)
5- Now you can fill any color on it or create an outline.

04a.jpg

04b.jpg

PRACTICE 4 - Add & Delete Anchor Point Tool :

1- You can add anchor point tool on any path that you create using ‘Pen Tool’
2- Click the Add anchor point tool or press ‘plus / +’ while the ‘Pen Tool’ selected.
3- Simply click right on the line to add another anchor point. You can drag this new anchor point on any direction using ‘Direct Selection Tool’ by pressing ‘A’.
4- To delete, press ‘minus / -’ while the ‘Pen Tool’ selected and simply click right on the existing anchor point then you’ll see the anchor point deleted and the path automatically change.

05.jpg

PRACTICE 5 - Convert Anchor Point Tool :

1- Click the ‘Convert Anchor Point Tool’ or press (Mac: Shift+C / PC: Shift+C) while the ‘Pen Tool’ selected.
2- Click on any anchor point and don’t release, keep the mouse press.
3- Now drag the anchor point at any direction you want and you’ll see the straight line converted to curved line.

06.jpg

PRACTICE 6 - Creating A Path With Sraight Line :

1- Try to draw one simple star using ‘Pen Tool’
2- A Star should have a total of 12 anchor points
3- Give yourself a clap once you’ve manage to draw a twinkle twinkle little star.

07.jpg

PRACTICE 7 - Creating A Path With Curved Line :

1- Try to draw one simple round shape
2- Round shape should have at least 4 anchor points
3- Give yourslelf a clap again once you’ve completed the task.

PRACTICE 8 - …

1- There’s no more practice at this time..
2- Till I meet you guys on the next tutorial on Advanced Vector Drawing in Illustrator.. keep practice + play with it because you’ll need that for next week tutorial.

8 Responses to “Illustrator Tutorial 06 : WORKING WITH PEN TOOL”

  1. MyAvatars 0.2
    papajoneh

    Bah banyak2 lah tutorial gini. Bagus bagus. Lagi.. yg untuk buat banner punya, macam ;)

  2. MyAvatars 0.2
    Eshark

    You like this kinda tuts haa.. drop by every Fri as I’ll write tuts bout Photoshop + Illustrator once a week.

    Errr.. you want the one yg mcm buat banner ka? Mcm kena perli jak.. Buli ba! anti sia bikin satu tuts bout dis.

  3. MyAvatars 0.2
    baby

    Nice website!!

  4. MyAvatars 0.2
    freegetipodnana

    Your site- esharkdesign.com is interesting resource, good job, admin.

  5. MyAvatars 0.2
    freewormremover

    The esharkdesign.com is interesting resource, respect, owner.

  6. MyAvatars 0.2
    Cialis Generico

    Useful post. good luck.

  7. MyAvatars 0.2
    Eshark

    baby,
    Thanks.. ;) keep visiting!

    freegetipodnana,
    Thanks for the compliment..

    freewormremover,
    Appreciate the comments.. thanks!

    Cialis Generico,
    Stay tuned.. more coming.. ;)

  8. MyAvatars 0.2
    Fiona

    Thanks a lot! I’m just abeginner at this, and you made it all so simple. Great tutorial! Wish u all the best!

Leave a Reply

I'm currently pack with projects, however, please use the Contact form to send all your projects proposals and I'll get intouch with you as soon as I possibly can!

Recent Posts

Categories

Archives

Blogroll

Meta:

 

PestaKaamatan2008__8336PestaKaamatan2008__9745PestaKaamatan2008_9747PestaKaamatan2008_9387PestaKaamatan2008_9367PestaKaamatan2008_9350PestaKaamatan2008_9348PestaKaamatan2008_9310PestaKaamatan2008_9223PestaKaamatan2008_9218PestaKaamatan2008_9205PestaKaamatan2008_9154PestaKaamatan2008_9147PestaKaamatan2008_9117PestaKaamatan2008_9106PestaKaamatan2008_9090PestaKaamatan2008_9075PestaKaamatan2008_9071PestaKaamatan2008_9046PestaKaamatan2008_8337

Crestock Stock Photos

Foxkeh