00 – Willkommen & Mindset 🎨
Wo Grafikverständnis auf kreative Gestaltung trifft
🎨 Warum dieses Tutorial?
Viele denken: „Grafik = Klick auf Filter“. Doch echte Medienkompetenz beginnt dort, wo du verstehst:
- Warum ein Logo als JPG bei Zoom unscharf wird – aber als SVG nicht
- Wie Ebenen in GIMP dir helfen, Fehler rückgängig zu machen
- Warum Vektorgrafiken ideal für Web und Druck sind
- Und wie du mit Open-Source-Tools professionelle Ergebnisse erzielst
Dieses Tutorial verbindet Technik, Kreativität und Verständnis.
🧠 Unser Mindset: KI als Denksparringpartner
KI-Tools können beeindruckend aussehen – aber ohne eigenes Verständnis bleibst du abhängig. Deshalb gilt hier:
Die KI liefert Impulse – du lieferst die Entscheidung.
Du fragst nicht: „Mach mir ein Logo.“
Du fragst: „Wie plane ich Schritt für Schritt ein Logo-Projekt in Inkscape?“
So wirst du zum selbstwirksamen Gestalter – nicht zum Konsumenten von KI-Ausgaben.
🧭 So ist dieses Tutorial aufgebaut
Damit du dich leicht zurechtfindest, ist alles klar strukturiert:
Module
Die Theorie: Was ist Pixel? Was ist Vektor? Wie funktionieren Ebenen?
→ Beginne hier, um das Fundament zu legen.
Übungen
Die Praxis: Retuschiere ein Foto, erstelle ein SVG-Icon.
→ Jede Übung baut auf einem Modul auf.
GIMP & Inkscape
Die Werkzeuge: Schritt-für-Schritt-Anleitungen zur Bedienung.
→ Nutze diese Kapitel als Nachschlagewerk.
🔗 Tipp: In jedem Modul findest du Hinweise wie:
„Siehe auch: GIMP – Ebenen (Kapitel 02)“ oder „Übe dies in Übung 03“.
🌐 Grafik im Kontext des Webs
Dieses Tutorial steht nicht allein – es ist der nächste Schritt nach deinem HTML/CSS-Wissen.
Mit HTML/CSS baust du das Gerüst einer Webseite. Mit diesem Tutorial lernst du, sie lebendig zu gestalten:
- Ein
<img src="foto.jpg">wirkt nur gut, wenn das Foto richtig optimiert ist. - Ein Logo als
<svg>bleibt scharf – auf jedem Gerät. - Mit transparenten PNGs kannst du kreative Overlays bauen.
- Und mit skalierbaren Icons wird deine Seite schneller geladen.
🖌️ Unsere Werkzeuge: GIMP & Inkscape
Wir arbeiten ausschließlich mit kostenlosen, Open-Source-Programmen:
GIMP
Für alles, was mit Pixeln zu tun hat:
Fotos retuschieren, Zuschnitte, Transparenz, Ebenen.
Inkscape
Für alles, was mit Pfaden zu tun hat:
Logos, Icons, Schriftzüge, skalierbare Grafiken.
Beide Programme laufen auf Windows, macOS und Linux – und sind professionell genug für echte Projekte.
🚀 Wie geht es weiter?
In den nächsten Modulen lernst du:
- Den fundamentalen Unterschied zwischen Pixel und Vektor
- Die Grundlagen von GIMP – inkl. praktischer Übungen
- Die Welt der Vektorgrafik mit Inkscape
- Wie du Grafiken fürs Web optimierst
- Und wie du ein eigenes Logo-Projekt umsetzt
Jedes Kapitel enthält klare Lernziele, praxisnahe Beispiele und Hinweise zur sinnvollen KI-Nutzung.
✅ Bereit?
Dann lass uns gemeinsam starten – mit Verständnis, Kreativität und dem Willen, nicht nur zu konsumieren, sondern zu gestalten.