Inkscape

Tutorial zu Inkscape

Was ist Inkscape?

Inkscape ist ein OpenSource Vektorgrafikprogramm, dass standardmäßig das SVG-Dateiformat benutzt. Mit Inkscape ist es möglich verschiedene mathematisch beschreibbare Formen, Texte, Farbverläufe, Transparenzen, Muster oder Gruppierungen zu erstellen. Zu den unterstützen Importformaten zählen unter anderem .svg, .ai, .png, .jpg, .ico, .tiff und .wmf. Als Exportformat stehen unter anderem .svg, .ps, .eps, .tex, .ai und .pdf zur Verfügung.

Dokumenteneigenschaften festlegen

Als erstes legen wir die Größe des Logos fest. Da das originale Logo eine Größe von 140x84 Pixel hatte, habe ich mich ebenfalls für diese Größe entschieden. Dazu findet man unter "File" -> "Document Preference" die Möglichkeit unter "Custom canvas" die gewünschten Werte einzutragen.

Bezierkurven erstellen

Als nächstes widmen wir uns der geschwungenen Linie des Logos, wofür wir uns einer so genannten Bezierkurve bedienen. Dazu findet sich links ein Symbol mit dem Titel "Draw Bezier curves and straight lines". Wir beginnen mit dem erstem Punkt links oben, setzen den nächsten Punkt genau darunter, arbeiten uns nach rechts rüber, wobei ein Punkt in die Mitte der dabei entstehenden Diagonale gesetzt wird und platzieren den letzten Ankerpunkt rechts unten. Jetzt bekommt die entstandene Figur noch ein wenig "Schwung" durch ziehen der Griffpunkte (an den jeweiligen Ankerpunkten) bis die gewünschte Form erreicht ist.

Farbverläufe definieren

Die Optionen für den Farbverlauf von Blau nach Rot finden sich unter "Option" -> "Fill and Stroke". In der Reiterkarte "Stroke paint" setzen wir "Linear" auf "gradient" und nehmen für Rot den Wert a1321fff (RGB Wert in Hexadezimaler Schreibweise mit angehangenem Alphakanal für die Transparenz) und für Blau 324c83ff. Auf dem Reiter "Stroke style" setzten wir die Linienstärke unter "Width" auf 6 px.

Kreis erstellen

Nun fehlt uns noch der Punkt über der rechten senkrechten Linie. Dazu findet sich links ein Werkzeug "Create circles, ellipses and arcs" mit dem wir uns einen Kreis in der gewünschten Größe und Position zeichnen können. Anschließend vergeben wir die Farbe analog oben unter "Object" -> "Fill and Stroke" -> "Fill" und "Stroke paint" jeweils Flat color und RGBA a1321fff.

Rechteck hinzufügen

Nun fehlt uns noch der Text, wozu wir ersten mal ein rotes Rechteck als Hintergrund für den Schriftzug "Informatik" festlegen. Dazu bedienen wir uns dem Werkzeug "Create rectangles and squares". Die Farbe wird analog oben vergeben.

Text einfügen

Für den Text befindet sich unter dem Logo mit dem A ein Werkzeug namens "Create and edit text objects", was uns den gewünschten Text erzeugt. Nun können wir mittels "Select and transform objects" die Schrift noch in die richtige Form bringen und analog oben die Farbwerte vergeben.

Als Feinschliff entfernen wir unter "File" -> "Document Preference" noch den Rand durch deaktivieren folgender Optionen: "Show canvas border" und "Show page shadow".

Das fertige Ergebnis:

Dies soll als erster Einblick zu Inkscape genügen, zumal die Onlinehilfe sehr gut ist. Die finale SVG-Graphik lässt sich hier herunterladen. Jedoch möchte ich darauf hinweisen, dass dies KEINE offizielle Graphik ist. Vom Einsatz in Publikationen und anderen öffentlichen Dokumenten rate ich daher ab.

Inkscape Vector Illustrator