Icons und Vektorgrafik
Eine handgezeichnete Skizze ist oft der beste Ausgangspunkt für ein Symbol, ein Icon, ein Signet oder eine Illustration. Auf Papier entstehen Formen spontan und schnell. Für die digitale Weiterverarbeitung müssen diese Formen jedoch präzise erfasst, geglättet und als bearbeitbare Konturen angelegt werden. Genau hier liegt der Unterschied zwischen einem Pixelbild und einer Vektorgrafik.
Ein Pixelbild besteht aus einzelnen Bildpunkten. Wird es stark vergrößert, werden diese Bildpunkte sichtbar oder die Konturen verlieren an Schärfe. Eine Vektorgrafik beschreibt Linien, Kurven, Flächen und Farben dagegen mathematisch. Dadurch kann dieselbe Datei für einen kleinen Bildschirm, ein großes Plakat oder einen Schneideplotter angepasst werden, ohne dass die Konturen grundsätzlich unscharf werden.
Beim Digitalisieren geht es nicht darum, jede Unebenheit der Zeichnung mechanisch zu übernehmen. Ziel ist eine kontrollierte Rekonstruktion: Die charakteristische Idee der Vorlage bleibt erhalten, während störende Papierstrukturen, zufällige Wackler und unklare Übergänge verschwinden. Ein gutes Ergebnis entsteht daher aus einer Kombination von sauberer Vorlage, sinnvoller Nachzeichnung und bewusster Vereinfachung.
Die Qualität des Ausgangsmaterials beeinflusst den gesamten Arbeitsaufwand. Eine zerknitterte oder schlecht beleuchtete Vorlage erzeugt beim Nachzeichnen zusätzliche Arbeit, die sich später nur teilweise korrigieren lässt. Vor dem Scannen oder Fotografieren sollte die Zeichnung möglichst flach liegen und ausreichend kontrastreich sein.
Bei einer fotografierten Vorlage sollte die Perspektive vor dem Nachzeichnen korrigiert werden. Viele Bildbearbeitungsprogramme bieten dafür eine Funktion zur Perspektivkorrektur oder zum Entzerren. Anschließend kann der Hintergrund aufgehellt und die Linienfarbe verstärkt werden. Diese Bearbeitung dient als Orientierungsebene. Sie ersetzt noch keine Vektordatei.
Für eine reine Konturzeichnung reicht ein neutraler Hintergrund in der Regel aus. Bei farbigen Entwürfen sollten die Farben möglichst unter konstanten Lichtbedingungen erfasst werden. Eine Kamera oder ein Scanner gibt Farben nicht immer identisch wieder. Deshalb ist die Vorlage für die Formrekonstruktion wichtiger als eine vermeintlich exakte automatische Farbmessung.
Es gibt mehrere Wege von der Skizze zur Vektorgrafik. Welche Methode sinnvoll ist, hängt von der Vorlage und vom gewünschten Ergebnis ab. Eine automatische Vektorisierung kann bei kontrastreichen Schwarz-Weiß-Zeichnungen Zeit sparen. Sie erzeugt jedoch häufig zu viele Ankerpunkte, unruhige Konturen und kleine geschlossene Flächen. Das Ergebnis muss deshalb fast immer überprüft werden.
| Methode | Geeignet für | Typische Nacharbeit |
|---|---|---|
| Manuelles Nachzeichnen | Logos, Icons, klare Symbole und reduzierte Illustrationen | Kurven glätten, Punkte reduzieren, Formen ausrichten |
| Automatische Vektorisierung | Kontrastreiche Vorlagen mit organischen oder groben Konturen | Überflüssige Punkte löschen, Flächen prüfen, Farben bereinigen |
| Kombinierte Methode | Entwürfe mit klaren und zugleich handgezeichneten Bereichen | Grundformen automatisieren und wichtige Partien manuell korrigieren |
Das manuelle Nachzeichnen ist häufig die kontrollierteste Variante. Dabei wird die Rastervorlage in einem Vektorprogramm platziert, gesperrt und mit reduzierter Deckkraft angezeigt. Die neuen Pfade liegen auf einer separaten Ebene. Diese Arbeitsweise trennt Vorlage und Ergebnis und verhindert, dass die Skizze versehentlich verschoben oder verändert wird.
Automatische Verfahren sollten als Ausgangspunkt und nicht als fertige Lösung verstanden werden. Besonders bei kleinen Symbolen kann eine manuell konstruierte Form überzeugender wirken als eine pixelgenaue, aber unruhige Umwandlung. Entscheidend ist die spätere Verwendung: Eine dekorative Illustration darf mehr organische Unregelmäßigkeiten behalten als ein technisches Zeichen oder ein wiederholt eingesetztes Interface-Icon.
Nach dem Import der Vorlage beginnt die eigentliche Rekonstruktion. Zuerst wird eine neue Datei mit dem benötigten Farbmodus und einem passenden Seitenformat angelegt. Die Größe kann später verändert werden, dennoch erleichtert ein plausibles Arbeitsformat die Beurteilung von Abständen und Proportionen.
Bei Bézier-Kurven steuern Ankerpunkte und Griffe den Verlauf. Ein Ankerpunkt gehört an eine Stelle, an der sich die Richtung tatsächlich ändert oder an der die Form besonders charakteristisch ist. Zu viele Punkte machen eine Kurve schwer kontrollierbar. Zu wenige Punkte können dagegen wichtige Eigenheiten der Vorlage entfernen.
Kurvengriffe sollten möglichst tangential zur Kontur ausgerichtet werden. Ein harter Knick entsteht, wenn die Griffe nicht passend ausgerichtet sind oder wenn an einer eigentlich weichen Rundung ein Eckpunkt verwendet wird. Bei symmetrischen Formen empfiehlt sich zunächst eine Hälfte. Sie kann gespiegelt werden, bevor beide Seiten zu einer geschlossenen Form verbunden werden.
Die Nachbearbeitung entscheidet oft stärker über die Qualität als das erste Nachzeichnen. Zoome für die Detailarbeit in die Kontur hinein, prüfe die Form aber regelmäßig in der Gesamtansicht. Eine Kurve, die bei starker Vergrößerung perfekt wirkt, kann im normalen Maßstab zu flach, zu spitz oder optisch zu schwer erscheinen.
Beim Reduzieren von Ankerpunkten ist Zurückhaltung wichtig. Nicht jeder Punkt ist überflüssig. Punkte an markanten Spitzen, engen Einbuchtungen oder Übergängen zwischen geraden und gekrümmten Abschnitten erfüllen eine gestalterische Funktion. Überflüssig sind dagegen häufig mehrere Punkte auf einem gleichmäßigen Bogen. Nach dem Löschen sollte die Kurve auf Knicke, Beulen und veränderte Proportionen geprüft werden.
Bei einer Strichzeichnung sollte außerdem entschieden werden, ob die Linien als echte Konturen oder als gefüllte Flächen angelegt werden. Ein Strich mit variabler Breite kann beim Export in andere Programme unterschiedlich interpretiert werden. Für eine möglichst robuste Datei wird eine finale Kopie der Striche häufig in Flächen umgewandelt. Vorher sollte jedoch eine editierbare Arbeitsversion mit den ursprünglichen Strichen erhalten bleiben.
Farben sollten erst festgelegt werden, wenn die Formen stabil sind. Wer während des Nachzeichnens ständig Farbtöne verändert, beurteilt die Konturen weniger neutral. Für eine übersichtliche Datei helfen klar benannte Ebenen, etwa für Hintergrund, Außenform, Innenflächen und Details.
Ein reduziertes Farbsystem erleichtert die spätere Anwendung. Lege für jede Farbe eine eindeutig benannte Farbfläche an und vermeide beinahe identische Varianten, wenn sie keinen gestalterischen Zweck erfüllen. Bei einer Vorlage mit handgemischten oder schattierten Farben muss entschieden werden, ob diese Eigenschaften erhalten bleiben sollen. Ein Farbverlauf, eine Transparenz oder eine Textur kann die Datei deutlich komplexer machen und wird nicht von jedem Zielprogramm gleich behandelt.
Für Bildschirmgrafiken ist ein RGB-Arbeitsfarbraum üblich. Für Druckdaten gelten je nach Produktionsprozess andere Anforderungen. Die verbindliche Vorgabe kommt aus dem jeweiligen Druck- oder Produktionsworkflow. Ohne diese Vorgabe sollte keine pauschale Umwandlung als grundsätzlich richtig betrachtet werden. Vor der Ausgabe ist zu prüfen, ob Transparenzen, Verläufe und Sonderfarben im vorgesehenen Format erhalten bleiben.
Schwarz ist nicht immer nur eine Frage des Farbwerts. Bei kleinen Icons kann ein sehr schwerer schwarzer Rand die Innenräume optisch verkleinern. Prüfe daher die Wirkung bei der tatsächlichen Zielgröße. Eine Vektorgrafik kann zwar beliebig skaliert werden, ihre gestalterische Balance bleibt dadurch nicht automatisch für jede Größe passend.
Vor dem Export sollte die Datei aus mehreren Perspektiven kontrolliert werden. Zunächst wird die Vorlage ausgeblendet und die Vektorgrafik in der Zielgröße betrachtet. Danach lohnt sich eine Ansicht mit transparentem Hintergrund, damit versehentliche weiße Flächen oder nicht geschlossene Formen auffallen.
Die Arbeitsdatei sollte editierbar bleiben. Speichere deshalb mindestens eine Version mit benannten Ebenen, unveränderten Strichen und der eingebetteten oder verknüpften Vorlage. Für die Weitergabe wird eine davon getrennte Ausgabedatei erstellt. So bleibt nachvollziehbar, wie die Formen konstruiert wurden, und spätere Korrekturen erfordern keinen vollständigen Neubeginn.
Besondere Aufmerksamkeit verdienen Masken, Schnittmasken und Transparenzen. Sie können in der Arbeitsansicht korrekt erscheinen, im Zielprogramm aber anders interpretiert werden. Ein Testexport in das tatsächlich benötigte Format ist daher aussagekräftiger als eine Prüfung ausschließlich innerhalb des Vektorprogramms.
Das native Projektformat des verwendeten Vektorprogramms eignet sich für die weitere Bearbeitung. Für den Austausch kommen je nach Zweck unterschiedliche Formate infrage. SVG ist für viele Web- und Interface-Anwendungen geeignet, wenn Pfade, Farben und mögliche Effekte vom Zielsystem unterstützt werden. PDF kann Vektorelemente, Schriften und Layoutinformationen für verschiedene Ausgabewege enthalten. EPS wird in bestimmten älteren Produktionsabläufen noch verwendet, bietet aber nicht dieselben Möglichkeiten wie modernere Formate. PNG ist dagegen ein Pixelbild und eignet sich für eine gerasterte Vorschau oder eine konkrete Bildschirmgröße, nicht als editierbare Vektorquelle.
| Format | Typischer Zweck | Worauf zu achten ist |
|---|---|---|
| Native Projektdatei | Weiterbearbeitung | Abhängigkeiten, Schriften und verknüpfte Bilder mit sichern |
| SVG | Web, Icons und skalierbare Benutzeroberflächen | Unnötige Metadaten, nicht unterstützte Effekte und eingebettete Schriften prüfen |
| Dokumente und viele Druckabläufe | Transparenzen, Farbprofil und Schriften nach Produktionsvorgabe kontrollieren | |
| PNG | Vorschau und gerasterte Bildschirmgrafik | Auflösung, Transparenz und tatsächliche Zielgröße festlegen |
Ein häufiger Fehler ist das versehentliche Exportieren mit weißem Hintergrund. Ein weiterer entsteht durch nicht eingebettete Schriften oder durch Effekte, die beim Öffnen in einem anderen Programm ersetzt werden. Auch zu viele automatisch erzeugte Ankerpunkte können die Datei unnötig schwer und die Bearbeitung unübersichtlich machen. Vor der Übergabe sollten deshalb Hilfsobjekte, unsichtbare Flächen und unbenutzte Farbfelder entfernt oder bewusst dokumentiert werden.
Nein. Eine automatische Vektorisierung kann bei kontrastreichen Vorlagen als Ausgangspunkt dienen. Bei Logos, Icons und geometrisch klaren Formen liefert manuelles Nachzeichnen jedoch häufig besser kontrollierbare Konturen. Die Entscheidung richtet sich nach dem gewünschten Stil, dem Detailgrad und der späteren Verwendung.
Eine feste Anzahl gibt es nicht. Ankerpunkte gehören an markante Richtungswechsel und an Stellen, an denen die Form präzise kontrolliert werden muss. Gleichmäßige Bögen kommen meist mit weniger Punkten aus als unregelmäßige handgezeichnete Konturen. Eine reduzierte Punktzahl ist kein Selbstzweck, wenn dadurch die charakteristische Form verloren geht.
Während der Konstruktion ist eine reduzierte Deckkraft hilfreich. Für die Qualitätskontrolle sollte die Vorlage jedoch ausgeblendet werden. Erst dann zeigt sich, ob die Vektorgrafik auch ohne optische Unterstützung durch das Rasterbild ausgewogen und verständlich wirkt.
Das kann sinnvoll sein, wenn die Darstellung in verschiedenen Programmen oder Produktionsabläufen unverändert erscheinen soll. Eine editierbare Kopie mit den ursprünglichen Strichen sollte erhalten bleiben, weil eine Umwandlung in Flächen später nicht ohne Weiteres rückgängig gemacht werden kann.
Programme unterstützen nicht alle Effekte, Farbmodelle, Transparenzen und Schriftdaten auf dieselbe Weise. Deshalb sollte die Ausgabedatei im vorgesehenen Zielprogramm oder Produktionsprozess geprüft werden. Für kritische Anwendungen ist eine zusätzliche, gerasterte Kontrollansicht hilfreich.
