digital-art

$npx mdskill add Tibsfox/gsd-skill-creator/digital-art

Bridges traditional art principles into digital creation workflows.

  • Helps artists apply traditional skills like composition and color theory digitally.
  • Depends on raster/vector software, 3D tools, and stylus tablets.
  • Recommends techniques based on the chosen digital medium and artistic goal.
  • Delivers step-by-step workflows and ethical guidance for AI-generated art.

SKILL.md

.github/skills/digital-artView on GitHub ↗
---
name: digital-art
description: Digital art tools, techniques, and workflows for art education. Covers raster and vector workflows, digital painting, photo manipulation, generative and procedural art, 3D modeling and rendering, pixel art, the relationship between traditional skills and digital execution, and ethical considerations of AI-generated imagery. Use when working with digital tools, evaluating digital art, or bridging traditional art concepts into digital practice.
type: skill
category: art
status: stable
origin: tibsfox
modified: false
first_seen: 2026-04-11
first_path: examples/skills/art/digital-art/SKILL.md
superseded_by: null
---
# Digital Art

Digital art uses computational tools as the primary medium of creation. The fundamental art principles -- observation, composition, color, value, form -- remain unchanged; what changes is the material substrate. A digital painter still needs to understand value structure (drawing-observation skill, Technique 6) and color relativity (color-theory skill), but executes with pressure-sensitive stylus on a tablet instead of brush on canvas. This skill covers the major digital art modalities, their relationship to traditional practice, and the specific technical and conceptual issues unique to digital creation.

**Agent affinity:** hokusai (composition and printmaking as precursor to reproducible art), albers (systematic color investigation in digital color spaces)

**Concept IDs:** art-materials-making, art-creative-process-portfolio

## Digital Art Modalities

| # | Modality | Tools | Traditional parallel | Key difference |
|---|---|---|---|---|
| 1 | Digital painting | Photoshop, Procreate, Krita, Clip Studio Paint | Oil/acrylic painting | Infinite undo, layers, non-destructive editing |
| 2 | Vector illustration | Illustrator, Inkscape, Affinity Designer | Pen and ink, graphic design | Resolution-independent, mathematically defined curves |
| 3 | Photo manipulation | Photoshop, GIMP, Affinity Photo | Darkroom techniques, collage | Non-destructive, compositing, masking |
| 4 | 3D modeling/rendering | Blender, ZBrush, Maya, Cinema 4D | Sculpture, architectural model-making | Virtual camera, lighting, materials |
| 5 | Pixel art | Aseprite, Piskel, GraphicsGale | Mosaic, cross-stitch | Deliberate low resolution as aesthetic |
| 6 | Generative/procedural art | Processing, p5.js, TouchDesigner, GLSL shaders | Algorithmic drawing, systems art | Code as medium, emergence, randomness |

## Modality 1 -- Digital Painting

Digital painting replicates the experience of painting with physical media using a pressure-sensitive stylus on a tablet or screen. The core difference is non-destructive workflow: layers can be hidden, blending modes applied, colors sampled and reused, and any stroke undone.

**Strengths:** Speed of iteration, ability to experiment without wasting materials, easy color correction, seamless compositing of reference material.

**Risks:** The ease of undo can weaken commitment to brushstrokes. The infinite color picker can lead to oversaturated, disharmonious palettes. Zoom-in culture (working at 400% magnification on details) can destroy compositional coherence.

**Discipline:** Work at full canvas zoom regularly. Use a limited digital palette (lock 6 colors, mix from those). Turn off undo for 30-minute sessions to build brush confidence.

## Modality 2 -- Vector Illustration

Vector graphics define shapes as mathematical curves (Bezier splines) rather than pixel grids. This makes them resolution-independent -- a vector logo is sharp at business card size and billboard size.

**Key concepts:** Anchor points, handles, stroke weight, fill, pathfinder operations (union, intersect, subtract, divide). Vector illustration rewards precision and planning over spontaneous mark-making.

**Relationship to printmaking:** Hokusai's woodblock prints required the same precision -- every line was carved into a block, and the block was a "vector" in the sense that it could print at any ink density without losing edge sharpness.

## Modality 3 -- Photo Manipulation

Photo manipulation encompasses compositing (combining elements from multiple photographs), retouching, color grading, and photomontage as artistic expression.

**Key concepts:** Layer masks (non-destructive selection boundaries), adjustment layers (non-destructive color/value changes), blending modes (mathematical operations combining two layers), and selection techniques (pen tool, quick mask, channel-based selection).

**Ethical dimension:** Photo manipulation raises questions about truth and representation that painting does not. A painting is understood as an interpretation; a photograph carries an implicit claim of documentation. Artists and designers must be transparent about the degree of manipulation.

## Modality 4 -- 3D Modeling and Rendering

3D modeling extends sculptural thinking into virtual space. The artist creates mesh geometry, applies surface materials, places virtual lights and cameras, and renders the scene into a 2D image or animation.

**Key concepts:** Polygonal modeling (vertices, edges, faces), subdivision surfaces, UV unwrapping (flattening 3D surface for texture application), PBR materials (physically based rendering -- roughness, metalness, albedo), ray tracing, and compositing the rendered output.

**Relationship to sculpture:** The sculpture-3d skill's spatial thinking principles apply directly. The difference is that the virtual sculptor can see the work from any angle instantly, work at any scale, and undo freely.

## Modality 5 -- Pixel Art

Pixel art treats individual pixels as the fundamental unit of composition, typically at very low resolutions (16x16 to 256x256). Every pixel is a deliberate color choice.

**Key concepts:** Dithering (creating the illusion of gradients using alternating pixel patterns), anti-aliasing (manual smoothing of jagged edges), limited color palettes (often 4-16 colors), sprite design, and tile-based environments.

**Historical context:** Early video game graphics were pixel art by necessity. The contemporary pixel art movement is a deliberate aesthetic choice -- a constraint that forces economy and clarity, much like the haiku form in poetry.

## Modality 6 -- Generative and Procedural Art

Generative art uses algorithms, rules, and randomness to produce visual output. The artist writes code (or constructs node-based logic) that generates imagery, often with an element of controlled unpredictability.

**Key concepts:** Noise functions (Perlin noise, simplex noise), particle systems, L-systems (fractal branching), cellular automata, shader programming (GLSL, HLSL), and emergent complexity from simple rules.

**Historical lineage:** Sol LeWitt's wall drawings (instructions executed by others), Vera Molnar's computer-generated compositions (1960s), and Manfred Mohr's algorithmic work established the conceptual foundation. Contemporary generative artists (Tyler Hobbs, Zach Lieberman, Casey Reas) work in code, often with real-time interaction.

## Traditional Skills in Digital Practice

Digital tools change the medium but not the foundation. The following traditional skills remain essential:

| Traditional skill | Digital application |
|---|---|
| Observational drawing | Accurate proportions, edge quality, spatial reasoning -- identical whether pencil or stylus |
| Value structure | Grayscale underpainting on a digital canvas is the same process as value mapping with charcoal |
| Color theory | Digital color pickers make it easier to select colors but harder to understand their relationships. Albers's experiments are more important, not less, in digital contexts |
| Composition | The rule of thirds, golden ratio, dynamic symmetry, and focal point design apply to every medium |
| Anatomy and form | 3D modeling a figure requires the same anatomical knowledge as sculpting one in clay |

## Cross-References

- **hokusai agent:** Printmaking as the historical precursor to digital reproduction; Hokusai's compositional mastery is essential study for digital illustrators.
- **albers agent:** Color relativity is amplified in digital contexts where the color picker offers millions of options. Albers's disciplined experimentation is the antidote to color chaos.
- **drawing-observation skill:** All seven observational techniques transfer to digital drawing.
- **color-theory skill:** Additive mixing (RGB) is the native color model of digital displays.
- **sculpture-3d skill:** 3D modeling is virtual sculpture.
- **art-history-movements skill:** Net art, digital collage, and generative art are contemporary movements with art-historical context.

## References

- Maeda, J. (1999). *Design By Numbers*. MIT Press.
- Reas, C. & Fry, B. (2007). *Processing: A Programming Handbook for Visual Designers*. MIT Press.
- Galanter, P. (2003). "What is Generative Art?" *Digital Creativity*, 14(4), 225-234.
- Paul, C. (2003). *Digital Art*. Thames & Hudson.
- Hobbs, T. (2021). "The Rise of Long-Form Generative Art." Essay.

More from Tibsfox/gsd-skill-creator

SkillDescription
3d-interaction-designDesign heuristics for three-dimensional interaction — input modalities (6DoF controllers, gaze, gesture, voice), selection and manipulation techniques (ray-cast, virtual hand, go-go, world-in-miniature), navigation (teleport, continuous, redirected walking), and feedback loops (haptic, audio, visual). Covers Fitts' law in 3D, discoverability vs affordance, safe-zone design, and comfort/simulator sickness mitigation. Use when designing VR/AR interactions, immersive walkthroughs, or any input system where the user's body is the controller.
accessibility-patternsProvides web accessibility best practices for semantic HTML, ARIA, keyboard navigation, color contrast, and screen reader patterns. Use when building UI components, reviewing accessibility, or when user mentions 'a11y', 'accessibility', 'ARIA', 'screen reader', 'keyboard navigation', 'WCAG'.
active-listeningActive listening techniques for effective communication. Covers attending behaviors, paraphrasing, reflective listening, clarifying questions, empathic response, barriers to listening, listening in conflict, and cross-cultural listening. Use when building listening skills, improving understanding in conversation, mediating disputes, or analyzing communication breakdowns.
adversarial-pr-reviewAdversarial spec-compliance PR review — cross-references diffs against approved specs, verifies runtime claims against source, detects competing PRs, audits scope/convention compliance. Use before merging.
agile-methodsAgile and Lean software development methodologies for iterative, adaptive project execution. Covers Scrum (roles, ceremonies, artifacts), Kanban (WIP limits, flow metrics), XP (TDD, pair programming, CI), SAFe overview, Lean Software Development (Poppendieck's 7 principles), user stories (INVEST criteria), estimation via story points and velocity, and the Agile Manifesto's values and principles. Includes Cynefin framework for methodology selection and GSD's relationship to Agile as a structured Lean variant.
algebraic-reasoningSymbolic manipulation, equation solving, and algebraic structures for mathematical reasoning. Covers distributive law, factoring, completing the square, linear through polynomial equation solving, systems of equations (substitution, elimination, Gaussian elimination, matrix methods), algebraic structures (groups, rings, fields), modular arithmetic, polynomial theory, and inequalities. Use when solving equations, simplifying expressions, working with algebraic structures, or performing symbolic manipulation.
algorithmic-awarenessUnderstanding how algorithmic systems shape what users see, know, and do -- from recommendation feeds to search ranking to credit scoring to hiring software. Covers the mechanics of recommendation systems, algorithmic bias and its sources, personalization's effects on information diets, opacity and accountability, AI limitations (hallucination, confident wrongness), and the human-in-the-loop question. Use when a learner needs to think critically about why particular content reached them.
algorithms-data-structuresAlgorithms and data structures from first principles through advanced analysis. Covers sorting (bubble, insertion, selection, merge, quick, heap, radix), searching (linear, binary, BFS, DFS, Dijkstra, A*), fundamental data structures (arrays, linked lists, stacks, queues, hash tables, trees, heaps, graphs, tries), complexity analysis (Big-O, Big-Omega, Big-Theta, amortized), recurrence relations, and algorithm design paradigms (divide-and-conquer, greedy, dynamic programming, backtracking). Use when analyzing, selecting, implementing, or comparing algorithms and data structures.
aminet-browserAminet search and browse: full-text search, category tree navigation, architecture filtering, package detail, and curated collections. Use when searching, browsing, or managing package collections.
aminet-emulatorFS-UAE emulator configuration and launch: hardware profiles, ROM management, WHDLoad integration, config generation, and state snapshots. Use when configuring emulation, managing ROMs, or launching Amiga software.