How to deal with Illustrator’s Pen Tool

 

 

 

 

I know you all think I went crazy about the Olympic Games, all my posting had something to do with them in the last few weeks. But it was a mad rush of emotions, while cheering for my native Puerto Rico my heart was pounding for all the gold medals United States earned. Great times, great designs and now great expectations for Brazil 2016.

Thanks for cheering with me and share my crazy excitement; now back to business.

Today we are starting a series on a magical software, Illustrator. Illustrator is a vector graphic manipulation software that allows users to compose and edit vector graphics images interactively on a computer and save them in one of many popular vector graphics formats. Illustrator is commonly used for logos, illustrations, layouts for fliers, advertisements, billboards, signage, brochures, business cards, web design, and loads more. Illustrator can be used for just about anything outside of photographic images.

If you use Adobe Illustrator, then it’s almost certain that you use the Pen tool when creating your paths. This comprehensive guide aims to introduce or remind you of features, shortcuts, and methods for working with what is arguably Adobe’s most essential tool.

1. Functions

  • Pen tool : Click on artboard to create paths with straight segments, click and drag to create paths with Bezier curves.
  • Add anchor point tool : Click on a path segment to add anchor points.
  • Delete anchor point tool : Click on anchor point to remove from path.
  • Convert anchor point : Click on an anchor point and drag to create bezier handles where there were none, click on an anchor point with handles to a remove them.
  • Scissors : Not part of the Pen tool group, but definitely associated with it. Click on a path segment to divide into two paths.

 

2. Keyboard Shortcuts

  • Select Pen tool (P)
  • Select Add anchor point tool (+)
  • Select Delete anchor point tool (-)
  • Select Convert anchor point tool (Shift + C)
  • Select Scissors tool (C)

 

3. The Cursors

The pen tool takes on different forms depending on what you’re doing when you’re using it. Each one intuitively makes you aware of the action you are about to perform.

(Caps Lock to toggle between pointer and cross hair)

  • Prepared to begin path
  • Whilst midway through creating or editing a path
  • When mouse is pressed
  • When hovered over path section; to add an anchor point to path
  • When hovered over anchor point; to remove anchor point from path
  • When hovered over begin point of path; to close path
  • When hovered over endpoint of existing path; to continue path
  • When hovered over existing anchor point

 

4. Secondary Mouse Controls (with path selected)

  1. Pen tool hover over anchor point : changes to Delete anchor point tool
  2. Pen tool hover over path segment : changes to Add anchor point tool
  3. Pen tool hover over end anchor point : changes to Convert anchor point tool
  • Hold Shift to constrain movements to 45°, 90°, 135° or 180° whilst creating or editing anchor points and handles.
  • Select anchor point with Direct selection tool and click Delete. Anchor and adjoining path segments are deleted leaving two paths.
  • Pen tool + Option (Alt) : changes to Convert anchor point tool.
  • Pen tool hover over bezier handle + Command (Ctrl) : allows editing of bezier curve.
  • Pen tool + Option (Alt) whilst creating bezier curve : splits curve (unhinges handles).
  • Pen tool hover over bezier handle + Option (Alt) : splits curve (unhinges handles).
  • Scissors tool + Option (Alt) : changes to Add anchor point tool.
  • Add anchor point tool + Option (Alt) : changes to Delete anchor point tool.
  • Delete anchor point tool + Option (Alt) : changes to Add anchor point tool.

 

6. Preferences

(Illustrator > Preferences > Selection & anchor display)

 

  1. Tolerance: Radius of the selection area around anchor points. Must be between 1 and 8 pixels, 1px if you’re deadly accurate with your mouse or have a lot of anchors in close range of one another, 8px if you prefer less precision. 3px is the default value.
  2. Object Selection by Path Only : When checked, this option allows selection of objects only by clicking their paths. Clicking on their filled areas is ineffective, comparable to working in Outline mode (View > Outline).
  3. Snap to Point: Also checkable via View > Snap to Point, though via the Selection & Anchor Display dialogue the tolerance can also be determined from 1 to 8 pixels. This value again represents the radius around anchor points. When lining up two objects, anchor points from one will snap to points of the other should they be positioned within the specified range.
  4. Anchor Point and Handle Display: Determines the way in which your path anchor points and handles are displayed.
  5. Highlight Anchors on Mouseover: When checked, highlights anchor points when hovered over with cursor.
  6. Show Handles When Multiple Anchors are Selected: When checked, this options displays the handles of points when multiple points are selected. Otherwise, handles of multiple selected points are notdisplayed.

 

 

