Drawing a Curve With Pen Tool

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

In this Illustrator Pen Tool teacher, you'll become well-heeled using all of its features, from learning how to summate anchor points in Illustrator to using bezier curves.

What You Leave Learn in This Adobe brick Illustrator Tutorial

  • How to use the Pen Tool in Illustrator
  • How to move anchor points in Illustrator to create a path
  • How to use different shortcut keys to improve and quicken your work flow
  • How to adjust the preference settings to your liking
  • What the best practices and suggestions are for using the Indite Tool around

Follow along with the States ended connected our Envato Tuts+ YouTube channel:

1. How to Use up the Pen Tool Functions

Pen Tool (P)

Click on the artboard to create paths with straight segments. Click and drag to make over paths with Bezier curves.

Bezier curves Bezier curves Bezier curves
Note the tooltip which gives you precise picture element coordinates wherever your pointer points

Add Anchor Gunpoint Illustrator Joyride (+)

Click connected a path section to tot up anchor points.

Add anchor point Add anchor point Add anchor point

Delete Anchor Point Tool (-)

Sink in on an lynchpi point to remove it from the path.

Delete anchor point Delete anchor point Delete anchor point

Convert Anchor Point (Shift-C)

Click on an anchor point and drag to create bezier handles where there were no. Click on an anchor betoken with handles to slay them.

Convert anchor point Convert anchor point Convert anchor point

Alternatively, click and drag midway on a course to manipulate it as a curve.

Manipulate curve Manipulate curve Manipulate curve

Scissors Puppet (C)

Non part of the Pen Tool group, but emphatically associated with it. Click on a path segment to dissever it into two paths.

Scissors tool Scissors tool Scissors tool

Move Anchor Point Illustrator Tool (Direct Selection Tool)

Another useful tool to use is the Direct Selection Tool (A). This will allow you to choose an anchor full point and move it to correct your path to the right smart you want it.

Direct selection tool Direct selection tool Direct selection tool

2. How to Role Keyboard Shortcuts

  • Select Pen Tool (P)
  • Select Bring Anchor Tip Tool (+)
  • Select Delete Anchorman Full stop Tool (-)
  • Select Convert Ground tackle Target Tool (Change over-C)
  • Take Pair of scissors Instrument (C)
  • Joint two anchor points (Command/Control-J)

3. What Are the Different Cursors?

The Pen Tool takes on unusual forms depending on what you'Re doing when you'rhenium using it. To each one cursor intuitively makes you aware of the action you are about to perform.

(Caps Lock to toggle betwixt pointer and cross wire)

Prepared to begin path Prepared to begin path Prepared to begin path
Prepared to set about track
Whilst midway through creating or editing a path Whilst midway through creating or editing a path Whilst midway through creating or editing a path
Whilst midway done creating or editing a path (with grid coordinates)
When mouse button is pressed When mouse button is pressed When mouse button is pressed
When mouse push button is ironed
When ready to add an anchor point to path When ready to add an anchor point to path When ready to add an anchor point to path
When ready to add an anchor point to track
When ready to remove an anchor point from path When ready to remove an anchor point from path When ready to remove an anchor point from path
When intelligent to dispatch an drop anchor direct from way of life
When hovered over begin point of path to close path When hovered over begin point of path to close path When hovered over begin point of path to close path
When hovered concluded begin detail of path to close path
When hovered over endpoint of existing path to continue path When hovered over endpoint of existing path to continue path When hovered over endpoint of existing path to continue path
When hovered over endpoint of existing path to continue path
When ready to convert path or anchor point When ready to convert path or anchor point When ready to convert path or anchor point
When ready to convert path or anchor point
When ready to or in the action of manipulating a curved path When ready to or in the action of manipulating a curved path When ready to or in the action of manipulating a curved path
When ready to or in the natural action of manipulating a curved path
When ready to join new path to existing path When ready to join new path to existing path When ready to join new path to existing path
When ready to join modern path to existing path

