![\"Ein](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Pixel-vs-Vektor.png\"){kind=tracking}
Vor allem bei kleinen Betrieben und Vereinen liegen wichtige Grafiken wie das Logo oft nur als Pixelgrafik vor, in der Regel als TIF- oder JPG-Datei. Vektorgrafiken sind entweder verlorengegangen oder wurden erst gar nicht erstellt. Die \u201erichtigen\u201c Vektorgrafiken sind in der Regel schon an der Dateiendung SVG, AI, EPS oder (\u00e4lter) WMF zu erkennen.<\/p>\n
Um nun aus den Pixelbildern Vektorgrafiken zu machen, gibt es grunds\u00e4tzlich zwei M\u00f6glichkeiten: Entweder man l\u00e4sst die Pixel automatisch per Software umwandeln oder man zeichnet die Grafik manuell nach.<\/p>\n
Inhalt:<\/strong><\/p>\n <\/a><\/p>\n F\u00fcr die automatische L\u00f6sung muss man nicht mal ein Tool installieren. Es gibt eine Reihe von Online-Apps, die meisten davon sogar kostenlos.<\/p>\n <\/a><\/p>\n Hier eine Auswahl:<\/p>\n Die Tools funktionieren immer dann gut, wenn die Pixelgrafik in hoher Aufl\u00f6sung vorliegt und kontrastreich ist. Genau das ist bei Logos aber praktisch nie der Fall, weshalb Anwender in diesem Fall auf die zweite Variante ausweichen m\u00fcssen, dazu sp\u00e4ter mehr.<\/p>\n <\/a><\/p>\n Der Vollst\u00e4ndigkeit halber sei noch erw\u00e4hnt, dass es auch Offline-Tools gibt, die eine automatische Vektorisierung anbieten. Wer also seine Daten nicht einfach online \u00fcbermitteln m\u00f6chte, kann auf ein solches Programm zur\u00fcckgreifen. Die bekanntesten im \u00dcberblick:<\/p>\n Doch auch diese Tools vollbringen keine Wunder und schneiden bei normalen Motiven kaum besser ab als die Onlinevarianten bzw. die Inkscape-L\u00f6sung, die wir im Folgenden vorstellen.<\/p>\n <\/a><\/p>\n Zu den Offline-Vektorisierern z\u00e4hlen auch Adobes Illustrator oder das kostenlose Inkscape. Beide bieten ebenfalls eine automatische Umwandlung von Pixeln in Vektoren an.<\/p>\n Illustrator bietet ab Version 6 dazu ein eigenes Bedienfeld, das Sie unter Fenster<\/span> – Bildnachzeichner<\/span> finden.<\/p>\n Bei Inkscape ist diese Funktion unter Pfad<\/span> und Bitmap nachzeichnen<\/span> beheimatet. Auch hier gilt wieder: Beide Programme k\u00f6nnen nicht zaubern und werden an einem niedrig aufgel\u00f6sten Pixelklumpen scheitern.<\/p>\n Dennoch ist es einen Versuch wert, da eine solche automatische Vektorisierung am schnellsten geht und am g\u00fcnstigsten ist. Im folgenden Abschnitt zeigen wir, wie die automatische Vektorisierung mit Inkscape funktioniert; anschlie\u00dfend zeichnen wir unsere Beispielgrafik manuell nach (wir haben Inkscape deswegen ausgew\u00e4hlt, weil schlecht aufgel\u00f6ste Pixelgrafiken meist bei Anwendern auftreten, die eben keine kostenpflichtige Software wie die Creative Cloud einsetzen. Die grundlegenden Schritte funktionieren aber nat\u00fcrlich auch mit Adobe Illustrator).<\/p>\n <\/a><\/p>\n <\/a><\/p>\n Sollten Sie Inkscape noch nicht installiert haben, so laden Sie bitte zun\u00e4chst die aktuelle Version unter https:\/\/inkscape.org\/de\/<\/a> herunter.<\/p>\n \u00d6ffnen Sie Inkscape und passen Sie die Dateigr\u00f6\u00dfe gem\u00e4\u00df der maximalen Druckgr\u00f6\u00dfe an. Bei vielen Powerbanks beispielsweise haben wir eine maximale Druckgr\u00f6\u00dfe von 5,0 x 1,2 cm.<\/p>\n Klicken Sie oben links auf Datei<\/span> und dann auf Dokumenteneinstellungen<\/span>. Unter dem Punkt Benutzerdefiniert<\/span> haben Sie die M\u00f6glichkeit, die Dateigr\u00f6\u00dfe entsprechend anzupassen.<\/p>\n Schlie\u00dfen Sie den Dialog. Anschlie\u00dfend k\u00f6nnen Sie im Hauptfenster unten rechts den Zoomfaktor einstellen. Vergr\u00f6\u00dfern Sie die Arbeitsfl\u00e4che so, dass Sie angenehm damit arbeiten k\u00f6nnen.<\/p>\n Klicken Sie auf Datei<\/span> und dann auf Importieren<\/span>. W\u00e4hlen Sie die zu vektorisierende Datei aus und nehmen Sie folgende Importeinstellungen vor.<\/p>\n Nun klicken Sie auf Pfad<\/span> und dann auf Bitmap nachzeichnen<\/span>. Klicken Sie auf Live-Vorschau<\/span>, um das Ergebnis der Vektorisierung zu sehen. In der Regel sind die Standardeinstellungen ein guter Kompromiss. Sollte das Ergebnis noch nicht optimal sein, versuchen Sie es mit anderen Einstellungen.<\/p>\n Zur Verf\u00fcgung stehen:<\/p>\n Wenn Sie die Option „Live-Vorschau“ aktiviert haben, k\u00f6nnen Sie in Echtzeit mit den Schwellenwerten experimentieren und den Erfolg dadurch zumindest grob absch\u00e4tzen.<\/p>\n Die Registerkarte Optionen<\/span> enth\u00e4lt einige zus\u00e4tzliche Einstellungen, die weitgehend selbsterkl\u00e4rend sind. Entspricht das Ergebnis Ihren Vorstellungen, klicken Sie auf OK<\/span> und schlie\u00dfen das Fenster.<\/p>\n Inkscape f\u00fcgt die vektorisierten Elemente als neues Objekt ein. Wenn Sie die ausgew\u00e4hlte Vektordatei bewegen, sehen Sie darunter die originale Pixelgrafik. Diese k\u00f6nnen Sie nun l\u00f6schen. Schieben Sie nun die Vektorgrafik in die Arbeitsfl\u00e4che und richten sie nach Ihren W\u00fcnschen aus.<\/p>\n Klicken Sie nun auf Datei<\/span> und dann auf Speichern unter<\/span>. Vergeben Sie im Dialogfenster einen Dateinamen und f\u00fcr den Dateitypen w\u00e4hlen Sie \u201ePortable Document Format (*.pdf)\u201c. Vergeben Sie einen Speicherort und klicken Sie auf Speichern<\/span>.<\/p>\n Achtung: F\u00fcr den einfarbigen Tampon- und Siebdruck muss die Sonderfarbe im Layoutprogramm angegeben werden (Benennen Sie die betreffende Ebene also beispielsweise \u201ePantone 14-00216 Lint\u201c).<\/p>\n<\/div>\n Nun erscheint ein Fenster f\u00fcr die PDF-Settings. Nehmen Sie folgende Einstellungen vor und klicken Sie auf OK<\/span>.<\/p>\n Fertig. Sie k\u00f6nnen die Datei nun an uns \u00fcbertragen.<\/p>\n <\/a><\/p>\n Wenn das Ergebnis schlecht oder komplett unbrauchbar ist, f\u00fchrt kein Weg am manuellen Nachzeichnen vorbei. Immerhin: Hat man sich einmal die M\u00fche gemacht, steht das Logo f\u00fcr die Zukunft stets in bester Aufl\u00f6sung zur Verf\u00fcgung.<\/p>\n <\/a><\/p>\n \u00d6ffnen Sie zun\u00e4chst die Pixelgrafik wie weiter oben beschrieben in Inkscape.<\/p>\n Am einfachsten ist es, wenn Sie f\u00fcr die neuen, nachgezeichneten Elemente eine neue Ebene verwenden. Diese f\u00fcgen Sie mit Ebene<\/span> – Ebene hinzuf\u00fcgen<\/span> ein. Der nachfolgende Dialog ist selbsterkl\u00e4rend, beide Einstellungen k\u00f6nnen sp\u00e4ter noch ge\u00e4ndert werden. Hilfreich ist allerdings das Ebenenfenster, das etwas versteckt \u00fcber Ebene<\/span> – Ebenen<\/span> oder per SHIFT + STRG + L eingeblendet wird.<\/p>\n <\/a><\/p>\n Um manuell Pfade anzulegen und zu zeichnen, kennt Inkscape wie Illustrator und die meisten anderen Zeichenprogramme verschiedene Zeichenwerkzeuge.<\/p>\n Die naheliegendste Methode ist es, m\u00f6glichst viele Konturen des Original-Logos Punkt f\u00fcr Punkt nachzuzeichnen. Klicken Sie dazu auf das Bezi\u00e9r-Kurven-und-gerade-Linien-zeichnen-Werkzeug<\/strong> (SHIFT + F6). Mit diesem Werkzeug k\u00f6nnen Sie Punkt f\u00fcr Punkt – wie an einem Gummiband gezogen – sogenannte Ankerpunkte setzen.<\/p>\n Sobald Sie einen Punkt auf den Anfangspunkt setzen, wird der Pfad geschlossen und die geometrische Form sichtbar. Alternativ k\u00f6nnen Sie einen offenen Pfad mit der Eingabetaste abschlie\u00dfen.<\/p>\n Im ersten Schritt gen\u00fcgt es, die Konturen grob nachzuzeichnen, diese lassen sich sp\u00e4ter verfeinern.<\/p>\n Doch das Werkzeug kann noch mehr. Wenn Sie beim Punktsetzen die linke Maustaste gedr\u00fcckt lassen und gleichzeitig die Maus bewegen, k\u00f6nnen Sie Kurven erzeugen. Diese Funktion d\u00fcrfte vielen von Photoshop, Gimp etc. bekannt sein. Es erfordert etwas \u00dcbung, bis man die Funktion intuitiv verwenden kann. Au\u00dferdem ist es anfangs ungewohnt, dass die Kurve, einmal aktiviert, immer f\u00fcr zwei Ankerpunkt aktiviert bleibt. Man muss also immer ein Punktepaar setzen, ehe das Tool in den normalen Modus zur\u00fcckschaltet.<\/p>\n Haben Sie einen falschen Punkt gesetzt, k\u00f6nnen Sie diesen per STRG + Z leicht l\u00f6schen.<\/p>\n Wenn Sie Schwierigkeiten haben, die Punkte und Linien zu erkennen, k\u00f6nnen Sie im Ebenenfenster die Transparenz erh\u00f6hen. Klicken Sie dazu einfach auf Deckkraft (%)<\/span> und verringern Sie diese.<\/p>\n Sind alle Pfade gesetzt, sollten Sie dem Logo noch etwas Feinschliff verpassen. Aktivieren Sie dazu das Bearbeiten<\/strong>-Werkzeug (F2). Damit k\u00f6nnen Sie Ankerpunkte (auch „Knoten“ genannt) verschieben, hinzuf\u00fcgen oder l\u00f6schen.<\/p>\n Klicken Sie zun\u00e4chst auf den Pfad, um alle Ankerpunkte anzuzeigen. Nun gibt es mehrere Optionen:<\/p>\n Punkte k\u00f6nnen Sie \u00fcber die Men\u00fcleiste oben links l\u00f6schen und hinzuf\u00fcgen<\/li>\n<\/ul>\n Bleibt noch ein Problem: In unserem Logo gibt es Fl\u00e4chen, die ausgespart werden sollen. Um das zu erreichen gehen Sie wie folgt vor:<\/p>\n Zeichnen Sie weitere Pfade um die Fl\u00e4chen, die ausgespart werden sollen. Markieren Sie anschlie\u00dfend alle Pfade – dies geht komfortabel, indem Sie mit der Maus einen Auswahlrahmen um die Pfade aufspannen (alternativ aber nat\u00fcrlich auch per SHIFT-Klick).<\/p>\n W\u00e4hlen Sie nun aus dem Men\u00fc Pfad<\/span> den Punkt Differenz<\/span>. Voil\u00e0, der Pfad ist nun fertig.<\/p>\n Nun k\u00f6nnen Sie die Form als Vektorgrafik exportieren oder auch in Photoshop importieren.<\/p>\n\n
\n
\n
Pixelgrafiken automatisch per Tool konvertieren<\/h2>\n
Bild mit Online-Tools automatisch nachzeichnen<\/h3>\n
\n
Bild automatisch mit Offline-Tools nachzeichnen<\/h3>\n
\n
Bild automatisch nachzeichnen mit Illustrator und Inkscape<\/h3>\n
![\"Screenshot](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Vektorisierung_Illustrator.png\")
Bild automatisch mit Inkscape nachzeichnen<\/h3>\n
Schritt 1: Import vorbereiten<\/h4>\n
![\"1](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/1-Dateigr\u00f6\u00dfe-anpassen.png\")
<\/a>![\"Ein](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/2-Importeinstellungen.png\")
Schritt 2: Bild vektorisieren<\/h4>\n
\n
![\"Deutschsprachiger](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/3-Bitmap-nachzeichnen.png\")
<\/a>![\"Rastergrafik](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/4-Rastergrafik-l\u00f6schen.png\")
<\/p>\n![\"Ein](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/5-Vektorgrafik-positionieren.png\")
![\"Screenshot](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/7-PDF-settings.png\")
<\/a>Bild manuell nachzeichnen<\/h2>\n
Schritt 1: Grafik vorbereiten<\/h3>\n
Schritt 2: Bild nachzeichnen<\/h3>\n
![\"Eine](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Inkscape-Bezier-Werkzeug.png\")
![\"Schwarze](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Inkscape-Bezier-Werkzeug-2.png\")
![\"Die](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Inkscape-Bezier-Werkzeug-24.png\")
![\"Screenshot](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Ebenen-Transparenz.png\")
![\"Ein](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Ankerpunkte-bearbeiten.png\")
Pfad verfeinern<\/h3>\n
![\"Bearbeiten-Werkzeug\"](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Bearbeiten-Werkzeug.png\")
\n
![\"Punkte-Knoten-loeschen-und-hinzufuegen\"](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Punkte-Knoten-loeschen-und-hinzufuegen.png\")
Fl\u00e4chen aussparen<\/h3>\n
![\"Eine](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/03\/Differenz-Pfad.png\")