7. Other Shortcuts and Tips

  • Select the Direct Selection tool before selecting the Pen tool. Press and hold Command (Ctrl) to give you access to the last tool selected (in this case the Direct Selection tool) for editing of paths and handles without deselecting the path.
  • With path selected, use the Spacebar to give you access to the Hand tool. Move your screen without deselecting the path or changing tools.
  • While creating or editing an anchor point, click and hold mouse + Spacebar to alter the position of the anchor point you’re working on.
  • With Direct Selection tool select endpoint and starting point of path. Command (Ctrl) + J to Join.
  • With Direct Selection tool select endpoint and starting point of path. Command (Ctrl) + Option (Alt) + Shift + J to join and average simultaneously.
  • To smoothen a path by reducing the number of anchor points open the Simplify dialogue (Object > Path > Simplify) and adjust according to your needs.
  • Conversely, should you want more anchor points to improve manipulation go to Object > Path > Add Anchor Points. A new anchor point will appear after every existing anchor point on the selected path.
  • To prevent the Pen tool from changing it’s function when interacting with other anchor points or paths, open the general preferences dialogue (Illustrator > Preferences > General) and check the Disable Auto Add/Delete option. The Pen tool will now only draw paths.

 

 

8. Best Practice Suggestions

  • Drag handles from the first anchor point when beginning a curved path.
  • Drag your handles around just one third of the curve you’re creating for a smooth path.
  • Position anchor points on a curve where the paths begin to change direction, not in the middle of it’s curve.
  • Be sparing with your use of anchor points, fewer points = neater path.

This is all well and good in theory, but while these tips are fresh in your mind why not put them into practice? Net week we will be working with some exercises to put in practice the use of the Pen Tool.

Search Engine Homepage Content Olympiads

Google and Yahoo have always been on different paths in the quest for being king of the hill among search engines. But as I went to each site looking for Olympic updates & information, I noticed a glaringly obvious difference between the Gold & the Bronze when it came to their homepage content strategy for the 2012 London Games.  As the two giants regularly tussle for domination of their sectors, is the competition fierce for the web visitors and advertising dollars during the games?  As it’s been pointed out on several occasions, Yahoo has (or “is” based on opinion) a big branded advertising business and isn’t shy about it. Google is all search – you get no advertising on its homepage whatsoever.  One could say that Yahoo’s homepage creates a schizophrenic type atmosphere and Google chooses to reflect why people go to any search engine at all – to simply search. Each has a diametrical perspective; which may or may not be shared by minimalistic loving web surfers or those who want to know everything every moment of every day.

Now it may just simply be “tomato v. tomahto” – all up to the users choice of flavor. Let’s see where these two rivals stand on the content podium for the 2012 Olympic Games looking at just this one, but VERY TELLING facet – the homepage. For this year’s Olympics, you can almost see the tumbleweed across Google’s homepage with nothing more than a clip-artish image above its unapologetic, simplistic search box. Whereas Yahoo completely capitalizes on the opportunity to lavish (and possibly overwhelm) you with up-to-the-minute stats on what sport is broadcasting, which country is leading in medals, and all note & news-worthy headlines from every vantage point of this historical event.
Could it be that the choice of a clip-artish image was a passive-aggressive “thumbing of the nose” at Yahoo’s voracious need for your attention?  If so, Google gets benched on the therapy couch for this one…lol.  But before they end up neck and neck for your search engine loyalty, what finds them at the same starting line is the intent of the user.  If one chooses to be in the know, then Yahoo wins hands-down because it is in part what they do best.  Yahoo hand-holds you every day, all day- showing you what’s hot (and not) and postings about every media event worldwide. They actually look to be a strategic partner with both their advertisers and users alike. So you are ALWAYS in the loop, whether you want to be or not when just searching for let’s say a great vinaigrette recipe.

Die-hard Google fans will say that their fearless leader displays a search engine decorum truly lacking in their competitor and that if people want news, the can get news BUT only when they ask for news.  They provide a discriminating à la carte rather than a force feeding approach. At the end of the day, Yahoo hands down is a true entertainment portal capable of satisfying various entertainment and leisure users.  For better or for worst, Google isn’t trying to be an entertainment portal, so it doesn’t even come close to competing with Yahoo in this regard.

So as far as the 2012 Search Engine Homepage Olympics are concerned, Yahoo’s neck is a little more laden than its competitor. Now I know that Goolge lovers might say that “everything that glitters isn’t gold”…Well I guess you’re not Yahoo then are you?  LOL.