Seite auswählen

Um eine Vektorgrafik erstellen zu können, müssen Sie weder Webdesigner sein, noch eine Webagentur beauftragen und auch keine sündhaft teuren Grafikprogramme besitzen.

Wir zeigen Ihnen, wie leicht das Vektorgrafik-Erstellen ist und welche kostenlosen Programme es hierfür gibt. Mit dieser Anleitung klappt es auch mit dem Grafikprogramm.

Vektorgrafiken ganz leicht selber machen

Um eine Vektorgrafik zu erstellen, gibt es mehrere Wege. Natürlich brauchen Sie als erstes ein Grafikprogramm. Hier gibt es eine Vielzahl an kostenpflichtigen und auch eine Vielzahl an kostenlosen Tools zur Vektorerstellung. Diese sehen wir uns später im Detail an.

Die Vektorgrafik wird hierbei entweder von Ihnen gebaut oder anhand einer vorhanden Nichtvektor-Grafik nachgezeichnet, wobei das Endergebnis eine Vektorgrafik ist. Der zweite Weg ist natürlich deutlich leichter und entspannter, kann aber je nach Anwendungsfall auch teilweise nicht ganz perfekte Ergebnisse liefern.

Was ist eine Vektorgrafik?

Klären wir doch kurz – bevor wir loslegen – erst einmal auf, was genau diese mysteriöse Vektorgrafik sein soll!

Eine Vektorgrafik kann man bis ins unendliche vergrößern, ohne dass sie jemals unscharf wird. Eine Vektorgrafik ist eine Computergrafik, die aus grafischen Segmenten zusammengesetzt ist. Das sind Linien, Kreise, Polygone und Kurven. Diese definieren die Grafik in der zweidimensionalen Ebene.

Der Datei-Name der Vektorgrafiken endet in der Regel mit .svg, kann aber auch programmabhängig wie beispielsweise bei Adobe Illustrator auf .ai enden.

Wofür braucht man Vektorgrafiken?

Egal, ob Sie ein großes Plakat drucken, ein T-Shirt erstellen oder ein Auto beschriften möchten. Wann immer es darum geht, ohne Pixel Grafiken beliebig zu vergrößern und diese dann scharf zu drucken, benötigt man eine Vektorgrafik.

Besonders häufig werden Vektorgrafiken bei Logos verwendet.

Wenn man keine Vektorgrafik nutzt, kann es hierbei zu unschönen Überraschungen kommen. Ist die Bilddatei nicht ausreichend groß, dann haben Sie ein unschön verpixeltes Ergebnis.

Unterschied Pixelgrafik und Vektorgrafik

Hier sehen Sie grafisch den Unterschied dargestellt:

Pixelgrafik

Pixelgrafik

Vektorgrafik

Vektorgrafik

Im Grunde ist es ganz einfach. Eine Vektorgrafik ist eine zusammengesetzte grafische Form, die sich mathematisch errechnen und dadurch beliebig vergrößern lässt. Eine Pixelgrafik basiert auf Pixeln, das fällt erstmal nicht auf, aber wenn Sie an eine Pixelgrafik ranzoomen oder diese vergrößern, wird Ihnen schnell auffallen, wie unschön und unscharf das Ergebnis wird.

Kostenlose Programme zur Erstellung von Vektorgrafiken

Hier haben wir Inkscape und Gimp näher unter die Lupe genommen. Beide Programme sind kostenlos und bieten Ihnen unglaublich viele Möglichkeiten.

Inkscape

Inkscape ist unser Favorit unter den kostenlosen Vektorprogrammen. Es ist ein Grafikprogramm zur Erstellung und Bearbeitung von Vektorgrafiken. Sie können Inkscape mit Windows, Mac OS X und Linus nutzen. Die Software ist eine Opensource-Software und kostenlos.

Mit Inkscape haben Sie eine Vielzahl an äußerst flexiblen Zeichenwerkzeugen zur Verfügung und können in umfangreicher Art und Weise Texte bearbeiten. Die Beispielgrafiken, die von der sehr aktiven Community erstellt wurden, sehen wirklich sehr professionell aus uns stehen den kostenpflichtigen Tools in nichts nach.

Außerdem hat Inkscape eine äußerst gute Dokumentation. So stellen Sie sicher, dass Sie das Programm auch wirklich verstehen und lernen Schritt für Schritt, wie man zum Vektorprofi wird.

Wenn Sie entweder eine Vektorgrafik nachzeichnen oder frei erstellen möchten, können Sie hier zum Bleistiftwerkzeug greifen. Damit zeichnen Sie einfache Pfade. Desweiteren gibt es auch das beliebte Füllwerkzeug und das Kalligraphie-Werkzeug, um einwandfreie kalligrafische Striche zu erzeugen.

