Illustrator Fundamentals: Shapes, Paths, and the Pen Tool

What Is a Vector Path?

Adobe Illustrator is a vector-based application. Instead of storing color information pixel by pixel the way a photograph does, Illustrator records artwork as mathematical descriptions of lines and curves. A path is the fundamental building block: a series of anchor points connected by straight or curved segments. Because paths are defined mathematically, you can scale them to any size — from a business card to a billboard — without any loss of quality or the jagged edges you see when a raster image is enlarged.

Every shape tool (Rectangle, Ellipse, Polygon, and so on) creates a path automatically. The Pen tool lets you draw paths point by point with complete control over both position and curve direction.

Anatomy of a Path

Each anchor point on a curved segment has direction handles (also called control handles or Bézier handles). The handles extend from the anchor point and control the curvature of the segments leaving that point. Understanding three types of anchor points is essential:

• Smooth points have two handles that stay in a straight line through the point, producing a continuous, flowing curve.
• Corner points have handles that can point in independent directions, or have no handles at all, producing a sharp angle.
• Cusp points are a special corner point where the handles are independent in both direction and length, useful for transitions from a curve into a straight line.

Anchor point economy matters: use only as many points as the shape requires. Excess anchor points create bumps and make paths harder to edit.

Using the Pen Tool

Select the Pen tool (keyboard shortcut P). To place a corner point, simply click. To place a smooth point and define its curve, click and drag — the direction you drag controls the angle of the curve. Release the mouse, move to the next position, and click-drag again to continue the curve.

Key modifier keys while drawing:

• Shift constrains a new segment to 45° or 90°.
• Alt/Option (while a handle is active) converts a smooth point to a cusp, letting you redirect the outgoing handle independently.
• Ctrl/Cmd temporarily switches to the Direct Selection tool so you can reposition an anchor point without leaving the Pen tool.

Close a path by clicking directly on the first anchor point — a small circle appears next to the cursor to confirm.

Shape Tools and the Pathfinder Panel

The shape tools (Rectangle M, Ellipse L, and others) produce closed paths instantly. Hold Shift while dragging to constrain a rectangle to a square or an ellipse to a circle. Hold Alt/Option to draw from the center outward.

The Pathfinder panel (Window > Pathfinder) lets you combine two or more overlapping shapes into a new compound shape. The four core operations are:

| Operation | What it does |

|-----------|-------------|

| Unite | Merges all selected shapes into one outline |

| Minus Front | Subtracts the top shape from the shape beneath it |

| Intersect | Keeps only the area where shapes overlap |

| Exclude | Removes overlapping areas, keeping the non-overlapping portions |

For example, to make a crescent: draw two circles so they partially overlap, then select both and click Minus Front — the top circle punches its shape out of the bottom circle, leaving a crescent.

Placing and Tracing a Raster Logo

When a client provides only a low-resolution raster logo, you must redraw it as a vector so it can be used at any scale. The professional workflow is:

1. Place the raster file (File > Place) onto a locked layer — this is your reference.

2. Create a new layer above it for your vector artwork.

3. Trace the outlines with the Pen tool, using Ellipse and Rectangle tools for regular shapes.

4. Once tracing is complete, toggle the reference layer off and evaluate the vector paths.

5. Delete the raster reference layer before final delivery.

Lowering the opacity of the placed image to around 50 % makes it easier to see your vector paths on top.

Workspace and Equipment Safety

Computer lab work involves sustained posture and repetitive hand movements. Follow these ergonomic guidelines:

• Position the monitor so the top of the screen is at or slightly below eye level.
• Keep your wrists neutral (not bent up or down) when using the mouse or stylus tablet.
• Take a short break of at least five minutes every hour to reduce the risk of repetitive strain injury.
• Report any frayed power cables or damaged equipment to the instructor immediately — do not use damaged equipment.
• Keep drinks away from keyboards and equipment to prevent electrical hazards.

Checking Your Work

Before submitting the vectorized logo, use View > Outline (Ctrl/Cmd + Y) to inspect every path without fill or stroke color. In Outline view, rough curves, stray points, and gaps between shapes become immediately visible. Each path should look smooth, follow the original contour closely, and contain no anchor points that are not doing meaningful work.