Adobe Illustrator

Also known as: Illustrator

On this page 7

Adobe Illustrator is a professional vector graphics editor in which shapes are defined by mathematical paths rather than pixels, so artwork can be scaled to any size without losing sharpness. In graphic design, Illustrator, often simply called Illustrator, is the standard tool for logos, icons, illustrations, typography-driven layouts, packaging and infographics.

Its native format is AI, which is PDF-compatible, and it exports to SVG, PDF, EPS and raster formats. Illustrator sits alongside Adobe Photoshop in most studios: Photoshop edits pixels, while Illustrator builds the resolution-independent artwork that is later placed into layouts, websites, signage and print production.

How Adobe Illustrator represents artwork

Every object in Illustrator is a path made of anchor points connected by straight or curved segments. Curves are cubic Bézier curves: each anchor point has direction handles that set the tangent and tension of the segment. Because the file stores coordinates and instructions instead of pixels, a logo drawn at 30 millimeters can be printed on a billboard at full sharpness.

A path can be open or closed and carries a fill and a stroke. The Appearance panel allows several fills, strokes and live effects on one object, and these remain editable until they are expanded. Objects are organized in layers and sublayers, and multiple artboards in one document hold variants such as a logo in several lockups or all pages of an icon set.

The table below lists the building blocks that define an Illustrator document.

ElementWhat it isTypical use
Anchor point and handlesControl points of Bézier curvesPrecise drawing of shapes and letterforms
Path and compound pathOpen or closed outline, or several combinedIcons, logos, counters in letters
ArtboardPrintable or exportable page areaVariants, sizes, multi-page sets
LayerStacking and grouping containerOrganization, locking, visibility
Swatch and global colorStored color linked to objectsConsistent brand colors across a file
SymbolReusable master object with instancesRepeated elements, maps, patterns
Core building blocks of an Illustrator file

Key tools and features

Illustrator offers several ways to construct the same shape, and experienced designers choose the one that keeps the artwork clean and editable. The Pen tool gives full control over anchor points; the Shape Builder and Pathfinder combine or subtract simple shapes; and the Curvature tool creates smooth curves with fewer decisions.

FeaturePurposeNote for practice
Pen toolDraw paths point by pointFewer points give smoother curves
Shape Builder and PathfinderMerge, divide or subtract shapesFast geometric logo construction
Clipping maskShow artwork only inside a pathNon-destructive cropping of content
Image TraceConvert raster images to vectorsResults need manual cleanup
Type on a path and outlinesTypographic layouts and letteringOutline fonts only for final delivery
Global edit and recolor artworkChange similar objects or palettes at onceSpeeds up brand variants
Important Illustrator features and their purpose

Image Trace deserves caution. It converts a scan or photo into paths automatically, but the output usually contains hundreds of unnecessary anchor points and slightly irregular curves. For logos, a trace is a starting reference at best; production-quality marks are redrawn by hand with deliberate point placement.

Illustrator compared with other design tools

Illustrator is defined as much by what it is not as by what it is. It is not a photo editor, not a multi-page layout program and not an interface design tool, although it can touch all three areas. The comparison below places it among neighboring tools in graphic design.

ToolMain data typeStrongest useRelation to Illustrator
Adobe IllustratorVector pathsLogos, icons, illustration, packagingReference
Adobe PhotoshopRaster pixelsPhoto editing, retouching, compositingComplementary; raster counterpart
Adobe InDesignPage layoutBooks, magazines, long documentsPlaces Illustrator artwork in layouts
Affinity DesignerVector and rasterSimilar vector work, one-time licenseDirect alternative
CanvaTemplate-based layoutsQuick social and marketing graphicsSimpler, less precise control
How Illustrator relates to neighboring tools

In practice, the deciding factors are file exchange and precision. Printers, packaging converters and agencies routinely request AI, PDF or EPS files, and Illustrator handles spot colors, overprint settings and dielines that template tools do not.

Preparing Illustrator files for print and screen

The same artwork needs different settings depending on its destination, so the document color mode and export format are decided early. Print documents use CMYK with bleed, while screen documents use RGB and pixel-aligned geometry.

DestinationColor mode and formatKey settings
Offset or digital printCMYK, PDF/X-4 or PDF/X-1a3 mm bleed, crop marks, embedded fonts
PackagingCMYK plus spot colors, PDFDieline on separate layer set to overprint
Website icons and logosRGB, optimized SVGClean paths, no hidden objects
App and interface assetsRGB, SVG or PNG at 1x and 2xAlign to pixel grid, whole-pixel sizes
Archive and handoffAI with PDF compatibilityLinked images packaged with the file
Output settings by destination

Before delivery, designers typically outline or embed fonts, expand strokes when the receiver requires it, remove stray points and empty text frames, and check overprint preview to see how inks will interact on press.

Common mistakes in Illustrator

Many problems that reach printers or developers come from habits that are invisible on screen but break output.

  • Placing low-resolution raster images in vector artwork and assuming they will scale like paths.
  • Leaving colors unmanaged as local values, so the same brand color exists as several slightly different values.
  • Using too many anchor points, which produces bumpy curves and heavy SVG files.
  • Forgetting bleed and safe margins, which leads to white edges or trimmed text after cutting.
  • Converting text to outlines in the working file, which makes later copy changes impossible; keep an editable master.

In simple terms

Most pictures on a computer are made of tiny colored squares, and when they are enlarged too much they become blurry. Adobe Illustrator works differently: it stores drawings as instructions, such as a curve from one point to another with a certain bend. The computer redraws those instructions at any size.

That is why a logo made in Illustrator stays crisp on a business card and on a building. Designers use it for drawings that need clean edges and exact shapes, and they use photo editors for pictures made of pixels.

A practical example

A small coffee roaster needs a new label for 250-gram bags and matching icons for its online shop. The designer draws the logo in Adobe Illustrator with the Pen tool, defines the two brand colors as global swatches and creates separate artboards for the label, a square social media mark and a set of six product icons.

For the label, the printer supplies a dieline. The designer places it on a locked layer set to overprint as a spot color, adds 3 millimeters of bleed and exports a PDF/X-4 file in CMYK. For the shop, the icons are exported as optimized SVG files of only a few kilobytes each. The same source file therefore serves both print and web without redrawing anything.