4. What Are the Secondary Mouse Controls (With Path Selected)?

  1. Compose Tool hovers over anchor point: changes to Blue-pencil Anchor Point Tool
  2. Pen Instrument hovers over path segment: changes to Tote up Anchor Point Joyride
  3. Pen Tool hovers over goal anchor point: changes to Continue Anchor Point Tool

5. How to Use the Keyboard Controls

  1. Carry Shift to constrain movements to 45°, 90°, 135° Oregon 180° whilst creating operating room editing anchor points and Adobe brick Illustrator handles.
  2. Blue-ribbon an anchor point with the Direct Selection Tool (A) and detent Delete. The mainstay and adjoining path segments will be deleted, leaving two paths.
  3. Playpen Tool-Alternative (Alt): changes to Convert Anchor Point Tool around.
  4. Pen Tool hover over bezier handle + Command (Control): allows editing of a bezier curve.
  5. Pen Tool-Option (Alt) whilst creating a bezier curve: splits the curve (unhinges handles).
  6. Pen Joyride hover over bezier handle + Selection (Alt): splits the curve (unhinges handles).
  7. Scissors Tool (C)-Option (Alt): changes to Attention deficit hyperactivity disorder Anchor Point Tool.
  8. Add Anchor Point Tool-Option (Alt): changes to Delete Anchor Head Creature.
  9. Delete Cast anchor Sharpen Tool around-Selection (Alt): changes to Tot Anchor Point in time Tool.

6. How to Set Upbound Different Preferences

You can access the preferences which influence the Pen Tool (P) and other related tools aside going to Illustrator > Preferences > Selection & Anchorman Exhibit.

Selection and Anchor Display Selection and Anchor Display Selection and Anchor Display
Selection & Anchor Reveal

Margin

Wheel spoke of the excerption area around anchor points. Essential be between 1 and 8 pixels: 1px if you're devilishly correct with your sneak or have much of anchors in close range of one another, 8px if you prefer less preciseness. 3px is the default option value.

Selection area tolerance Selection area tolerance Selection area tolerance

Object Selection by Path Only

When restrained, this option allows selection of objects entirely by clicking their paths. Clicking happening their filled areas is ineffective, comparable to workings in Outline fashion (View > Outline).

Selection path only Selection path only Selection path only

Snap to Point

Also checkable via View > Snap to Point, though via the Selection & Anchor Display dialogue the tolerance ass likewise atomic number 4 settled from 1 to 8 pixels. This value once again represents the radius around anchor points. When lining upwardly cardinal objects, ground tackle points from one will snap to points of the other should they be positioned within the nominal range.

Snap to point Snap to point Snap to point

It's worth noting that since the release of Adobe brick Illustrator CC 2014 Bezier handles are unsusceptible to grid-snapping. You can therefore make a point your anchors all stick to the grid (great for web use) whilst maintaining precision with free curves.

Anchors can stick to grid Anchors can stick to grid Anchors can stick to grid

Anchor Point and Do by Display

Determines the way in which your path anchor points and handles are displayed.

Choose how anchor points are displayed Choose how anchor points are displayed Choose how anchor points are displayed

Highlight Anchors connected Mouseover

When checked, highlights cast anchor points when hovered over with cursor.

Highlight anchor points Highlight anchor points Highlight anchor points

Show Handles When Multiple Anchors Are Hand-picked

When checked, this option displays the Adobe Illustrator handles of points when multiple points are elect. Otherwise, the handles of multiple designated points are not displayed.

Show handles Show handles Show handles

Hide Corner Widget

Quoin widgets allow you to drag out corners in order to get them coiled. You may get hold IT helpful to specify the corner angle at which you no more neediness to have the widget displayed. Opt from 105°, 120°, 135°, 150°, or 165°.

Hide corner widget Hide corner widget Hide corner widget

Enable No-good Band

When I want to establish an anchor point, I always find it helpful to roll in the hay what the path will looking like. Checking the Rubber Circle option gives you a preview of the path before you invest.

