Graphic Design & Digital Media · Foundations
Digital Illustration
On this page 9 sections
In 30 seconds
Digital illustration The practice of creating original artwork on a computer, as opposed to photographing a scene or editing an existing photograph. Full entry → is creating original artwork on a computer, and it splits into two approaches. Vector illustration Making artwork from editable geometric objects, whose shapes are stored as mathematical paths so they redraw sharply at any size. Full entry → builds images from mathematical paths, anchor points, and curves you place and re-edit, so the art stays crisp at any size. Raster painting lays down pixels with brushes, using pressure, opacity, blending, and layers to mimic paint or ink. Vector suits logos, icons, and flat art; raster suits textured, painterly, and concept work. Most illustrators learn both approaches and often combine them in one piece.
Why this matters
Illustration is how designers add images a camera cannot take: an icon set, an editorial spot drawing, a character, or an infographic. Knowing that vector and raster tools solve different problems saves hours, because you stop fighting a pixel brush to build a scalable logo, or a pen tool to make a soft painting. The same two toolkits underlie almost every illustration application, free or paid, so the concepts transfer whatever software a course or studio uses. Understanding pressure-sensitive input, layers, and when each model fits also makes you a faster, more deliberate maker rather than someone poking at menus.
The college version
Two ways to make a picture: paths or pixels
Digital illustration means creating original artwork with a computer rather than capturing it with a camera or editing an existing photograph. That distinction matters: retouching or compositing photographs is the job of photo editing, while illustration starts from a blank canvas and an idea. Almost all illustration work happens in one of two families of tools, and the split follows the deeper raster-versus-vector distinction covered in its own lesson. In short, a raster image is a fixed grid of pixels and a vector graphic is a set of shapes described by math; here we take that mechanism as given and focus on what it means for actually making pictures. Vector tools let you draw with editable geometry, so a picture is a collection of shapes you can reselect and change. Raster tools let you paint with pixels, so a picture is color laid directly onto a grid. Neither is more 'real' as art than the other, and skilled illustrators move between them depending on the job.
Vector illustration: drawing with points, paths, and curves
In vector illustration you build a picture out of objects rather than pixels. The core building block is the Path A line or outline in vector art, built from anchor points and the segments connecting them; a closed path can be filled and stroked. Full entry →: a line defined by anchor points, which are coordinates you place, connected by segments that can be straight or curved. Curved segments are Bezier curves, whose bend is controlled by handles extending from the anchor points, so dragging a handle reshapes the curve without adding more points. The pen or curvature tool places and adjusts these points, and most programs also offer shape primitives such as rectangles, ellipses, and polygons as ready-made paths. Every closed path can carry a fill, the color, gradient, or pattern inside it, and a stroke, the styled outline along it. Because each object stays independent, you can select a shape later and change its color, move a single point, or restack it in front of or behind others. And because the whole image is stored as math, a renderer recomputes it at any requested size, so vector art stays sharp whether it is a tiny favicon or a wall-sized banner. That scalability, plus small file sizes for flat art, is why vectors dominate logos, icons, symbols, flat editorial illustration, and infographic elements. The trade-off is that richly textured, photographic looks are hard to build from clean geometric shapes.
Raster (pixel) painting: brushes, pressure, and layers
Raster digital painting works the opposite way: you set down color directly onto a grid of pixels, the way paint goes onto canvas. The main tool is the brush, and a brush is far more than a round dot. Painting programs use brush engines that decide how each stroke deposits pixels, so one brush can behave like a soft airbrush, another like a bristled oil brush, and another like an inking pen or a texture stamp. Two controls do much of the expressive work. Opacity sets how transparent each stroke is, letting color build up gradually as strokes overlap. Blending, through blend or composite modes, governs how a stroke's pixels combine with what is beneath them, enabling effects such as multiply for shadows or screen for glows. Painters work in layers, stacked transparent sheets, so background, character, and highlights stay separate and editable, and a Layer A stacked, independently editable sheet within an artwork, letting elements such as sketch, linework, and color be changed without disturbing the rest. Full entry → can be repainted or hidden without disturbing the rest. Because the canvas is a fixed pixel grid, raster painting is resolution-dependent: you choose the canvas dimensions and resolution before you start, since enlarging a finished painting past its pixel count degrades it (that mechanism belongs to the raster-versus-vector lesson). Raster's strength is exactly what vector lacks, namely soft gradients, visible brush texture, and painterly or photographic detail, which is why concept art, character painting, and richly rendered illustration are usually raster work.
The digital illustrator's tools
A few tools are common to both approaches. The most important piece of hardware is a drawing tablet with a pressure-sensitive stylus, which lets the artist draw with a pen-like motion instead of a mouse. Modern input systems report a pen's state in detail: browsers and operating systems expose a normalized pressure value in the range 0 to 1, along with the pen's tilt and rotation, so software can map how hard and at what angle you press to a stroke's width, opacity, or texture. That is what makes a digital brush stroke swell and taper like a real one. In vector tools, pressure can vary a stroke's width; in raster tools, it can vary a brush's size, opacity, and flow at once. Layers, described above for painting, are equally central to vector work for grouping and ordering objects. Presets, meaning saved brushes, swatches, and styles, let illustrators reuse a look quickly. None of this is tied to a single product: the same concepts appear across professional, free, and open-source applications, so the skills transfer even when the software changes, which is why this lesson describes techniques rather than endorsing any one program.
Choosing an approach, and combining them
Choosing between the two comes down to how the art will look and how it must be used. Reach for vector when the image is made of clean shapes and flat or simply-graded color, when it must scale to many sizes, or when you will need to re-edit and recolor elements: logos, icon sets, wayfinding symbols, and diagram art. Reach for raster when you want texture, soft blending, or a hand-painted or photographic feel, and when the final output size is known, as with a book cover, a character portrait, or a moody concept piece. The choice is not exclusive. A common professional workflow sketches roughly on a raster layer, draws crisp final linework as vectors, then paints color and texture back in raster; illustrators also import vector shapes into a painting program, or add painterly raster textures on top of vector art. Knowing the strengths of each lets you plan a piece deliberately instead of discovering halfway through that the tool cannot do what you need.
Where digital illustration is used professionally
Digital illustration appears across the visual professions. Editorial illustration provides the conceptual images beside articles and on covers. Iconography and interface art supply the small, scalable symbols that apps and websites depend on. Character and concept art give film, games, and animation their look before anything is modeled or filmed. Infographics turn data and processes into designed pictures. Product and spot illustrations decorate packaging, marketing, and stationery. Technical and scientific illustration explains anatomy, machinery, or procedures where a photograph would be cluttered or impossible. In each case the illustrator picks vector or raster tools to fit the medium and the message, which is why understanding both toolkits, rather than memorizing one application, is the durable professional skill.

