{"id":4829,"date":"2014-05-30T12:48:31","date_gmt":"2014-05-30T10:48:31","guid":{"rendered":"http:\/\/blog.flyerpilot.de\/?p=4578"},"modified":"2016-12-29T20:16:19","modified_gmt":"2016-12-29T19:16:19","slug":"vektorgrafik-erstellen","status":"publish","type":"post","link":"https:\/\/www.flyerpilot.de\/magazin\/tutorials-anleitungen\/illustrator\/vektorgrafik-erstellen","title":{"rendered":"Eine Vektorgrafik erstellen"},"content":{"rendered":"<h2>Der neue Bildnachzeichner in Adobe Illustrator<\/h2>\n<p>Adobe Illustrator bringt ein leistungsf\u00e4higes Tool mit um aus einem Rasterbild eine Vektorgrafik zu erstellen. H\u00e4ufig wird er dazu verwendet um vorhandenes Material nachzuzeichnen und es vektorisiert beliebig zu vergr\u00f6\u00dfern. Denkt bitte daran vorher die Lizenzrechte abzukl\u00e4ren um etwaige Rechtsstreitigkeiten zu vermeiden. Des Weiteren kann man mit dem Bildnachzeichner eine Vektorgrafik aus einer selbst gezeichneten Skizze erstellen, aber auch Scans f\u00fcr selbst gemachte Texturen erfassen.<\/p>\n<p>\u00d6ffnet in Adobe Illustrator ein neues Dokument im Farbmodus CMYK. Die Gr\u00f6\u00dfe ist euch \u00fcberlassen. Platziert ein Foto eurer Wahl. Das von mir verwendete k\u00f6nnt ihr hier beziehen. \u00dcber das Men\u00fc &#8222;Fenster&#8220; gelangt ihr in die Einstellungen vom Bildnachzeichner.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6226\" title=\"Tutorial - eine Vektorgrafik erstellen 05\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_05-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 05\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Ganz einfach Silhouetten erstellen<\/h2>\n<p>Die neue Voreinstellung &#8222;Silhouetten&#8220; erm\u00f6glicht es, ab Adobe Illustrator CS6, mit nur einem Klick aus einem Foto die Silhouette als Vektorgrafik zu erstellen.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6223\" title=\"Tutorial - eine Vektorgrafik erstellen 02\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_02-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 02\" width=\"960\" height=\"600\" \/><\/p>\n<h2>In Pfade umwandeln<\/h2>\n<p>Unter der Men\u00fcleiste findet ihr die gew\u00e4hlten Einstellungen des Bildnachzeichners. Wenn ihr mit dem Ergebnis zufrieden seit, klickt ihr auf die Schaltfl\u00e4che &#8222;Umwandeln&#8220;. Adobe Illustrator hat nun eine Vektorgrafik erstellt, die beliebig skalierbar ist.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6224\" title=\"Tutorial - eine Vektorgrafik erstellen 03\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_03-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 03\" width=\"960\" height=\"600\" \/><\/p>\n<h2>One-Click Presets<\/h2>\n<p>Es gibt insgesamt 6 Voreinstellungen mit denen ihr \u00fcber einen Klick schon zum gew\u00fcnschten Ergebnis kommen k\u00f6nnt.<\/p>\n<p><strong>Auto-Farbe:<\/strong> Das Rasterbild wird mit einer kleinen Anzahl von Farben, die angepasst werden k\u00f6nnen, in eine Vektorgrafik umgewandelt.<\/p>\n<p><strong>Hohe Farbtiefe:<\/strong> Das Rasterbild wird mit einer hohen Anzahl von Farben und Details in eine fotorealistische Vektorgrafik umgewandelt.<\/p>\n<p><strong>Geringe Farbtiefe:<\/strong>\u00a0Das Rasterbild wird mit einer hohen Anzahl von Farben in eine\u00a0detaillierte Vektorgrafik umgewandelt, die aber nicht fotorealistisch ist.<\/p>\n<p><strong>Graustufen:<\/strong> Das Rasterbild wird mittels schwarz, wei\u00df, und einer einstellbaren Anzahl von Graut\u00f6nen in eine Vektorgrafik umgewandelt.<\/p>\n<p><strong>Schwarz und Wei\u00df:<\/strong> Das Rasterbild wird nur mit Schwarz und Wei\u00df umgewandelt.<\/p>\n<p><strong>Pfadansicht:<\/strong> Hier werden gut erkennbare Striche mit viel Kontrast in Konturen und Fl\u00e4chen umgewandelt. Diese Einstellung eignet sich besonders gut um Skizzen mit Bleistift zu vektorisieren. F\u00fcr Fotos ist dieser Weg eher nicht geeignet.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6225\" title=\"Tutorial - eine Vektorgrafik erstellen 04\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_04-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 04\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Einstellm\u00f6glichkeiten<\/h2>\n<p>Hier k\u00f6nnt ihr euch einen \u00dcberblick der vielf\u00e4ltigen Einstellm\u00f6glichkeiten des Bildnachzeichners machen. Im Reiter &#8222;Vorgabe&#8220; k\u00f6nnt ihr aus 11 verschiedenen Voreinstellungen w\u00e4hlen. Die &#8222;Ansicht&#8220; erm\u00f6glicht es sich zus\u00e4tzlich auch das Quellbild einblenden zulassen. Unter &#8222;Modus&#8220; k\u00f6nnt ihr die Farbtiefe bestimmen. Das Fenster &#8222;Palette&#8220; bietet die interessantesten Einstellungen. \u00dcber die &#8222;Automatik&#8220; lasst ihr Illustrator entscheiden in welcher Weise das Rasterbild abgetastet werden soll. Mit &#8222;Vollton&#8220; wird ein breites Spektrum der im Bild vorhandenen Farben zur Generierung der Vektorgrafik benutzt. W\u00e4hlt ihr &#8222;Beschr\u00e4nkt&#8220; nutzt Illustrator nur eine kleine Palette an Farben zur Umwandlung.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6226\" title=\"Tutorial - eine Vektorgrafik erstellen 05\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_05-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 05\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Aus einer Bleistiftskizze eine Vektorgrafik erstellen<\/h2>\n<p>Ich habe meine Skizze mit einem handels\u00fcblichen Flachbettscanner in einer Aufl\u00f6sung von 300dpi eingescannt und das Bild in meinem Illustrator-Dokument platziert. Die Vorgabe &#8222;Schwarzwei\u00dflogo&#8220; hat sich bewehrt um Strichzeichnungen zu generieren. hier m\u00fcsst ihr nur noch wenige Anpassunge am Schwellenwert, Pfaden, Ecken und Rauschen vornehmen. Es empfiehlt sich ebenfalls die Bleistiftskizze vor dem Einscannen u.U. mit einem schwarzen Fineliner nachzuzeichnen. Damit erliechtert ihr Illustrator erheblich das generieren der einzelnen Vektoren.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6227\" title=\"Tutorial - eine Vektorgrafik erstellen 06\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_06-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 06\" width=\"960\" height=\"600\" \/><\/p>\n<h2>So kann es aussehen<\/h2>\n<p>Mittels Radiergummi und Tropfenpinsel habe ich hier die Kontur verfeinert. Die Fl\u00e4chen, die hier eingef\u00e4rbt sind, erstellt der Bildnachzeichner automatisch, wenn ihr unter &#8222;Erstellen&#8220; den Haken bei &#8222;Fl\u00e4chen&#8220; setzt.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6228\" title=\"Tutorial - eine Vektorgrafik erstellen 07\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_07-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 07\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Das pixelige Logo<\/h2>\n<p>Kommen wir nun zu dem Fall: Ihr sollt f\u00fcr euren neuen Kunden einen <a href=\"https:\/\/www.flyerpilot.de\/briefpapier-drucken\">Briefbogen<\/a>\u00a0gestalten. Ihr bekommt eine stark komprimierte JPG-Datei mit reichlich Artefakten. Leider hat der Kunde sein Logo nur in dieser Version vorliegen und bittet euch es trotzdem so einzusetzen. Mit Adobe Illustrator habt ihr die M\u00f6glichkeit daraus mit ein wenig Fingerspitzengef\u00fchl eine frei skalierbare Vektorgrafik zu erstellen. Platziert das Bild in eurem Dokument.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6229\" title=\"Tutorial - eine Vektorgrafik erstellen 08\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_08-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 08\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Die Grundform<\/h2>\n<p>Das Bildelement l\u00e4sst sich schnell mit der Vorgabe &#8222;3 Farben&#8220; nachstellen. Setzt den Wert der &#8222;Ecken&#8220; auf 0%.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6230\" title=\"Tutorial - eine Vektorgrafik erstellen 09\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_09-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 09\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Umwandeln<\/h2>\n<p>Wandelt das Aussehen \u00fcbe die Schaltfl\u00e4che des Bildnachzeichners um. Damit greifen die Einstellungen und die Vektorgrafik wird erstellt.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6231\" title=\"Tutorial - eine Vektorgrafik erstellen 10\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_10-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 10\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Der Schriftzug<\/h2>\n<p>Das Nachzeichenergebnis des Schriftzugs l\u00e4sst eher zu w\u00fcnschen \u00fcbrig. Hier ist nun ein wenig Recherche-Arbeit notwendig. Sucht euch unter den g\u00e4ngigen Schriftarchiven wie dafont oder font squirrel eine passende kostenlose Schriftart heraus. FERTIG ist das frei skalierbare Logo.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-landscape960 wp-image-6232\" title=\"Tutorial - eine Vektorgrafik erstellen 11\" src=\"https:\/\/www.flyerpilot.de\/magazin\/wp-content\/uploads\/2016\/10\/tutorial-eine-vektorgrafik-erstellen_11-960x600.jpg\" alt=\"Eine Vektorgrafik erstellen - Tutorial - 11\" width=\"960\" height=\"600\" \/><\/p>\n<h2>Fazit<\/h2>\n<p>Mit Adobe Illustrator l\u00e4sst sich schnell und einfach eine Vektorgrafik erstellen. Die M\u00f6glichkeiten sind vielf\u00e4ltig und das Ergebnis kann sich durchaus sehen lassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Der neue Bildnachzeichner in Adobe Illustrator Adobe Illustrator bringt ein leistungsf\u00e4higes Tool mit um aus einem Rasterbild eine Vektorgrafik zu erstellen. H\u00e4ufig wird er dazu verwendet um vorhandenes Material nachzuzeichnen und es vektorisiert beliebig zu vergr\u00f6\u00dfern. Denkt bitte daran vorher die Lizenzrechte abzukl\u00e4ren um etwaige Rechtsstreitigkeiten zu vermeiden. Des Weiteren kann man mit dem Bildnachzeichner &hellip; <a href=\"https:\/\/www.flyerpilot.de\/magazin\/tutorials-anleitungen\/illustrator\/vektorgrafik-erstellen\" class=\"more-link\"><span class=\"screen-reader-text\">&#8222;Eine Vektorgrafik erstellen&#8220; <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":3,"featured_media":6222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[503],"tags":[],"class_list":{"0":"post-4829","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-illustrator"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/posts\/4829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/comments?post=4829"}],"version-history":[{"count":0,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/posts\/4829\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/media\/6222"}],"wp:attachment":[{"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/media?parent=4829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/categories?post=4829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flyerpilot.de\/magazin\/wp-json\/wp\/v2\/tags?post=4829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}