🎨 Gestalte Grafiken & lerne Technik
Dein Weg zu professionellen Bildern – mit Open Source, Verständnis und Kreativität.
🖼️ Was ist digitale Grafik?
Digitale Grafik ist überall: Logos, Fotos, Icons, Hintergründe, Infografiken. Doch hinter jedem Bild steckt eine Entscheidung: Wird es aus Pixeln (Raster) oder Pfaden (Vektor) gebaut? Diese Wahl bestimmt, ob ein Bild bei Zoom unscharf wird – oder beliebig skalierbar bleibt.
🧱 Die zwei Welten der Grafik
Im Gegensatz zum Web (HTML/CSS/JS) arbeiten wir hier mit Bildformaten und Grafikprogrammen. Es gibt zwei grundlegende Arten:
- Pixelgrafiken (Raster) – wie Fotos
Bestehen aus einem festen Raster von Farbpunkten. Werden bei Vergrößerung unscharf.
Werkzeug: GIMP - Vektorgrafiken (Pfade) – wie Logos
Bestehen aus mathematischen Formeln. Können beliebig skaliert werden.
Werkzeug: Inkscape
| Typ | Formate | Vorteile | Nachteile | Verwendung |
|---|---|---|---|---|
| Pixelgrafik | JPG, PNG, GIF, WebP, TIFF | Fotos, komplexe Farben, Transparenz (PNG) | Wird bei Zoom unscharf, große Dateien (TIFF) | Fotografie, Webbilder, Screenshots |
| Vektorgrafik | SVG, PDF, EPS, AI | Beliebig skalierbar, kleine Dateien (SVG), editierbar | Keine Fotos möglich, komplexere Erstellung | Logos, Icons, Druck, Web-Icons |
💡 Tipp: Für Webseiten: .jpg für Fotos, .png für Transparenz, .svg für Logos!
📌 Merke: Ein gescanntes Logo als JPG ist keine Vektorgrafik – auch wenn es wie ein Logo aussieht!
🖌️ Warum GIMP und Inkscape?
Beide Programme sind kostenlos, Open Source und laufen auf allen Systemen. Sie sind professionell genug für echte Projekte – und perfekt für den Unterricht.
GIMP
- Bearbeitet Pixelbilder
- Ähnlich wie Photoshop – aber kostenlos
- Retusche, Zuschnitt, Transparenz, Ebenen
- Export nach PNG, JPG, GIF
Inkscape
- Erstellt Vektorgrafiken
- Ähnlich wie Illustrator – aber Open Source
- Pfade, Formen, Text als Pfad
- Export nach SVG, PDF, PNG
🧠 KI als kreativer Partner – nicht als Blackbox
KI kann dir helfen, schneller zu lernen – aber nur, wenn du selbst denkst. Statt „Mach mir ein Logo“, frage: „Wie plane ich ein Logo-Projekt in Inkscape Schritt für Schritt?“
Die KI ist dein Denksparringpartner.
Du lieferst die Idee, die Struktur und die Entscheidung.
Die KI liefert Impulse – du machst sie wirklich.
So entstehen Projekte, die nur du machen kannst – mit Unterstützung, nicht mit Delegation.
🎯 Was du am Ende beherrschst
- Den Unterschied zwischen Pixel- und Vektorgrafiken erklären
- Eine Fotodatei in GIMP retuschieren und zuschneiden
- Ein skalierbares Logo in Inkscape erstellen
- PNG und SVG korrekt in eine Webseite einbinden
- Und: mit KI so arbeiten, dass du deine eigenen Denkfähigkeiten stärkst
🚀 Bereit zum Start?
Beginne mit Modul 00 – Willkommen oder wähle ein Thema aus dem Menü oben. Lies, probiere aus, denke nach – und gestalte deine ersten digitalen Grafiken mit Absicht!