Vectors, Not Pixels: The Core Paradigm Shift

Vector Graphics

Chapter 1 · Vectors, Not Pixels: The Core Paradigm Shift

Raster Editing Fundamentals opened with pixels, resolution, and color modes — a fixed grid of colored dots that a photo or scanned image is fundamentally made of. This course starts from a genuinely different foundation. A vector image isn't a grid of dots at all; it's a set of mathematical instructions describing shapes, and that single difference changes almost everything about how these tools work.

What "Vector" Actually Means: Math, Not Pixels

A raster image stores a color value for every single pixel in its grid. A vector image instead stores a mathematical description of each shape — where a curve starts, where it ends, and how it bends in between — and the software recalculates exactly how that shape should look every time it's displayed or printed. There's no pixel grid sitting underneath a vector shape at all; it's recomputed fresh at whatever size and resolution is actually needed.

Resolution Independence: Why Scaling Never Degrades

Raster Editing Fundamentals' own Chapter 2 explained that enlarging a raster image stretches its existing, fixed pixels, producing visible blurriness or blockiness past a certain point. A vector shape has no fixed pixels to stretch — enlarging it just means recalculating the same mathematical description at a larger size, producing an identically crisp result whether it's rendered at business-card size or printed on a billboard. This property, called resolution independence, is the single biggest practical reason vector tools exist at all.

Anchor Points and Paths: The Building Blocks

Every vector shape is built from anchor points connected by paths — straight lines or curved segments defined by mathematical handles. A simple square might use four anchor points connected by straight paths; a smooth, flowing curve uses anchor points with curve handles that control exactly how the path bends between them. Chapter 3 goes hands-on with actually placing and adjusting these, but recognizing that every vector shape, however complex, ultimately reduces to anchor points and paths is the mental model this entire course builds on.

When Raster Still Wins

Vector graphics aren't a universal upgrade over raster — they solve a different problem. A photograph, with its continuous, irregular variation in color and tone, has no clean mathematical shape to describe; it genuinely needs a pixel grid to represent accurately, which is exactly why Raster Editing Fundamentals' own tools exist. Vector graphics excel specifically at clean, geometric, or illustrative work — logos, icons, typography, technical diagrams — where shapes have real, describable edges rather than photographic complexity.

What This Course Actually Teaches

This course covers Adobe Illustrator and Inkscape (free and open-source) side by side, the same comparative approach Raster Editing Fundamentals used for Photoshop and GIMP — two tools built around the same underlying discipline. Chapter 2 picks that framing up directly before this course moves into the actual drawing tools.

AspectRaster (Photoshop/GIMP)Vector (Illustrator/Inkscape)
Stored asA fixed grid of pixel colorsMathematical descriptions of shapes
Scaling upDegrades — blur or blockinessNo degradation — recalculated fresh
Best suited toPhotographs, continuous toneLogos, icons, typography, diagrams
Building blockThe pixelThe anchor point and path
Same discipline, different foundation
Chapter 2 reapplies Raster Editing Fundamentals' own opening framing — two tools sharing a discipline, not a platform — to this course's own pairing of Illustrator and Inkscape, before moving into the Pen tool and shape tools that actually put anchor points and paths to work.
Vector tools can't magically turn a photo into clean shapes
It's tempting to assume a vector program can take any raster photo and produce a clean, scalable vector version automatically. Auto-tracing tools exist and can approximate simple, high-contrast images reasonably well, but a genuine photograph's continuous tonal detail has no clean mathematical shape to extract — the result is either a rough approximation or an enormous number of tiny paths trying to fake photographic detail, neither of which behaves like a real vector illustration.

Hands-On Exercises

Exercise 1

A colleague enlarges a company logo saved as a JPEG for a large banner print and notices it looks blurry and blocky. Using this chapter's own material, explain what's happening and what kind of file would have avoided the problem.

📄 View solution
Exercise 2

A friend asks why designers don't just use vector tools for everything, since vector graphics never lose quality when scaled. Using this chapter's own material, explain why raster tools are still genuinely necessary.

📄 View solution
Exercise 3

A beginner tries to auto-trace a detailed vacation photo into a vector file, expecting a clean, scalable illustration, and is disappointed by the result. Using this chapter's own warning box, explain why this didn't work the way they expected.

📄 View solution

Chapter 1 Quick Reference

  • Vector graphics store mathematical descriptions of shapes, not a grid of pixel colors
  • Resolution independence means a vector shape never degrades when scaled — it's recalculated fresh each time
  • Every vector shape reduces to anchor points and paths — the building blocks this entire course works with
  • Vector graphics suit clean, geometric, or illustrative work; photographs still genuinely need raster tools
  • This course compares Illustrator and Inkscape, the same comparative approach Raster Editing Fundamentals used for Photoshop and GIMP