Wer Logos, Illustrationen oder druckfertige Grafiken erstellen möchte, kommt an Vektorgrafik-Software nicht vorbei. Inkscape ist die bekannteste Open-Source-Lösung in diesem Bereich und eine ernsthafte Alternative zu Adobe Illustrator – vollständig kostenlos und für alle gängigen Betriebssysteme verfügbar. Dieser Artikel erklärt die Grundlagen der Vektorgrafik, führt Sie durch die wichtigsten Werkzeuge und zeigt, wie Sie ein einfaches Logo erstellen.
Vektorgrafik vs. Rastergrafik
Bevor wir in Inkscape einsteigen, ist das Verständnis des Unterschieds zwischen Vektor- und Rastergrafik grundlegend. Rastergrafiken (wie JPEG oder PNG) bestehen aus einem Raster einzelner Bildpunkte (Pixel). Vergrößert man eine Rastergrafik, werden die Pixel sichtbar und das Bild wirkt unscharf. Vektorgrafiken hingegen beschreiben Formen mathematisch als Kurven und Koordinaten. Sie lassen sich daher verlustfrei auf beliebige Größen skalieren.
| Kriterium | Vektorgrafik (SVG, AI, EPS) | Rastergrafik (JPEG, PNG, TIFF) |
|---|---|---|
| Skalierbarkeit | Verlustfrei, beliebig groß | Qualitätsverlust beim Vergrößern |
| Geeignet für | Logos, Icons, Illustrationen, Schriften | Fotos, komplexe Bildmotive |
| Dateigröße | Klein bei einfachen Grafiken | Wächst mit Auflösung und Detailreichtum |
| Bearbeitung | Einzelne Formen editierbar | Pixelweise Bearbeitung |
| Drucktauglichkeit | Ideal für jede Auflösung | Benötigt hohe Auflösung (300 dpi) |
Inkscape vs. Illustrator vs. Affinity Designer
| Kriterium | Inkscape 1.x | Adobe Illustrator | Affinity Designer 2 |
|---|---|---|---|
| Preis | Kostenlos (Open Source) | ab 25 €/Monat | Einmalig ca. 75 € |
| Dateiformat (nativ) | SVG | AI (proprietär) | AFDESIGN (proprietär) |
| Betriebssysteme | Windows, macOS, Linux | Windows, macOS | Windows, macOS, iOS |
| Mehrseiten-Dokumente | Ab Version 1.2 (Seiten-Feature) | Vollständig (Zeichenflächen) | Vollständig |
| Typografieunterstützung | Gut | Exzellent | Sehr gut |
| Lernkurve | Mittel | Hoch | Mittel |
Installation
Laden Sie Inkscape von der offiziellen Website inkscape.org herunter. Unter Windows steht ein klassischer Installer sowie eine portable Version bereit. macOS-Nutzer können die DMG-Version nutzen oder Inkscape per Homebrew installieren. Linux-Nutzer finden Inkscape in allen großen Paketquellen; für die aktuellste Version empfiehlt sich das Flatpak-Paket.
Die Inkscape-Oberfläche
Die Oberfläche von Inkscape folgt einer klaren Struktur. Links befindet sich die vertikale Werkzeugpalette mit allen Zeichen- und Auswahlwerkzeugen. Oben gibt es eine Kontextleiste, die je nach aktivem Werkzeug unterschiedliche Optionen anzeigt. Die zentrale Zeichenfläche (Canvas) ist der Arbeitsbereich. Rechts können Dialoge für Füllfarbe, Kontur, Ebenen und XML-Editor eingeblendet werden. Am unteren Bildschirmrand zeigt die Statusleiste Koordinaten und Farbinformationen an.
Grundformen und Pfade
Inkscape bietet alle gängigen Grundformen: Rechteck (R), Ellipse (E), Stern/Polygon (*), Spirale und 3D-Quader. Diese Formen können Sie durch Klicken und Ziehen auf der Zeichenfläche erstellen. Farbe weisen Sie zu, indem Sie auf eine Farbe in der Palette unten klicken (Fläche) oder mit gedrückter Shift-Taste klicken (Konturlinie).
Pfade sind die eigentlichen Grundbausteine der Vektorgrafik. Jede Grundform lässt sich über Pfad → Objekt in Pfad umwandeln in einen editierbaren Pfad konvertieren. Danach können Sie einzelne Ankerpunkte mit dem Knotenbearbeitungswerkzeug (N) verschieben, hinzufügen oder entfernen.
Bézier-Kurven
Das Bézierwerkzeug (B) ist das wichtigste Werkzeug für präzise Pfadzeichnungen. Mit einem einfachen Klick setzen Sie einen Eckpunkt. Klicken Sie und ziehen Sie, um einen Kurvenpunkt mit Steuerungsgriffen zu erstellen. Die Griffe definieren die Stärke und Richtung der Kurve. Indem Sie die Strg-Taste halten, beschränken Sie die Winkel auf 15-Grad-Schritte. Drücken Sie Enter oder Doppelklicken Sie, um den Pfad abzuschließen, ohne ihn zu schließen. Mit Z schließen Sie den Pfad zum Ausgangspunkt.
Pfad-Operationen (Boolesche Operationen)
Boolesche Pfadoperationen kombinieren zwei oder mehr Pfade zu einem neuen Objekt. Sie finden sie unter dem Menü Pfad:
- Vereinigung (Union, Strg+Plus): Fügt zwei Pfade zu einem zusammen. Überlappende Bereiche werden vereint.
- Differenz (Difference, Strg+Minus): Subtrahiert das obere Objekt vom unteren. Ideal für Aussparungen und Durchbrüche.
- Schnittmenge (Intersection, Strg+*): Behält nur den überlappenden Bereich beider Pfade.
- Ausschluss (Exclusion, Strg+Caret): Wie Vereinigung, aber der überlappende Bereich wird ausgespart.
- Dividieren (Divide, Strg+Alt+/): Teilt das untere Objekt anhand der Form des oberen auf.
Diese Operationen sind das Fundament des Logo-Designs und der Erstellung von Icons.
Textwerkzeuge
Mit dem Textwerkzeug (T) klicken Sie auf die Zeichenfläche und beginnen zu tippen. Inkscape unterstützt alle auf dem System installierten Schriften und ermöglicht Zeichenabstand, Zeilenabstand, Textrahmen und Schrift-auf-Pfad. Für Logos empfiehlt es sich, Texte nach dem finalen Design über Pfad → Objekt in Pfad umwandeln in Pfade zu konvertieren. Dadurch wird die Schrift unabhängig von installierten Fonts und der Text kann nicht versehentlich bearbeitet werden.
Exportieren: SVG, PNG und PDF
Inkscape speichert nativ im SVG-Format, das direkt im Web oder in anderen Programmen genutzt werden kann. Für Webgrafiken und Icons exportieren Sie über Datei → Exportieren als PNG (Strg+Shift+E). Wählen Sie die gewünschte Auflösung in dpi oder geben Sie die Pixelgröße direkt an. Für den Druck eignet sich der PDF-Export über Datei → Drucken oder Datei → Speichern als → PDF. Professionelle Druckdienstleister bevorzugen oft PDF mit eingebetteten Schriften.
Praktisches Beispiel: Einfaches Logo erstellen
Ein einfaches Firmensignet lässt sich in wenigen Schritten erstellen. Zeichnen Sie zunächst ein Rechteck mit der gewünschten Farbe. Platzieren Sie darüber einen Kreis und zentrieren Sie beide Objekte (Objekt → Ausrichten und Verteilen). Wählen Sie beide aus und nutzen Sie Pfad → Differenz, um eine kreisförmige Aussparung zu erzeugen. Fügen Sie anschließend Text mit dem Firmenname ein, wählen Sie die passende Schrift und konvertieren Sie den Text in Pfade. Speichern Sie das Logo als SVG für das Web und als PNG in hoher Auflösung für den Druck. Mehr Inspiration finden Sie in der Inkscape-Galerie.
Häufig gestellte Fragen
- Kann Inkscape Adobe Illustrator-Dateien (AI) öffnen?
- Ja, mit Einschränkungen. Illustrator-Dateien basieren intern auf PDF und können in Inkscape geöffnet werden. Komplexe Effekte, Überblendungen und proprietäre Illustrator-Funktionen werden dabei möglicherweise nicht korrekt dargestellt. Für den gemeinsamen Austausch mit Illustrator-Nutzern empfiehlt sich das EPS- oder PDF-Format.
- Wie füge ich Inkscape ein Rasterbild als Hintergrund ein?
- Über Datei → Importieren können Sie JPEG-, PNG- oder andere Rasterbilder einbetten oder verknüpfen. Verknüpfte Bilder bleiben als externe Dateien und halten die SVG-Dateigröße klein; eingebettete Bilder sind direkt in der SVG-Datei gespeichert und portabler.
- Unterstützt Inkscape mehrere Seiten?
- Ja, ab Inkscape 1.2 gibt es ein vollständiges Seiten-Feature, mit dem Sie mehrseitige Dokumente verwalten können. Seiten lassen sich über den Seiten-Dialog hinzufügen, umbenennen und in einer gemeinsamen SVG-Datei gespeichert werden.
- Welche Formate kann Inkscape importieren?
- Inkscape kann neben SVG auch PDF, EPS, AI (begrenzt), EMF, WMF, DXF, JPEG, PNG, TIFF und viele weitere Formate importieren. Der Funktionsumfang beim Import hängt von den installierten Erweiterungen ab, die über den Extension-Manager verwaltet werden.