Wie in den kostenpflichtigen Wettbewerberprodukten, können Sie auch hier die Formwerkzeuge nutzen, um diverse geometrische Formen zu erstellen. Rechteck, Ellipse, Stern, Polygon oder Spirale entstehen so kinderleicht und wie im Handumdrehen. Auch das Texttool lässt sich sehen und liefert saubere Ergebnisse.

Wir finden die Arbeit mit Illustrator von Adobe noch ein wenig leichter, aber im Grunde kann man alle Grafiken in gleicher Qualität auch mit Inkscape produzieren.

Ein schönes Gadget ist, dass es auch hier den Bildnachzeichner gibt. Hier laden Sie die Pixelgrafik hoch, klicken auf nachzeichnen und haben eine fertige Vektorgrafik. Doch Vorsicht: Diese ist einfarbig und kann eventuell Fehler aufweisen. Daher sollte man sich diese genau ansehen.

Sie können nicht nur Dateien als Vektorgrafik exportieren, sondern auch sonst in allen gängigen Formaten wie PNG, PDF oder EPS, sowie viele weitere.

Gimp

Gimp ist nicht gerade auf Vektorgrafiken spezialisiert. Dennoch kann man auch mit diesem Grafikprogramm, welches auf Pixeln basiert, Vektorgrafiken erstellen. Außerdem hat man viele tolle Zeichenmöglichkeiten und eine Menge Spaß!

Kostenpflichtige Vektorprogramme

Adobe Illustrator

(Der Preis ist abhängig davon, ob Sie Student sind oder nicht und ob Sie das alte Programm kaufen oder das neue im Cloud-Abo abonnieren)

Illustrator ist wohl eines der besten Grafikprogramme, die es gibt. Hiermit arbeitet der Profi! Aber Qualität hat halt auch seinen Preis und den kann sich leider nicht jeder leisten.

CorelDRAW Graphics Suite X8

(Preisangabe Hersteller 02.2017 = 699,00 €) Zum neuen CorelDRAW können wir leider nicht viel sagen, da wir hiermit nicht arbeiten. Aber es soll den ein oder anderen geben, der darauf schwört! 🙂

magix

(Preisangabe Hersteller 02.2017 = 49,99 €) Was genau und in welcher Vielfalt Magix hier abliefert, können wir leider auch nicht beurteilen. Dennoch haben Magix-Produkte oft eine im Preisverhältnis gesehen sehr gute Leistung. Bei dem Preis könnten Sie es einfach mal wagen und ausprobieren.

Serif DrawPlus

(Wird nicht mehr weiterentwickelt, Preisangabe Hersteller 02.2017 = 22,99 €) Mit diesem Grafikprogramm haben wir auch keinerlei Erfahrungen. Wenn Sie etwas darüber wissen, dann hinterlassen Sie doch ein Kommentar. Darüber freuen wir uns sehr!

Vektorgrafik mit Adobe Illustrator erstellen

Nun zeigen wir Ihnen die Erstellung anhand von Illustrator. Mit beispielsweise Inkscape verfahren Sie ähnlich.

Möglichkeit 1 – Der Bildnachzeichner

Wir haben hier ein Logo, das auf Pixeln basiert und wollen dieses nun vektorisieren.

Dazu erstellen wir eine neue Datei in Illustrator und öffnen die Pixelgrafik.

Vektorgrafik erstellen

Vektorgrafik erstellen

Jetzt wählen wir Objekt -> Bildnachzeichner -> erstellen

Vektorgrafik erstellen

Und schon haben wir eine Vektorgrafik, die wir beliebig vergrößern können.

Vektorgrafik erstellen

Doch wenn wir uns diese Grafik näher ansehen, werden wir feststellen, dass sie im Vergleich zum Original kleine Mängel aufweist. Diese sind für eine erklärende Grafik nicht weiter schlimm, aber wenn es um Ihr Logo geht, dann ist das äußerst unschön.

Vektorgrafik erstellen

Daher kommen wir zur nächsten Möglichkeit.

Möglichkeit 2 – Formen und Pfadwerkzeug

Sie können aus einem Kreis mit Verankerung weiterer Linien setzen. Dazu nehmen wir das Pfadwerkzeug und das Logo zusammen oder wir zeichnen es vollständig nach. Die Schrift kann man natürlich auch nachzeichnen, aber leicht ist das nicht und es erfordert einiges an Geduld und Übung. Leichter ist es, die Schriftart zu ermitteln oder eine ähnliche zu verwenden, so müssen Sie diese nicht neu vektorisieren.

Schritt 1

Vektorerstellung

Schritt 2 – das Endergebnis

Vektorisierung

Wie wir sehen, haben wir nun die fertigen Vektorformen. Die Schrift kann man in Pfade umwandeln, das sieht dann aus, wie auf der Abbildung.

Vektorgrafik erstellen
5 (100%) 2 Bewertung[en]