Understand shapes, paths, and drawing modes

When you draw in Adobe Photoshop using the shape tools or Pen tool, you create vector-based graphics rather than pixel-based images. This distinction affects how your artwork scales, prints, and integrates with other applications.

Understanding the relationship between shapes, paths, and drawing modes helps you choose the right approach for each project and maintain flexibility as your designs evolve. Whether you're creating web graphics, designing logos, or building complex composites, knowing when to use vector shapes versus rasterized pixels can save significant time and preserve quality throughout your workflow.

Vector shapes and resolution independence

Vector shapes are lines and curves defined by mathematical equations rather than fixed pixels. Unlike raster images, which store color information for each pixel, vector shapes store geometric instructions for points, curves, and fills.

This mathematical foundation makes vector shapes resolution-independent. You can resize them without losing quality, print them at any resolution, save them as PDFs, or import them into vector-based applications like Adobe Illustrator without degradation. The edges remain crisp whether you scale a shape to thumbnail size or billboard dimensions.

In Photoshop, you can create libraries of custom shapes and edit each shape's outline and visual properties, including stroke width, fill color, and layer styles. This editability sets vector shapes apart from painted or rasterized content, where modifications require destructive edits or repainting.

Paths and work paths

A path is the outline that defines a shape's geometry. Paths consist of anchor points connected by straight or curved segments, and you can edit these anchor points to reshape the path at any time.

A work path is a temporary path that appears in the Paths panel while you're drawing. Work paths disappear when you deselect them unless you save them as named paths. Once saved, paths remain available in the Paths panel for future use.

Paths serve multiple purposes beyond defining shape outlines. You can convert a path to a selection border, fill or stroke a path with color, use a path as a vector mask to hide portions of a layer, or designate a saved path as a clipping path to create transparency when exporting to page-layout applications.

Drawing modes

Before you begin drawing with any shape tool or Pen tool, you must choose a drawing mode from the options bar. This choice determines whether you create vector shapes, temporary paths, or rasterized pixels. Each mode produces different results and offers different editing capabilities.

Shape mode

Shape mode creates a shape layer—a special layer type consisting of a fill layer that defines the color and a linked vector mask that defines the outline. The shape appears on its own layer, independent of other content.

Shape layers are ideal for graphics that need precise positioning, easy resizing, or frequent adjustments. You can move, resize, align, and distribute shapes without any loss of quality. Multiple shapes can exist on a single shape layer if needed.

Because shape layers remain vector-based, you can modify the path at any time by adjusting anchor points. The shape outline appears in the Paths panel while the layer is selected. This flexibility makes shape mode the preferred choice for web graphics, user interface elements, and any design work that may require revisions.

Path mode

Path mode draws a work path on the currently selected layer rather than creating a new layer. This temporary path doesn't add any visible pixels to your image until you choose to use it.

After creating a path, you can convert it to a selection, fill it with color, stroke it with a brush, or save it as a named path for later use. This mode excels when you need precise selections or want to paint along defined outlines without committing to a permanent shape layer.

Path mode provides a non-destructive way to define areas and edges before deciding how to use them in your composition.

Fill Pixels mode

Fill Pixels mode paints directly on the current layer using the shape as a brush. This mode creates raster images rather than vector graphics. Once you draw in this mode, the pixels become part of the layer just like pixels created with the Brush tool or other painting tools.

This mode offers less flexibility than shape layers because you're working with fixed pixels. You can't easily resize the result without quality loss, and you can't edit the outline by adjusting anchor points. Only the shape tools work in Fill Pixels mode—the Pen tool is not available.

Use this mode when you need rasterized output or when working within established raster-based compositions where vector shapes would disrupt your workflow.

Approach selection

Shape mode provides maximum flexibility and editability for graphics that may need adjustments. Path mode excels when you need precise selections or want to paint along defined outlines. Fill Pixels mode suits situations where you're working entirely with raster content and don't need vector editability.

For many projects, you'll use combinations of these modes. You might create a logo in Shape mode for scalability, use Path mode to define complex selection boundaries, and apply Fill Pixels mode when integrating vector elements into painted artwork.

Understanding these fundamental concepts enables you to make informed decisions about which drawing approach best serves your creative goals. For detailed procedures on creating shapes, see Draw shapes. To learn Pen tool techniques, see Draw with the Pen tools.