Digital Input, Raster Images & Vector Paths

Digital Media Tools, Computer Graphics & File Formats

Digital art integrates traditional artistic principles with computational technology, transforming how visual artists conceptualize, construct, and disseminate creative work. For K-12 art educators, navigating digital media requires a thorough understanding of the physical hardware used for input and output, the mathematical structures separating raster from vector graphics, the science of color management across displays and print, and the archival management of digital assets.

Digital Art Hardware Systems

The digital art studio relies on an interconnected ecosystem of peripheral devices engineered to translate physical mark-making into digital code and output virtual imagery into physical reality.

Input Devices

Input devices serve as the tactile interface between the artist's hand and the computer's processing unit:

• Graphics Tablets and Pen Displays: Digitizing tablets (such as Wacom, Huion, and standalone pen computers like the Apple iPad with Apple Pencil) utilize electromagnetic resonance (EMR) or active electrostatic technology to track the stylus across a specialized drawing surface. Unlike a standard computer mouse, which tracks relative displacement at a single speed and click state, graphics tablets record absolute spatial coordinates, multi-level pressure sensitivity (commonly ranging from 2,048 to 8,192 distinct pressure levels), pen tilt angles (azimuth and altitude), and barrel rotation. These continuous physical variables map directly to software brush dynamics, governing stroke opacity, line weight, pigment loading, and edge feathering. Advanced tablets incorporate hardware palm rejection to isolate intentional stylus contact from resting hand pressure.
• Optical Flatbed Scanners: Scanners convert traditional physical media (drawings, watercolors, prints, collages) into high-resolution raster files. A movable carriage containing a light source, mirrors, a focusing lens, and an array of light-sensitive sensors captures analog reflectance data line by line. Charge-Coupled Device (CCD) sensors utilize glass prisms and photodiode arrays to capture superior color fidelity, wide dynamic range, and greater depth of field than Contact Image Sensor (CIS) units, making CCD flatbeds the standard for scanning textured fine art and three-dimensional media. Studio scanning differentiates between optical resolution (the physical hardware limit of the sensor array, such as 1200 × 2400 DPI) and interpolated resolution (software algorithms generating synthetic intermediate pixels, which yields bloated file sizes without capturing new visual detail).
• Digital Cameras: Digital single-lens reflex (DSLR) and mirrorless camera systems serve as primary capture tools for reference gathering, digital photography, and documenting two- and three-dimensional student portfolios under controlled studio lighting.

Computer Graphics Fundamentals: Raster vs. Vector

All digital visual imagery falls into one of two fundamental computational paradigms: pixel-based raster graphics or formula-based vector graphics.

Raster Graphics (Bitmap/Pixel-Based)

Raster graphics represent visual imagery as a two-dimensional grid of discrete square picture elements called pixels. Each individual pixel contains specific numerical data indicating its spatial position along Cartesian coordinates ($X, Y$) and its precise color value (derived from color channel bit depth).

• Resolution Dependency: Raster files are bound to a fixed pixel dimension (e.g., $3000 \times 2000$ pixels). The physical density of these pixels determines the image's sharpness when displayed or printed:
  • PPI (Pixels Per Inch): Measures digital input/display resolution. Standard web displays historically operated at 72 PPI, while modern high-density screens (Retina displays) exceed 300 to 450 PPI.
  • DPI (Dots Per Inch): Measures physical output resolution, specifically the mechanical density of physical ink droplets deposited by a commercial press or inkjet printer onto paper (a common photographic print target is about 300 image PPI at final size, while printer dot resolution is a different and often higher number).
• Scaling and Pixelation: Because a raster image possesses a finite number of pixels, enlarging it forces the computer to create new information through mathematical interpolation (such as nearest-neighbor, bilinear, or bicubic resampling). Upscaling causes visible degradation: sharp edges soften, tonal gradients break down, and individual pixel blocks become apparent—a flaw termed pixelation or aliasing.
• Anti-Aliasing: To prevent diagonal and curved raster lines from appearing as stepped, jagged staircases ("jaggies"), software applies anti-aliasing. This technique deposits intermediate pixels of transitional color and opacity along the boundary edges, tricking the human visual system into perceiving a smooth, continuous contour.
• Software Ecosystem: Industry-standard raster applications include Adobe Photoshop, GIMP (GNU Image Manipulation Program), Corel Painter, and Procreate. These tools excel at continuous-tone rendering, painterly brush textures, photo retouching, and atmospheric blending.

Vector Graphics (Mathematical Paths)

Vector graphics define visual forms through geometric formulas rather than static pixel grids. Shapes are constructed from points, lines, curves, and fills based on mathematical equations:

• Anchor Points and Bézier Curves: The structural core of vector art is the Bézier curve, named after French engineer Pierre Bézier. A vector path consists of anchor points connected by line segments. When an anchor point is set to smooth mode, two opposing directional control handles project from it. The angle and length of these handles govern the curvature, direction, and tension of the adjoining line segment using cubic polynomial equations.
• Resolution Independence: Because vector elements exist as mathematical descriptions (e.g., a circle defined by center coordinates, radius, stroke weight, and fill color), they are resolution independent. A vector design can be scaled up or down infinitely—from a 1-inch business card icon to a 60-foot outdoor vinyl billboard—without loss of path definition; embedded raster images, effects and output-device resolution still impose limits.
• File Efficiency: Vector files typically maintain modest file sizes because the computer stores simple coordinate scripts and formula parameters rather than data for millions of individual pixels.
• Software Ecosystem: Industry-standard vector applications include Adobe Illustrator, Inkscape, and CorelDRAW. Vector art is the universal standard for typography, logo design, flat graphic illustration, technical drafting, cartography, and laser-cutter vector paths.