Eli explains
The same idea, in plain words
Explain it like I’m 10
There are two ways to draw on a computer. One way is like building with stretchy wire shapes: you drop points and bend the wire between them into lines and curves, then fill the shapes with color. Because the shapes are really instructions, the computer can redraw them at any size and they never get blurry, which is great for logos and icons. The other way is like painting on a screen made of tiny colored squares. You use brushes that lay down color, press harder for a fatter or darker stroke, stack see-through layers, and blend everything, which is great for soft, textured, painting-like pictures. A special pen and drawing pad let you draw by hand, and the pen even senses how hard you press.
Picture it like this
Vector illustration is like shaping a bendy pipe cleaner: you can restretch it to any length and it keeps its clean edge. Raster painting is like painting on graph paper where every tiny square gets a color: beautiful and detailed, but blow it up too far and you just see bigger squares.
Where the picture stops working
The pipe-cleaner picture misses that vector art can hold many stacked, colored shapes, not just one outline, and the graph-paper picture makes raster painting sound blocky when at normal size the squares are far too small to see and blend into smooth color and texture. Real illustrators also mix the two, which neither everyday object suggests.
Worked example
A studio is hired to create a mascot that will appear as a tiny app icon, on a printed banner, and as a detailed poster illustration. The illustrator plans two deliverables using both models. For the icon and logo lockup, she draws the mascot in vector: pen-tool paths and shape primitives define clean outlines, each filled with flat color and adjustable strokes, so the same file scales sharply from a 32-pixel favicon to the banner without redrawing. For the poster, she switches to raster painting on a large, high-resolution canvas: a rough sketch layer, a lineart layer, and several paint layers, using pressure-sensitive brushes for soft fur texture, opacity build-up for shading, and a multiply blend mode for shadows. She sizes the raster canvas up front because it cannot be enlarged later without blurring. The vector mascot and the raster poster share one character but exploit each model's strength, which shows that the choice of approach is a design decision, not a default.
Key takeaway
Digital illustration is making original artwork on a computer through two complementary approaches: vector illustration builds editable, infinitely scalable shapes from anchor points, paths, and Bezier curves, while raster painting lays down pixels with pressure-sensitive brushes, opacity, blending, and layers for texture and painterly detail. Skilled illustrators choose, and often combine, the two to fit the job.
Quick check
3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.
In vector illustration, how is the shape of a curved line determined?
A brand needs a logo that must look perfectly crisp everywhere from a 16-pixel favicon to a stadium banner, and may be recolored later. Which approach fits best, and why?
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related
You’ll learn to
- Define digital illustration and distinguish it from photo editing and from the underlying raster-versus-vector distinction.
- Explain how vector illustration builds images from anchor points, paths, Bezier curves, fills, and strokes.
- Explain how raster (pixel) painting uses brushes, pressure sensitivity, opacity, blending, and layers.
- Choose vector or raster for a given illustration task and justify the choice.
- Identify the core tools of digital illustration and common professional applications.
Common mistakes
Thinking digital illustration just means tracing or editing photographs.
Illustration creates original artwork from a blank canvas. Modifying an existing photo is photo editing, a different task with its own tools and goals.
Painting a raster illustration on a small, low-resolution canvas and later needing it much larger.
Raster painting is resolution-dependent, so set the canvas dimensions and resolution before you begin; enlarging past the pixel count blurs the art (the mechanism belongs to the raster-versus-vector lesson).
Assuming one model can do everything, such as forcing vector tools to produce a soft, photographic painting or forcing a pixel brush to make an infinitely scalable logo.
Match the model to the job: vector for clean, scalable, re-editable shapes; raster for texture, blending, and painterly detail. Many pieces combine both.
Believing you must use one specific expensive application to make real digital illustration.
The concepts, paths and anchor points, brushes, pressure, layers, and blending, are the same across professional, free, and open-source tools; the skills transfer between programs.
Painting or drawing everything on a single layer.
Work in layers so sketch, linework, color, and highlights stay separate and editable; a change or mistake on one layer then does not force you to redo the rest.
Easily confused
Vector illustration vs. Raster painting
Vector stores art as editable, mathematically defined shapes that scale to any size; raster stores art as a fixed grid of painted pixels that captures texture and blending but degrades when enlarged.
Drawing with the pen/path tools vs. Painting with brushes
Pen and path tools place and adjust anchor points and Bezier curves to define exact geometry; brushes deposit color pixel by pixel, with pressure, opacity, and blending shaping each stroke.
Digital illustration vs. Photo editing
Illustration creates original artwork from scratch in vector or raster tools; photo editing modifies an existing photograph. They overlap in software but answer different design needs.
Key vocabulary
- Digital illustration
- The practice of creating original artwork on a computer, as opposed to photographing a scene or editing an existing photograph.
- Vector illustration
- Making artwork from editable geometric objects, whose shapes are stored as mathematical paths so they redraw sharply at any size.
- Anchor point
- A coordinate the illustrator places on a vector path; the path runs between anchor points as straight or curved segments.
- Path
- A line or outline in vector art, built from anchor points and the segments connecting them; a closed path can be filled and stroked.
- Bezier curve
- A curved path segment whose bend is set by handles extending from its anchor points, allowing smooth curves without extra points.
- Fill and stroke
- A fill is the color, gradient, or pattern inside a closed vector shape; a stroke is the styled outline drawn along the path itself.
- Raster (bitmap) painting
- Making artwork by depositing color directly onto a fixed grid of pixels with brushes, rather than defining shapes mathematically.
- Brush engine
- The system in a painting program that determines how a brush stroke deposits pixels, letting one program imitate airbrush, ink, oil, or texture.
- Pressure sensitivity
- A stylus's ability to report how hard it is pressed as a value from 0 to 1, which software maps to stroke width, opacity, or size.
- Layer
- A stacked, independently editable sheet within an artwork, letting elements such as sketch, linework, and color be changed without disturbing the rest.
Sources & references
- Graphic Design and Print Production Fundamentals — BCcampus / Graphic Communications Open Textbook Collective (Ken Jeffery, Alan Martin, Roberto Medeiros, Steve Tomljanovic)
- Scalable Vector Graphics (SVG) 1.1 (Second Edition), Introduction — World Wide Web Consortium (W3C)
- Krita Manual — Introduction Coming From Other Software (brush engines, blending modes, layers) — Krita Foundation / KDE
- Pointer Events (W3C Recommendation / Level 3) — pressure, tilt, twist, and the pen pointer type — World Wide Web Consortium (W3C)
EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.
Researched 2026-08-19
Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.

