{"id":599,"date":"2017-07-07T16:08:50","date_gmt":"2017-07-07T14:08:50","guid":{"rendered":"http:\/\/www.pixopolis.de\/magazin\/?p=599"},"modified":"2025-05-01T10:54:22","modified_gmt":"2025-05-01T08:54:22","slug":"von-der-bleistiftskizze-zur-vektorgrafik-mit-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/www.pixopolis.de\/magazin\/design\/von-der-bleistiftskizze-zur-vektorgrafik-mit-adobe-illustrator\/","title":{"rendered":"Bild vektorisieren: Von der Bleistiftskizze zur Vektorgrafik mit Adobe Illustrator"},"content":{"rendered":"\n

Bild in Vektorgrafik umwandeln \u2013 von JPG zu SVG<\/h2>\n\n\n\n

Papier oder Grafikprogramm \u2013 diese Frage stellt sich f\u00fcr viele Designer und Grafiker gar nicht, denn die Antwort lautet oft: beides. Skizzen, Kritzeleien und erste Designs finden n\u00e4mlich auch bei den Profis noch mit Bleistift und Papier den Weg aus dem Kopf in die Realit\u00e4t. Bearbeitet werden die Skizzen allerdings h\u00e4ufig am Computer. Daf\u00fcr m\u00fcssen die Designer ihr Bild vektorisieren.<\/p>\n\n\n\n

Rund 2000 Jahre gibt es das Material Papier bereits und genauso lange dient der Werkstoff nicht nur als Schrifttr\u00e4ger, sondern auch als Tr\u00e4ger von Bildnissen, Grafiken oder Illustrationen. Schon seit fr\u00fchester Kindheit geh\u00f6rt Papier f\u00fcr uns zum Alltag \u2013 als Taschentuch, Kinderbuch oder als Malpapier. Kein Wunder also, dass der Stoff einen so hohen Stellenwert in unserer Gesellschaft einnimmt. Selbst die Digitalisierung hat den analogen Schrifttr\u00e4ger nicht verbannt, sondern koexistiert friedlich mit dem Papier. Die Abh\u00e4ngigkeit zwischen Papier und digitalen Grafikformaten wie JPEG ist am besten zu beobachten beim Designprozess. Hier entsteht die urspr\u00fcngliche Skizze noch oft mit Bleistift auf einem Blatt Papier und wird anschlie\u00dfend am Computer vektorisiert und dort weiterverarbeitet. Diesen Vektorisierungsprozess brechen wir im Folgenden auf f\u00fcnf Schritte herunter und zeigen, wie einfach die Digitalisierung von Skizzen auf Papier ist.<\/p>\n\n\n\n

Bild vektorisieren mit dem Adoble Illustrator \u2013 Vorteile der Vektorgrafik<\/h2>\n\n\n\n

Vektorisieren bedeutet, dass die Grafik nicht auf Pixel basiert, sondern auf geometrisch definierten Grundelementen oder auch Primitiven. Diese sind nicht starr zusammengesetzt, vielmehr basieren sie auf einer Art Bildbeschreibung. Dadurch l\u00e4sst sich das Bild sp\u00e4ter bei der Bearbeitung beliebig skalieren, ohne dass die Aufl\u00f6sung darunter leidet oder es zu Verzerrungen kommt.<\/p>\n\n\n\n

Schritt 1: Skizze vorbereiten \u2013 von der Bleistiftzeichnung zur scanbaren Vorlage<\/h3>\n\n\n\n

Zuerst ben\u00f6tigen wir nat\u00fcrlich eine Skizze auf einem Blatt Papier. Die Gr\u00f6\u00dfe des Papiers sollte so gew\u00e4hlt werden, dass der heimische Scanner daf\u00fcr auch ausreicht \u2013 das w\u00e4re in den meisten F\u00e4llen h\u00f6chstes DIN A4. Selbstverst\u00e4ndlich kann auch ein kleineres Format gew\u00e4hlt werden, denn auf dem Computer l\u00e4sst sich die Bilddatei ohnehin beliebig vergr\u00f6\u00dfern. Wichtig ist aber auch, dass das Format nicht so klein ist, dass die Feinheiten des Entwurfs nicht gut erkennbar sind. Zur besseren Sichtbarkeit \u2013 auch f\u00fcr den Scanner \u2013 werden die Bleistiftstriche der Skizze vor dem Scanvorgang mit einem Fineliner oder einem \u00e4hnlichen Stift nachgezogen. Generell empfiehlt sich eine schwarz-wei\u00dfe Skizze, da Farben ohnehin mit den Bearbeitungsprogrammen eingef\u00fcgt werden k\u00f6nnen.<\/p>\n\n\n\n

Schritt 2: Skizze digitalisieren \u2013 scannen mit optimaler Aufl\u00f6sung<\/h3>\n\n\n\n

Als n\u00e4chstes muss das Bild digitalisiert werden, also entweder gescannt oder fotografiert. Da ein Foto mit der entsprechenden Qualit\u00e4t nicht immer einfach umzusetzen ist, greifen wir zum Scanner, der das Bild immerhin gleichm\u00e4\u00dfig belichtet und exakt abbildet. Wichtig ist, dass die Aufl\u00f6sung beim Scannen mindestens bei 300 dpi liegen sollte. Das Dateiformat ist nicht entscheidend, hier reicht auch schon das standardm\u00e4\u00dfige JPEG.<\/p>\n\n\n\n

Schritt 3: Bild in Adobe Illustrator vektorisieren \u2013 Nachzeichner richtig einstellen<\/h3>\n\n\n\n

Der Scanner speichert das Bild stets als pixelbasierte Grafik<\/strong>. Mit dem Programm Adobe Illustrator, das zum Standardrepertoire eines Grafikers geh\u00f6rt, wird diese aber in eine Vektorgrafik umgewandelt. Selbstverst\u00e4ndlich ist dieser Vorgang auch mit anderen Programmen wie Inkscape m\u00f6glich, doch da die Adobe Creative Suite in der Kreativbranche als Referenz gilt, orientieren wir uns an der Software von Adobe. Dazu \u00f6ffnen wir zun\u00e4chst die gescannte Bilddatei in dem Programm und anschlie\u00dfend das Fenster \u201eBildnachzeichner\u201c. Hier k\u00f6nnen wichtige Einstellungen f\u00fcr die Vektorisierung vorgenommen werden wie die Wahl des Farbmodus. <\/p>\n\n\n\n

Zur Vereinfachung des Vorgangs w\u00e4hlen wir den Modus \u201eSchwarzwei\u00df\u201c. Mit der Option \u201eVorschau\u201c k\u00f6nnen s\u00e4mtliche \u00c4nderungen in einem extra Fenster nachvollzogen werden, um das gew\u00fcnschte Ergebnis immer im Blick zu haben. Unter dem Reiter \u201eVorgabe\u201c versteckt sich das Nachzeichnerwerkzeug. W\u00e4hlen wir hier eine Vorgabe, zeigt die Vorschau direkt das sp\u00e4tere Ergebnis an. Im erweiterten Bereich k\u00f6nnen schlie\u00dflich noch die Ecken nachgezeichnet oder das Farbrauschen minimiert werden. Je nachdem, wie das Wunschergebnis aussehen soll, kann mit den Optionen entsprechend herumexperimentiert werden. Um den Vektorisierungsvorgang durchzuf\u00fchren, klicken wir auf den Button \u201eUmwandeln \u201c, der sich mittig \u00fcber der Arbeitsfl\u00e4che befindet.<\/p>\n\n\n\n

Schritt 4: Vektorgrafik einf\u00e4rben \u2013 Kolorieren mit dem Interaktiv-malen-Werkzeug<\/h3>\n\n\n\n

Da das Bild nun wie von uns eingestellt in Schwarz-wei\u00df erscheint, kann diese nun beliebig koloriert werden. Daf\u00fcr rufen wir das \u201eInteraktiv-malen-Werkzeug\u201c (Tastenk\u00fcrzel K) auf und w\u00e4hlen unter \u201eFenster\u201c > \u201eFarbbibliotheken\u201c die gew\u00fcnschte Farbe aus. Geschlossene Bereiche k\u00f6nnen nun gef\u00e4rbt werden.<\/p>\n\n\n\n

Schritt 5: Datei exportieren und weiterbearbeiten \u2013 Vektor-Dateien flexibel nutzen<\/h3>\n\n\n\n

Die Vektor – Bilddatei eignet sich nun zur weiteren Bearbeitung in anderen Programmen, wenn dies gew\u00fcnscht ist. Die Programme und Dateiformate von Adobe sind untereinander kompatibel, sodass die Datei beispielsweise mit Photoshop<\/a> weiterbearbeitet werden kann. Die Gr\u00f6\u00dfe ist dabei frei anpassbar, ohne verlustreiche Verzerrungen f\u00fcrchten zu m\u00fcssen. Selbstverst\u00e4ndlich k\u00f6nnen die Dateien auch als JPEG oder GIF exportiert werden, um sie etwa anderen Personen mit Standardsoftware zu zeigen. Dann sind die Grafiken allerdings nicht mehr frei skalierbar.<\/p>\n\n\n\n

Mit diesen einfachen Schritten ist die integrative Designarbeit mit analogen Skizzen und digitaler Bearbeitung ein Kinderspiel. Mit den weiteren Funktionen von Adobe und Photoshop<\/a> sind die kreativen Grenzen nach oben hin offen, aber f\u00fcr den Anfang sollten diese Schritte ausreichen, um die ersten Grafikentw\u00fcrfe zu digitalisieren.<\/p>\n\n\n\n

Die wichtigsten Schritte zur Vektorisierung eines Bildes in Adobe Illustrator<\/h2>\n\n\n\n