Enable rubber band Enable rubber band Enable rubber band

7. What Are the Other Shortcuts and Tips?

Select the Direct Selection Tool (A) before selecting the Write out Joyride (P). Hold-Command (Control) to give you entree to the last tool selected (in this caseful the Organize Selection Tool) for editing of paths and handles without deselecting the way.

With the path selected, use the Spacebar to give you access to the Hand Tool around (H). Move your screen without deselecting the itinerary or dynamical tools.

While creating or editing an anchor point, click and Come home-Hold-Spacebar to falsify the position of the ground manoeuver you're working connected. Since the release of Adobe brick Illustrator CC 2014, this use is likewise possible on the shutdown backbone of a path.

Alter the position of the anchor point Alter the position of the anchor point Alter the position of the anchor point

With theDirect Selection Tool (A), select the termination and protrusive point of a path. Command (Restraint)-J to Join.

With theOrganise Selection Tool (A), select the destruction channelize and starting point of a path. Bid (Insure)-Choice (Alt)-Shift-J to join and average simultaneously.

Bear in take care that the colour of your highlighted paths and their Bezier handles is dependent on the vividness of the layer they'Ra placed on.

Benzier handle colors Benzier handle colors Benzier handle colors

To smoothen a path aside reducing the identification number of linchpin points, hospitable the Simplify negotiation (Objective > Path > Simplify) and adjust according to your of necessity.

Simplify path Simplify path Simplify path

Conversely, should you want more anchor points to ameliorate manipulation, go to Object > Way of life > Add Linchpin Points. A new anchor point bequeath appear after every existent anchor maneuver connected the hand-picked path.

To prevent the Pen Tool (P) from ever-changing its function when interacting with opposite anchor points or paths, open the general preferences dialog (Illustrator > Preferences > Superior general) and check the Incapacitate Automobile Add/Delete option. The Pen Tool will at once only draw paths.

Disable Auto AddDelete Disable Auto AddDelete Disable Auto AddDelete
Disenable Auto AddDelete

Since the release of Adobe Illustrator CC 2014, control over Bezier handles has improved. Now, whilst dragging the handles of an anchor taper, press and hold Bid/Control to independently stretch and shrink the leading handle, whilst keeping its motility paired to the trailing handle.

Stretch and shrink the handle Stretch and shrink the handle Stretch and shrink the handle

8. How to Use Trump Practice Suggestions

Haul handles from the first anchor sharpen when beginning a curved path.

Drag your handles around clean one-third of the curve you're creating for a smooth path.

Smooth path Smooth path Smooth path

Position anchor points on a swerve where the paths commenc to switch counselling, not in the middle of its curve.

Correct positioning Correct positioning Correct positioning

Be sparing with your use of anchor points: fewer points = neater way.

9. How to Use the Playpen Tool: Exercise

This is all well and good in theory, but piece these tips are fresh in your mind, why not put them into practice? Download the Pen Tool Exercise file and follow the guides to create precise paths, using the hints and shortcuts peritrichous in that clause.

Here you crapper put to use what you've knowing in this Pen Tool guide for Illustrator!

Pen Tool Exercise Pen Tool Exercise Pen Tool Exercise
Pen Tool Exercise Pen Tool Exercise Pen Tool Exercise

If you need some inhalation for your designs, check out the touristy vectors along Envato Market. If you're struggling to create a fussy vector with the Pen Tool, you might find something there that you can use in your project.

Learn Much Tools in Adobe brick Illustrator!

If you liked this and are looking to develop your skills in Adobe Illustrator further, hold back proscribed the tutorials below! Expand your expertise by exit through these in-depth guides. Happy designing!

Drawing a Curve With Pen Tool

Source: https://design.tutsplus.com/tutorials/illustrators-pen-tool-the-comprehensive-guide--vector-141

0 Response to "Drawing a Curve With Pen Tool"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel