Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

Leseprobe: KI für Kreative¶

Hinweis zur Software-Auswahl:
Diese Leseprobe priorisiert Open-Source-Software, die unter Ubuntu (lokal/self-hosted) betrieben werden kann.
Bei proprietären Cloud-Lösungen wird stets eine Open-Source-Alternative mit gleichem Funktionsumfang gegenübergestellt.
LLM-Modelle und Bildgenerierungssysteme werden unabhängig vom Preis gelistet, da sie als fundamentale Werkzeuge im Designprozess dienen.

Legende¶

Inhaltsverzeichnis¶

• 📖 Auszug: Kapitel 3 – Prompting als Designmaterial
  • 3.1 Das Konzept: Der pixelbasierte Zufall und seine Lenkung
  • 3.2 Thema: Stilsteuerung durch kunsthistorische Begriffe
  • 3.3 Thema: Lichtsetzung und Kamera-Parameter im Text-Prompt
• 🛠️ Praxis-Workshop: Ein konsistentes Icon-Set erstellen
  • Schritt 1: Das visuelle Konzept (Ollama)
  • Schritt 2: Generierung in ComfyUI (Flux / Stable Diffusion)
  • Schritt 3: Vektorisierung & Reinzeichnung (Inkscape)
• 📦 Software-Vergleich im Grafikdesign

📖 Auszug: Kapitel 3 – Prompting als Designmaterial¶

3.1 Das Konzept: Der pixelbasierte Zufall und seine Lenkung¶

In der klassischen Grafik gestaltest du Linien, Flächen und Farben von Grund auf selbst. Du hast die absolute Kontrolle über jeden Pixel. Beim Arbeiten mit generativer KI ändert sich dieses Paradigma: Du gestaltest nicht das Bild selbst, sondern den Raum der Möglichkeiten.

Der Text-Prompt ist kein Befehlsempfänger, sondern ein kreativer Katalysator. Die Bild-KI startet mit vollständigem Rauschen (Noise) und errechnet durch das Entfernen des Rauschens (Denoising) Schritt für Schritt das Bild. Deine Aufgabe als Designer ist es, diesen mathematischen Prozess durch präzise sprachliche Leitplanken in die gewünschte Richtung zu lenken.

3.2 Thema: Stilsteuerung durch kunsthistorische Begriffe¶

Konzept: Ästhetische Epochen nutzen¶

Statt der KI vage Begriffe wie „schön" oder „modern" zu geben, erzielen kunsthistorische und technische Epochen-Begriffe hochgradig konsistente visuelle Stile:

3.3 Thema: Lichtsetzung und Kamera-Parameter im Text-Prompt¶

Konzept: Licht modelliert die Form¶

Licht entscheidet über die Tiefe und Emotionalität deines Designs. Bild-KIs verstehen die Sprache der Fotografen und 3D-Künstler:

• Gegenlicht (Backlight): Erzeugt eine leuchtende Silhouette und trennt das Motiv vom Hintergrund.
• Rembrandt-Licht: Ein klassisches Drei-Punkt-Licht mit einem markanten Dreiecksschatten auf der Wange (ideal für dramatische Porträts).
• Weiches Diffuslicht: Verhindert harte Schlagschatten, ideal für Produktvisualisierungen und flache UI-Elemente.

Beispiel-Vergleich im Prompt-Ergebnis:
❌ Negativ: "Ein Apfel auf einem Tisch, fotorealistisch" (Standard-Licht, langweilig)
✅ Positiv: "Ein roter Apfel auf einem Holztisch, dramatisches Rembrandt-Licht,
             weicher Schattenwurf, Makroaufnahme, 85mm Linse, f/1.8" (Cineastisch)

🛠️ Praxis-Workshop: Ein konsistentes Icon-Set erstellen¶

In diesem kurzen Workshop erstellen wir ein konsistentes Set aus drei Vektor-Icons für ein Web-Interface – vollständig lokal auf einem Ubuntu-System.

graph LR
    A["💡 Konzept finden\nOllama / Llama3"] --> B["🖼️ Generieren\nComfyUI / Flux"]
    B --> C["⚡ Vektorisieren\nInkscape / Potrace"]
    C --> D["✅ Fertiges SVG Set"]

Schritt 1: Das visuelle Konzept (Ollama)¶

Wir lassen uns von einem lokalen LLM über Ollama ein einheitliches Metaphern-Set für die Bereiche „Home", „Search" und „Settings" erstellen, das auf der Bauhaus-Ästhetik basiert.

ollama run llama3 "Entwirf ein Icon-Konzept für Home, Search und Settings im minimalistischen Bauhaus-Stil. Nutze nur die Grundformen Kreis, Quadrat und Dreieck."

Schritt 2: Generierung in ComfyUI (Flux / Stable Diffusion)¶

Wir verwenden den generierten Prompt in ComfyUI. Um flache Vektor-ähnliche Icons zu erzwingen, nutzen wir folgendes Prompt-Schema:

Prompt: "Minimalistisches flaches Vektor-Icon von [Motiv], Bauhaus-Stil,
         saubere weiße Flächen, isoliert auf weißem Hintergrund,
         keine Schattierungen, klare Linien, 2D, SVG-Look"

Tipp: Verwende für alle drei Icons denselben Seed (Zufallswert) in ComfyUI, um visuelle Konsistenz zu garantieren.

Schritt 3: Vektorisierung & Reinzeichnung (Inkscape)¶

Die generierten PNG-Dateien importieren wir in Inkscape und konvertieren sie in echte Vektoren:

1. Öffne Inkscape und importiere das generierte Icon.
2. Wähle das Bild aus und klicke im Menü auf Pfad -> Pfad nachzeichnen (Trace Bitmap).
3. Stelle den Modus auf Helligkeitsstufen und passe den Schwellenwert an, bis die Ränder sauber sind.
4. Klicke auf Anwenden. Lösche das ursprüngliche Pixelbild im Hintergrund.
5. Exportiere das fertige Ergebnis als Optimiertes SVG.

📦 Software-Vergleich im Grafikdesign¶

Bildgenerierung & Design-Prozess¶

Weiterführende Ressourcen¶

• Inkscape Handbuch – Vektorzeichnen von Grund auf 🟩
• Krita AI Diffusion – Installationsanleitung für lokales Malen mit KI 🟩
• ComfyUI Examples – Workflow-Vorlagen 🟩
• Bauhaus-Archiv Berlin – Inspirationen und Gestaltungsprinzipien

Leseprobe Ende – Letzte Aktualisierung: Juli 2026

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).