Erstellen einer Vektorzeichnung in Photoshop. Raster in Vektor umwandeln – Vektormaschine. Füllmethode „Gradient“

Endergebnis

Wie Sie wissen, erfreuen sich Vektorillustrationen in Webgrafiken derzeit großer Beliebtheit. Professionelle Designer können solche Illustrationen innerhalb weniger Stunden erstellen. Wenn Sie Anfänger oder Amateur sind, werden Webgrafik-Lektionen sicherlich äußerst nützlich für Sie sein. Der Zweck dieses Tutorials besteht darin, den Prozess der Erstellung des ausgewählten Bildes zu beleuchten. Ich werde den gesamten Prozess Schritt für Schritt demonstrieren und alle Schritte mithilfe meiner Kommentare erläutern.

Um ein wirklich cooles Bild zu erstellen, müssen Sie eine Auswahl treffen das gewünschte Programm und bestimmte Regeln befolgen. Wenn Sie eine Vektorillustration zeichnen möchten, sollten Sie bedenken, dass Editoren wie z Adobe Illustrator oder Coreldraw. Gleichzeitig, Photoshop verfügt über ausreichende Mittel, um Vektorillustrationen zu entwickeln. Ich werde dies in meiner Lektion zum Konvertieren einer Zeichnung in einen Vektor deutlich zeigen. Als Grundlage für die Illustration habe ich eine Skizze einer Katze gewählt. Ich habe mich entschieden, eine blaue Katze mit rosa Blumen in den Pfoten darzustellen.

Schritt 1

Beginnen wir mit der Erstellung des Hintergrunds. Zeichnen wir eine Form mit dem Auswahlwerkzeug () (im Modus Formebenen(Formebene)). Einstellungen - (Fülldeckkraft) = 0% . Verwenden Sie nun eine Verlaufsüberlagerung: ((Ebenenstil – Verlaufsüberlagerung)), um die erstellte Form zu füllen. Alle Einstellungen sind Standardeinstellungen, Sie müssen nur den Winkel (ich gebe den Grad an) und den Farbverlauf ändern. Hinzufügen Schlaganfall(Strich) ( (Ebenenstil - Strich)). Wir verwenden alle Standardeinstellungen, mit Ausnahme der Breite in 1 px und Farben.

Werkzeuge zum Arbeiten mit Vektoren in Photoshop sind schon vor langer Zeit erschienen, werden aber erst seit relativ kurzer Zeit in der Arbeit eingesetzt. Dies liegt daran, dass sie sehr lange „roh“ waren usw. Ein Vektor in Photoshop ist kein spezielles Arbeitswerkzeug und wurde nicht geändert. Doch mit der Veröffentlichung von Photoshop CC änderte sich alles.

Warum benötigen Sie einen Vektor in Photoshop?

Zuerst möchte ich Ihnen erklären, warum ich in Photoshop einen Vektor verwende. Es gibt viele bewährte Vektoreditoren. Am häufigsten sind Illustrator, CorelDraw und Xara. Meistens mache ich Webdesign, was bedeutet, dass meine Arbeit nicht das Endergebnis ist. Diese. Bevor das Layout in eine Website, Schnittstelle oder Anwendung umgewandelt wird, wird es an den Layout-Designer gesendet. Die meisten Layouter beherrschen Photoshop fließend, sind aber mit Illustrator nur oberflächlich vertraut. Daher ist der Wunsch, alles in eine Datei zu „stopfen“, durchaus logisch. Es ist großartig, wenn der Layouter eine PSD erhält, die ein vollständiges Layout enthält und sogar die Möglichkeit bietet, Elemente zu bearbeiten. Ändern Sie die Farbe einer Schaltfläche, ändern Sie den Radius einer Menüform, vergrößern oder verkleinern Sie einen Block, ohne an Qualität zu verlieren – mit 2 Klicks und 1 Minute! Vector in Photoshop ermöglicht Ihnen dies ohne besondere Kenntnisse.

Funktionen zum Arbeiten mit Vektoren in Photoshop

Wenn Sie schon einmal mit einem Vektoreditor gearbeitet haben, wird Ihnen vieles bekannt vorkommen. Aber man muss sich an einiges gewöhnen. Alle Arbeiten in Photoshop werden mit Ebenen erstellt, dies gilt auch für alle Vektorwerkzeuge.
1. Um einen Vektor in Photoshop einfach zu bearbeiten, müssen Sie jede Form auf einer separaten Ebene platzieren.
2. Die Operationen „Verschmelzen“, „Subtrahieren“ und „Überlagern“ werden am besten auf nicht mehr als zwei Objekte angewendet.
3. Nach dem Vorgang „Zusammenfügen“, „Subtrahieren“, „Überlagern“ bleiben die Konturen der Originalobjekte zur Bearbeitung verfügbar.
4. Rasterstile können problemlos auf alle Vektorobjekte angewendet werden. Es ist sehr bequem.
5. Sie können Transparenz auf Vektorobjekte anwenden und Filter auf sie anwenden.
6. Einzelne Ebenen und Ebenengruppen mit Vektorobjekten können problemlos innerhalb eines Dokuments geklont oder in ein anderes PSD-Dokument kopiert werden.
7. Beschriften Sie jede Ebene und gruppieren Sie Ebenen – das spart viel Zeit.

Grundlegende Grundelemente

Wie in jedem Vektoreditor verfügt ein Vektor in Photoshop über vorgefertigte Grundelemente. Grundlegende Grundelemente:
„Rechteck“, „Rechteck mit abgerundeten Ecken“, „Ellipse“, „Polygon“, „Linie“, „ Freie Figur" Sie können für jede Form (jederzeit) die Stärke/Art/Farbe des Strichs und der Füllung festlegen. Für bestimmte Grundelemente sind zusätzliche Eigenschaften verfügbar. Beispielsweise können Sie für ein Polygon die Anzahl der Ecken und für ein Rechteck mit abgerundeten Ecken den Radius der Rundung festlegen.

Basiswerkzeug

Um einen beliebigen Vektor zu zeichnen oder einen vorhandenen zu bearbeiten (einschließlich der Umrisse von Grundelementen), müssen Sie die Werkzeuge „Stift“ (einen beliebigen Umriss zeichnen), „Stift+“ (neue Ankerpunkte zum fertigen Umriss hinzufügen) und „Stift“ verwenden -“ (Ankerpunkte aus der fertigen Kontur löschen), „Freier Stift“ (eine beliebige Kontur von Hand zeichnen), „Winkel“ (Krümmungen der Konturkurven ändern, Verbindungstypen zwischen Ankerpunkten festlegen).

Um den Prozess zu veranschaulichen, ein kurzes Video, aus dem Sie lernen:
1. So erstellen Sie ein Grundelement
2. So zeichnen Sie eine kostenlose Vektorform
3. So bearbeiten Sie den Umriss eines Grundelements
4. So bearbeiten Sie die Kontur einer beliebigen Vektorform

Grundlegende Operationen mit Vektoren in Photoshop

Insgesamt stehen 4 Operationen zur Verfügung: „Formen zusammenführen“, „Vordere Form subtrahieren“, „Formen in Überlagerung zusammenführen“, „Formen in Überlagerung subtrahieren“. Alle diese Vorgänge sind über das Hauptmenü verfügbar Ebenen > Formen zusammenführen, oder über die Symbolleiste „Eigenschaften“ (oberes Menü). Fenster > Eigenschaften).
Aufmerksamkeit! Bevor Sie mit Operationen zum Kombinieren von Vektorformen beginnen, stellen Sie sicher, dass die Ebenen dieser Formen in der Symbolleiste „Ebenen“ ausgewählt sind (schalten Sie sie auf F7 oder Fenster > Ebenen).

Ein kurzes Video, das die grundlegenden Vorgänge beim „Zusammenführen von Formen“ in Photoshop veranschaulicht.

Ändern Sie Farbe und Größe und wenden Sie Stile an

Jetzt kommen wir zum interessantesten Teil. Mit einem Vektor in Photoshop können Sie die Größe nach oben und unten ändern, ohne an Qualität zu verlieren. Wählen Sie dazu in der Symbolleiste „Ebenen“ die gewünschten Ebenen aus, Drücken Sie Strg+T (oder Befehl+T, wenn Sie einen MAC haben) und ziehen Sie die Markierungen der ausgewählten Kontur mit der Maus, um die Größe anzupassen. Um die Größe proportional zu ändern, müssen Sie die Umschalttaste gedrückt halten.


Kurzes Video:
1. Ändern Sie die Größe der Vektorform
2. Ändern Sie die Füllfarbe der Vektorform
3. Fügen Sie der Vektorform Stil hinzu

Beispiel-PSD herunterladen (kostenlos)

Um es Ihnen leichter zu machen, herauszufinden, wie man einen Vektor in Photoshop verwendet, und zu sehen, wie diese Werkzeuge in der Praxis eingesetzt werden können, veröffentliche ich eine Infografikdatei, die ich vollständig mit Vektorwerkzeugen erstellt habe.

Eine Frage stellen

Wenn etwas für Sie nicht funktioniert oder Sie Fragen haben, schreiben Sie es in die Kommentare und ich helfe Ihnen, es herauszufinden. Sie können das Video auch mit Vektorwerkzeugen ansehen.

Obwohl Photoshop ein Rastergrafikeditor ist, enthält sein Toolkit auch einige Vektorwerkzeuge. Vektorwerkzeuge sind in erster Linie zum Erstellen bearbeitbarer Kurven – Konturen – gedacht. Um Ihr Gedächtnis aufzufrischen, möchten wir Sie daran erinnern, dass der Unterschied zwischen Raster- und Vektorgrafiken in der Art der Speicherung und Beschreibung liegt grafische Informationen. Vektorzeichnungen werden in Form mathematisch beschriebener Kurven gespeichert, die bei der Skalierung nicht an Qualität verlieren und jederzeit einfach und flexibel bearbeitet werden können. Schauen wir uns zunächst das Prinzip der Konstruktion von Vektorkurven an.

Vektorkonturen werden auf Segmenten erstellt, die über Schlüsselknoten und Kontrollpunkte verfügen. Schlüsselknoten begrenzen das Segment auf beiden Seiten und Kontrollpunkte ermöglichen die Steuerung der Biegung von Kurven.

Gruppenwerkzeuge werden zum Erstellen von Kurven verwendet Stift. Werkzeug Stiftwerkzeug Entwickelt, um Kurven an Schlüsselknoten zu erstellen. Das Funktionsprinzip dieses Werkzeugs besteht darin, die Schlüsselpunkte eines Kontursegments anzuzeigen. Wenn Sie beim Festlegen eines Kontrollpunkts diesen verschieben, ohne die Maustaste loszulassen, wird ein Segment angezeigt Kontrollpunkt. Weitere Mausbewegungen wirken sich direkt auf den Kontrollpunkt und damit auf die Biegung des Segments aus. Der nächste Linksklick setzt den nächsten Kontrollpunkt und so weiter.

Das Stiftwerkzeug kann in zwei Modi arbeiten – Kurven erstellen und sogenannte Formen – geschlossene Vektorbereiche erstellen. Das Umschalten zwischen diesen Modi erfolgt mit den Schaltflächen – Konturerstellungsmodus, – Formerstellungsmodus. Wenn Sie im Formerstellungsmodus arbeiten, wird die von Ihnen erstellte Kontur immer als geschlossen betrachtet und daher mit der von Ihnen ausgewählten Farbe gefüllt. Physisch wird in der Ebenenpalette eine Ebenenmaske basierend auf einer Vektorzeichnung erstellt. Die Ebene selbst wird mit der Farbe Ihrer Wahl gefüllt (Sie wählen die Farbe in der Eigenschaftenpalette aus).

Das Prinzip der Arbeit mit einer Vektormaske unterscheidet sich geringfügig vom Prinzip der Arbeit mit einer Rastermaske; lediglich die Mittel unterscheiden sich. Wenn Sie beim Arbeiten mit einer Rastermaske diese mit Zeichenwerkzeugen geändert haben, erfolgt die Änderung der Maskenform in diesem Fall mit Vektorwerkzeugen.

Um eine Vektormaske in eine Rastermaske umzuwandeln, müssen Sie das Kontextmenü der Vektormaske aufrufen und das Element auswählen Maske rastern. Das Ergebnis ist eine regelmäßige Ebenenmaske. Ansonsten unterscheidet sich die Arbeit mit einer Ebenenmaske in der Vektorversion nicht von der Arbeit in der Rasterversion.

Vektorzeichnungen sind praktisch, da Sie die Form der Kurven dieser Zeichnung jederzeit sehr bequem ändern können. Dafür gibt es eine Reihe von Tools. Beispielsweise fügt das Werkzeug (Hinzufügen von Schlüsselpunkten – Knoten) Schlüsselpunkte auf der Kurve an der Stelle hinzu, auf die Sie klicken. Das Werkzeug kann zusätzliche Punkte auf einem Pfad löschen, indem es auf den zu löschenden Punkt klickt. Tatsächlich ist ein Umstieg auf diese Tools überhaupt nicht notwendig. Achten Sie auf den Schalter Automatisch hinzufügen/löschen auf der Eigenschaftenpalette. Wenn dieser Modus aktiviert (markiert) ist, wechselt das Stiftwerkzeug automatisch zum Werkzeug „Punkt hinzufügen“ (wenn Sie es über dem Pfad platzieren) und zum Werkzeug „Punkt löschen“ (wenn Sie es über einem vorhandenen Punkt platzieren). Wenn der Modus deaktiviert ist, ist das Löschen und Hinzufügen von Punkten nur mit den entsprechenden Werkzeugen möglich.

Die Biegung von Kurven wird über Kontrollpunkte gesteuert. Um einen Kontrollpunkt auszuwählen, verwenden Sie das Werkzeug Direktauswahlwerkzeug. Auswahl des zu bearbeitenden Knotens (Klicken mit diesem Werkzeug auf den bearbeiteten Knoten). Anschließend beeinflussen Sie durch Verschieben der Kontrollpunkte die Krümmung der Kurve im Bereich des ausgewählten Knotens. Mit diesem Werkzeug können Sie auch ausgewählte Knoten verschieben. Werkzeug Pfadauswahlwerkzeug Entwickelt, um mit der Kurve als Ganzes wie mit einem Objekt zu arbeiten – für Bewegung und Transformation. Für Vektorobjekte wird der Modus „Freie Transformation“ verwendet, genau wie für Rasterbereiche.

Ein wichtiges Werkzeug für die Arbeit mit Schlüsselknoten ist ein Tool namens Werkzeug „Punkt konvertieren“.. Der Zweck dieses Tools ist die Transformation Knotentyp. In Photoshop-Vektorgrafiken gibt es zwei Arten von Schlüsselknoten: geglättet Und Ecke. Die Bedeutung geglätteter Schlüsselknoten besteht darin, dass die Kontrollpunkte zweier Kurven an einem Knoten zusammenlaufen Immer auf derselben virtuellen Leitung.

Eine andere Art von Knoten wird, wie gesagt, Eckknoten genannt. Die Bedeutung dieses Typs ist Folgendes Virtuelle Linien, die durch den Kontrollpunkt eines der Segmente und den gemeinsamen Schlüsselknoten beider Segmente verlaufen, können in jedem Winkel zusammenlaufen.

Das Typkonvertierungstool funktioniert wie folgt: Wenn der Knoten glatt ist (und Knoten werden standardmäßig glatt erstellt), wird durch Klicken auf das Konvertierungstool der Knotentyp in „Ecke“ geändert. Wenn Sie die Maustaste nach dem Drücken nicht loslassen, sondern einfach ziehen, können Sie die Biegung des Segments an einem bestimmten Knoten steuern.

Wir haben zunächst zwei Betriebsarten des Stiftwerkzeugs hervorgehoben. Der erste ist der Modus zum Erstellen von Formen und der zweite ist der Modus zum Erstellen von Konturen. Schauen wir uns die Arbeitsweise mit Konturen genauer an.

In diesem Fall wird Ihr Pfad nicht automatisch ausgefüllt und bildet eine Vektorebenenmaske und -ebene. In diesem Fall ist Ihre Gliederung rein virtuell und hat keinen Bezug zu Ebenen. Um mit solchen Konturen zu arbeiten, gibt es eine Palette namens Pfad. In dieser Palette sind alle Operationen mit Konturen konzentriert.

In der Pfad-Palette werden Konturen (Pfade) als Ebenen in der Ebenen-Palette platziert, und eine Vektorebene kann mehrere unabhängige Vektorkonturen enthalten. Die untere Zeile der Pfadpalette enthält Symbole zum Steuern von Pfaden. Die schmerzlich vertrauten Piktogramme mit einem Mülleimer und einem leeren Blatt haben auch in dieser Palette ihren Zweck nicht geändert, d. h. Dies löscht jeweils die Vektorebene und erstellt eine leere Vektorebene.

Bisher haben wir uns gefragt, warum das so ist Raster-Editor wie Photoshop diese Vektorwerkzeuge benötigt. Ein einfaches Beispiel für die Verwendung von Vektoren in Photoshop ist wiederum die Arbeit mit Auswahlen. Wie Sie der Abbildung entnehmen können, sind in der Pfadpalette mehrere Symbole dafür vorgesehen, einen Umriss (Pfad) in einen Auswahlumriss umzuwandeln und umgekehrt. Nachdem Sie sich einige Kenntnisse im Umgang mit Konturen angeeignet haben, werden Sie tatsächlich verstehen, dass es viel einfacher ist, die Vektorkontur an die Form des ausgewählten Bereichs anzupassen, als selbst eine recht flexible Schnellmaske zu verwenden. Wenn Sie also eine Auswahl bearbeiten möchten, können Sie diese jederzeit in einen Pfad (Umriss) umwandeln, ihn dann bearbeiten und wieder in eine Auswahl umwandeln. Wenn Sie herkömmliche Operationen wie Strich und Füllung für Auswahlpfade verwenden möchten, stehen Ihnen diese ebenfalls zur Verfügung.

Logische Operationen funktionieren etwas unerwartet. Sie können Pfade in jedem logischen Modus erstellen, sei es Addition oder Subtraktion. Zu diesem Zeitpunkt werden Sie keine Aktion bemerken. Aber lassen Sie sich nicht davon täuschen, dass Sie einen Fehler in einem nahezu fehlerfreien Programm gefunden haben. Tatsächlich merkt sich Photoshop, in welchem ​​Modus Sie die Gliederung erstellt haben (das Büro schreibt...), und sobald Sie das Programm anweisen, aus Ihrem Wirrwarr von Pfaden eine Auswahlgliederung zu erstellen, merkt sich Photoshop alles und führt alle Vorgänge aus, die Sie ausführen beim Anlegen der Pfade vorgegeben. Im Dialogfeld „Auswahlumriss aus Pfad erstellen“ können Sie die wichtigsten Einstellungen bezüglich der Auswahlpfade festlegen (dies ist jedoch nur möglich, wenn Sie den Befehl „Auswahl erstellen“ aus dem Menü der Pfadpalette verwenden).

Bitte beachten Sie, dass Sie den Auslaufradius (Feather) festlegen und die Anti-Aliasing-Glättung aktivieren oder deaktivieren können. Im Abschnitt Operation können Sie den logischen Modus für die neu erstellte Auswahl festlegen. Die Optionen in diesem Abschnitt sind nur verfügbar, wenn bereits eine Auswahlgliederung vorhanden ist. Wenn Sie also den Vorgang „Neue Auswahl“ auswählen, ersetzt die erstellte Auswahl die vorhandene Auswahl. Mit der Option „Zur Auswahl hinzufügen“ wird einer vorhandenen Auswahl eine aus einem Pfad erstellte Auswahl hinzugefügt. Von Auswahl substruieren – subtrahiert den erstellten Pfad von der vorhandenen Auswahl.

Werkzeug Freiform-Tool ermöglicht Ihnen das Erstellen eines Vektorpfads im einfachen Zeichenmodus, wie mit einem Pinsel. Halten Sie die linke Maustaste gedrückt und bewegen Sie die Maus einfach, um die gewünschte Kontur zu zeichnen. Dieses Werkzeug verfügt über eine Hauptfunktion, die dieses Vektorwerkzeug dem magnetischen Lasso-Werkzeug ähnelt – es ist die Option Magnetisch. Das Funktionsprinzip ist das gleiche, das Werkzeug sucht nach kontrastierenden Grenzen und zeichnet nur dort eine Kontur. Ansonsten unterscheidet sich die mit diesem Werkzeug erstellte Kontur nicht von einer normalen Kontur.

• Aufrufe: 58428

Vektorzeichnungen erfreuen sich großer Beliebtheit, doch ihre Erstellung erfordert für einen Anfänger viel Geduld und Ausdauer. Zur Erstellung solcher Illustrationen wird Photoshop verwendet, mit dem sich ein Foto in ein Vektorbild umwandeln lässt. In diesem Artikel erklären wir Ihnen, wie sich eine solche Zeichnung von einer Rasterzeichnung unterscheidet und wie Sie in Photoshop ein Vektorbild erstellen.

Vektor

Wenn Sie in Photoshop ein neues Dokument erstellen, schreiben Sie ein beliebiges Wort auf ein weißes Blatt Papier und wählen Sie eine geeignete Größe (mithilfe der „Text“-Funktionen – dem „T“-Symbol in der Symbolleiste).

Zoomen Sie mit dem Lupenwerkzeug hinein – Sie werden sehen, dass die Buchstaben aus Pixeln bestehen. Tatsächlich wird das Erscheinungsbild durch Formeln vorgegeben, lediglich die Darstellung im Programm erfolgt in Pixeln.

Wir kehren zurück normale Größe durch einen Doppelklick auf das Handsymbol. Wir reduzieren die Größe wie folgt: „Bearbeiten“ – „Transformieren“ – „Skalieren“. Bei der Verkleinerung bleibt die Qualität der Buchstaben erhalten. Ebenso vergrößern wir den Text so weit wie möglich, auch die Qualität bleibt gut, da die Formeln in jedem Maßstab gut funktionieren.

Raster

Um ein Vektorbild in Photoshop in ein Rasterbild umzuwandeln, verkleinern Sie es fertiges Bild. Gehen Sie dann auf die Registerkarte „Ebenen“ und wählen Sie dort „Rasterisieren“ – „Text“. Wir haben Buchstaben bekommen, die wirklich aus Pixeln bestehen.

Beim Vergrößern eines Rasterbildes/Textes mit den Funktionen „Bearbeiten“ – „Transformieren“ – „Skalieren“ verschlechtert sich die Qualität erheblich. Mit jeder Wiederholung des Vorgangs wird die Qualität jedes Mal schlechter – die Buchstaben werden unscharf.

In solchen Abbildungen werden bei der Vergrößerung entsprechend dem Programmalgorithmus neue Pixel mit Farbe gefüllt. Dies geschieht weniger genau als beim Arbeiten mit Formeln.

Erstellen von Vektorgrafiken

Sie können mit jedem Foto eine Zeichnung erstellen. Wenn Sie nicht wissen, wie Sie ein Foto in Photoshop in einen Vektor umwandeln, konvertieren Sie es wie folgt:

1. Öffnen Sie ein Foto/eine Illustration. Erstellen Sie eine neue Ebene.
2. Zeichnen Sie mit dem Stiftwerkzeug den Umriss eines der Elemente (z. B. eines Gesichts). Um den Hintergrund nicht zu stören, stellen Sie die Transparenz auf 20–30 % ein. Wählen Sie eine Füll- und Umrissfarbe.
3. Zeichnen Sie anschließend auf die gleiche Weise die Konturen anderer Teile und füllen Sie sie mit der gewünschten Farbe.
4. Für komplexe Farbanwendungen im Gesicht des Models können Sie „Filter“ verwenden. Gehen Sie zur „Filtergalerie“ und nehmen Sie dort die „Posterisierung“ auf mehreren Ebenen vor, praktischerweise auf 3 Ebenen. Photoshop erklärt Ihnen, wie die Schatten angewendet werden; Sie müssen lediglich ihre Konturen skizzieren. Sie können die Sättigung weiter entsättigen, das Foto schwarzweiß machen und die Schärfe anpassen, um die Pegel deutlicher zu sehen. Wählen Sie beim Füllen zunehmend hellere/dunklere Farben für die Schichten. Es entstehen Farbübergänge.

Geduld, Genauigkeit, Langsamkeit – und Ihre Arbeit ist fertig. Mit gutem Geschick werden Sie recht schnell einfache Zeichnungen erstellen und jedes Bild in einen Vektor umwandeln ist kein Problem.

Das Ergebnis sorgfältiger Arbeit wird ein Bild „in Kurven“ sein.

Wie erstelle ich in Photoshop ein Vektorbild einer Person basierend auf einem Foto? Dafür benötigen Sie viele Farbschichten, was bedeutet, dass die Arbeit ziemlich viel Zeit in Anspruch nimmt. Aber der Prozess selbst ist nicht so kompliziert, wie es scheint, und mit genügend Geduld können Sie die Aufgabe vollständig bewältigen und einen anständigen Vektor erhalten.

Computergrafik ist ein sehr weit gefasster Begriff. Wenn jemand diesen Begriff erwähnt, werden einem dreidimensionale Meisterwerke aus den Studios Pixar und Dreamworks in den Sinn kommen, andere werden darüber nachdenken Digitale Fotografie, wieder andere werden entscheiden, dass es sich um das Design handelt Computerspiele. Aber es gibt sicher auch viele, die diesen Begriff mit Vektorgrafiken assoziieren. Trotz der außerordentlichen Beliebtheit von Vektorgrafiken sind viele Benutzer mit der Funktion von Vektorzeichnungen völlig unbekannt. Was verbirgt sich hinter dem Wort „Vektorgrafik“ und warum ist es so gefragt?

Ein typisches Rasterbild ist eine Reihe von Punkten. Dieses Array kann mit maximaler Präzision oder ungefährer Präzision gerendert werden. Im ersten Fall werden Informationen über die Bitmap verlustfrei übertragen, beanspruchen aber viel Speicher. Im zweiten Fall grafisches Bild können mit bedingter Genauigkeit übertragen werden. Eine direkte Analogie ergibt sich zum Ton, der „ohne spürbare Verluste“ in das MP3-Format komprimiert wird. Für Grafiken ist JPG ein ähnliches Format. Bei moderater und nicht sehr hoher Komprimierung ist die ursprüngliche Punkteanordnung noch gut erkennbar. Die Algorithmen zur Visualisierung von Rastergrafiken können unterschiedlich sein, ihr Wesen ist jedoch dasselbe: Das Bild ist streng mit der Pixelmatrix verknüpft.

Um ein Vektorbild zu rendern, wird ein völlig anderer Ansatz verwendet. Jedes Vektordesign wird aus geometrischen Formen und Kurven erstellt. Der Einsatz von Mathematik bei der Beschreibung eines Bildes bietet einen großen Vorteil: Bei der Skalierung von Vektorelementen verliert das Originalbild keinerlei Qualität. Ein Rasterbild verhält sich bei der Größenänderung anders – die Objektlinien im Bild werden beim Vergrößern mit einem merklichen „Kamm“ überwuchert. Diese Artefakte sind zunächst im Bild vorhanden, da ein Rasterbild a priori keine kontinuierlichen Elemente enthalten kann – Linien, geometrische Formen usw. All dies sieht in einem Raster wie eine Pixelmatrix aus, was umso deutlicher wird, je stärker das Rasterbild vergrößert wird.

Vektorformate sind nicht ohne Nachteile. Die Notwendigkeit, zur Konstruktion eines Bildes einfache Elemente zu verwenden, wird oft zu einem ernsthaften Hindernis für die Interpretation eines komplexen Bildes. Beispielsweise ist es äußerst schwierig, ein gewöhnliches Landschaftsfoto in ein Vektorformat umzuwandeln, da es viele Objekte enthält und deren Geometrie sehr komplex ist.

Im industriellen Druck sehen Vektorformate beim Drucken von Bildern jeder Größe – groß und klein – gleichermaßen gut aus. Rasterbilder werden bei der Vergrößerung nicht nur zu Mosaiken, sondern können auch Komprimierungsartefakte enthalten. Darüber hinaus lassen sich Vektorformate bequem in der Programmierung verwenden, da sie sich leicht durch mathematische Ausdrücke beschreiben lassen.

Professionelle Designer verwenden bewährte Tools wie Adobe Illustrator und CorelDraw, um Vektorgrafiken zu erstellen. Aber für den Bastler, der schnell ein T-Shirt-Logo oder eine technische Illustration erstellen muss, besteht keine Notwendigkeit, auf solch umständliche und teure Anwendungen zurückzugreifen. Sie können mit kostenlosen und manchmal sogar Online-Tools auskommen. Mit ihrer Hilfe können Sie ein Rasterbild in ein Vektorbild umwandeln, ein einfaches Design skizzieren, ein Guillochemuster erstellen und so weiter.

⇡ „Google Drawings“ ist der einfachste Vektoreditor, der immer zur Hand ist

Der bekannteste, einfachste und zugänglichste Online-Vektoreditor ist „Zeichnungen“ im Google Drive-Dienst. Diese Webanwendung ist Teil von Googles Online Office und konzentriert sich mehr auf die Zusammenarbeit und das Hinzufügen grafischer Elemente zu anderen Arten von Office-Dokumenten als auf die Erstellung von Vektorgrafiken. Allerdings immer noch einige Grundeinrichtungen Anleitungen zum Arbeiten damit finden Sie hier.

Mit der Webanwendung „Zeichnungen“ können Sie verschiedene Formen, Pfeile, Beschriftungen und grafische Elemente von Formeln erstellen sowie gerade Linien, Kurven, Polylinien, Pfeile und Kritzeleien hinzufügen. Es ist auch möglich, Textelemente hinzuzufügen und zu importieren Rasterbilder. Vektorzeichnungen können importiert, aber nicht bearbeitet werden (nur Anzeige möglich).

⇡ Autotracer – kostenloser Konverter von Rasterbildern in Vektoren

Bei komplexen Vektorgrafiken ist es manchmal einfacher, diese nicht von Grund auf zu erstellen, sondern das Rasterbild zu vektorisieren, also in ein Vektorformat umzuwandeln. Dieser Vorgang wird auch Tracing genannt.

Nahezu jeder Vektoreditor verfügt über die entsprechenden Tools, aber die Vektorisierung kann dank Online-Tools noch einfacher sein. Sie können mehr als einen Webdienst finden, der ähnliche Dienste anbietet. Beispielsweise ist die kostenlose Ressource Autotracer sehr einfach zu verwenden. Es kann verwendet werden, um PNG-, BMP-, JPEG- und GIF-Dateien in das Vektorformat zu konvertieren und im SVG-, EPS-, PDF- und DXF-Format zu speichern.

Der Dienst ist völlig kostenlos, es gibt jedoch eine Einschränkung: Die Größe der Quelldatei sollte ein Megabyte nicht überschreiten. Vor der Konvertierung können Sie einige Einstellungen festlegen: Legen Sie die Anzahl der Farben fest, die vor der Vektorisierung auf dem Rasterbild verbleiben, entfernen Sie Rauschen und geben Sie an, in welchen Fällen Linien als Kurven verwendet werden. Der Vorgang selbst erfolgt sehr schnell. Wenn die Qualität der endgültigen Zeichnung nicht zufriedenstellend ist, können Sie jederzeit mit den Einstellungen experimentieren und es erneut versuchen.

⇡ Vector Paint ist ein Vektoreditor in Chrome, der ohne Browser funktioniert

Vector Paint ist eine Webanwendung für Google Chrome, erstellt in HTML5, kann aber auch ohne Browser funktionieren. Es gehört zu einer neuen Generation von Anwendungen, die Anfang September dieses Jahres eingeführt wurde. Sie können solche Anwendungen direkt von Ihrem Desktop aus starten - Browser öffnen, sowie ein Internetzugang sind für die Nutzung nicht erforderlich.

Vector Paint enthält eine ziemlich große Sammlung verschiedener voreingestellter Formen, die in Projekten verwendet werden können: Es gibt Uhren, Wolken, Pfeile, Tiere, Musiknoten und vieles mehr. Formen können auch manuell mit geraden und unterbrochenen Linien, einem Werkzeug zum Zeichnen freier Formen, einem Rechteck oder einer Ellipse erstellt werden. Für jedes Element können Sie die Farbe, Stärke und Art des Strichs sowie die Füllfarbe auswählen, es teilweise transparent machen und einen von vielen Effekten hinzufügen (Verzerrung, Schatten, Texturen, Pseudo-3D usw.). Es gibt auch Werkzeuge zum Verwalten von Elementen im Projekt: Sie können nach vorne oder nach hinten verschoben werden. Für eine präzisere Platzierung von Elementen stehen Ihnen zahlreiche Ausrichtungswerkzeuge zur Verfügung, außerdem können Sie die Anzeige eines Lineals einschalten.

Standardmäßig wird auf einer Ebene gearbeitet. Bei Bedarf können Sie jedoch die Möglichkeit hinzufügen, mit mehreren Ebenen zu arbeiten. Diese Funktion ist als Add-on implementiert. Um es zu installieren, müssen Sie nichts herunterladen, sondern wählen Sie einfach das Plugin im gleichnamigen Menü aus. Die Arbeit mit Ebenen umfasst die Möglichkeit, ausgewählte Ebenen zu kombinieren, einige davon auszublenden und ausgewählte Elemente auf eine separate Ebene zu verschieben.

Vector Paint verfügt über weitere Add-ons, die der Anwendung einfach hinzugefügt werden können. Hierbei handelt es sich um erweiterte Funktionen zum Arbeiten mit Text (zusätzliche Schriftarten, Festlegen von Abständen, einzelne Beschriftungselemente), Hinzufügen von Markierungen und Verwenden von Bildern zum Erstellen sich wiederholender Muster auf Formularen. Aus dem Plugins-Menü sind ebenfalls enthalten Zusätzliche Optionen Striche und Füllungen.

Abgeschlossene Projekte werden in gespeichert SVG-Format und kann auch in PNG und JPEG exportiert werden.

⇡ SVG-Edit – Online-Vektoreditor

SVG-Edit ist ein Vektoreditor, der in erstellt wurde JavaScript-basiert, das in jedem Browser ausgeführt werden kann. Es kann als Online-Dienst (in diesem Fall wird eine Demo-Adresse für den Zugriff verwendet) und auch als Webanwendung (in diesem Fall müssen Sie das Archiv mit SVG-Edit-Dateien herunterladen, entpacken und ausführen) verwendet werden Anwendungsdatei in einem beliebigen Browser).

SVG-Edit funktioniert vollständig mit SVG-Dateien und ermöglicht sowohl das Speichern von Projekten in diesem Format als auch das Öffnen solcher Dateien und das Vornehmen von Änderungen daran. Darüber hinaus kann die SVG-Datei als separates Element in das Projekt importiert werden.

Zum Erstellen von Vektorgrafikelementen in SVG-Edit können Sie Polylinien, Rechtecke, Quadrate, Ellipsen, Kreise, Polygone, Umrisse und Text verwenden. Es ist möglich, Elemente mit Farbe zu füllen und auch Farbverläufe, auch radiale, zu verwenden. Es unterstützt das Arbeiten mit Ebenen, die Anzeige eines Rasters und die Anzeige von Elementen als Drahtmodell. Es gibt Werkzeuge zum Ändern der Anordnung von Elementen (oben, unten), zum schnellen Klonen ausgewählter Vektorformen und zum Gruppieren dieser. Viele Befehle sind verfügbar unter Kontextmenü(wie in normalen Desktop-Editoren). Großes Augenmerk wird auf Werkzeuge zur Ausrichtung auf der Leinwand gelegt: Sie können Elemente in Bezug auf ausgewählte Objekte, auf das größte oder kleinste Objekt ausrichten.

Das Programm verfügt über eine große Bibliothek vorgefertigter Formen (die gleiche, die auch in Vector Paint verwendet wird), bietet aber darüber hinaus Zugriff auf eine riesige kostenlose Bibliothek mit Vektorgrafikelementen, die IAN Image Library. Um damit arbeiten zu können, müssen Sie sich registrieren. Anschließend können Sie Sammlungen von Vektorgrafikbeispielen direkt im Editor anzeigen und diese sofort zu Ihrem aktuellen oder neuen Projekt hinzufügen.

⇡ Chittram – ein einfacher Online-Editor

Chittram ist ein weiterer Vektoreditor, der als Webanwendung arbeiten kann. Im Gegensatz zu SVG-Edit ist es als vollwertiger Onlinedienst mit der Möglichkeit, Projekte auf dem Server zu speichern, implementiert. Um zuvor erstellte Projekte anzuzeigen und zu bearbeiten, verwenden Sie Konto Google.

Die Fähigkeiten von Chittram sind bescheidener als die von SVG-Edit, aber dieser Editor wird Anfängern sicherlich benutzerfreundlicher erscheinen. Die Anwendung bietet die Möglichkeit, ein Rasterbild als Hintergrund zu verwenden, aber ein Bild mit auszuwählen Festplatte Das ist nicht möglich. Geben Sie einfach einen Link zur Datei an. Es gibt auch keinen Import lokaler Vektorbilder, Sie können aber Dateien aus der Webservice-Benutzergalerie zum Projekt hinzufügen und bearbeiten. Die Site implementiert eine Suche in der Galerie nach Schlüsselwörter, sowie nach Tags.

Um Ihre eigenen Projekte zu erstellen, können Sie einen Standardsatz an Werkzeugen verwenden: gerade Linien, Kurven, Bézier-Kurven, Polygone, Kreise, Ovale, Rechtecke und Quadrate. Auch Texterstellung ist möglich. Für jedes Element ist es möglich, die Strichgröße, die Füllfarbe, die Verlaufsfarbe und -richtung sowie den Transparenzprozentsatz festzulegen. Für eine genauere Zeichnung können Sie ein Raster verwenden, an das die Größe der Zelle angepasst wird. Sie können auch die Größe und Ausrichtung der Leinwand steuern.

Wenn Ihr Projekt mehrere Formulare verwendet, ist es hilfreich, ein Bedienfeld anzuzeigen, das eine Liste aller Elemente bereitstellt. Es dient zum Umbenennen und schnellen Auswählen von Objekten. Das gleiche Panel wird zum Arbeiten mit Ebenen verwendet.

⇡ Inkscape ist eine vollwertige Alternative zu kommerziellen Paketen

Der Inkscape-Vektoreditor bietet viele Vorteile. Erstens ist es plattformübergreifend (kann ausgeführt werden). Windows-Umgebung, Linux, Mac). Zweitens unterstützt es eine große Anzahl beliebter Vektorformate, darunter SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF und andere.

Der Editor verfügt außerdem über Werkzeuge zum Erstellen von Grafiken, die für jeden Vektoreditor Standard sind: Formen, Kurven, Text, Füllung, volle Unterstützung für Ebenen. Mit Inkscape können Sie verschiedene Aktionen mit Pfaden ausführen, Striche erstellen und auch boolesche Operationen anwenden (Elemente zusammenführen, überschneiden, voneinander ausschließen usw.). Dem Benutzer steht eine große Filterbibliothek und ein spezieller Editor zur Verfügung, mit dem er eigene Effekte erstellen kann. Das Programm unterstützt Grafiktabletts, sodass Sie manuell zeichnen können, indem Sie die Neigung und den Druck des Stifts steuern.

Es lohnt sich, auf die integrierten Tools zum Vektorisieren von Rasterbildern zu achten. Um sicherzustellen, dass wichtige Objekte im Vordergrund beim Nachzeichnen von Fotos berücksichtigt werden, wird der SIOX-Algorithmus (Simple Interactive Object Extraction) verwendet, der dabei hilft, solche Objekte automatisch zu identifizieren.

⇡ ZebraTRACE – kostenlose Guilloche-Erstellung

Sämtliche Banknoten sowie Dokumente von nationaler Bedeutung (Diplome, Urkunden, Urkunden etc.) sind auf den ersten Blick leicht zu erkennen. Diese „Erkennbarkeit“ des Dokumentdesigns wird durch subtile, sich wiederholende Muster gewährleistet, die sich durch die Hauptzeichnung ziehen. Solche Linien werden Guilloche genannt.

Guillochemuster können manuell in einem Vektoreditor gezeichnet werden, aber ohne spezielle Add-ons und Kenntnisse zum Erstellen solcher Muster kann dieser Vorgang lange dauern. Kostenloses Dienstprogramm ZebraTRACE hilft bei der Lösung solcher Probleme.

Dieses Programm zeichnet Bilder nach und kombiniert sie mit einem Guillochemuster. ZebraTRACE verwendet die parametrische Guilloche-Generierung. Jeder Mustertyp, der mit der Anwendung erstellt werden kann, wird durch eine mathematische Formel bestimmt. Wenn also Lust und freie Zeit zum Experimentieren vorhanden sind, kann der Benutzer einzigartige Zeichnungen erhalten.

Das Erstellen neuer Guillochen ist sehr einfach. Versuchen Sie, geringfügige Änderungen an der Mustergenerierungsformel vorzunehmen, beispielsweise den Koeffizientenwert von 2 auf 3 zu ändern, und das Muster wird sich ändern. Für diejenigen, die mit ZebraTRACE nicht kreativ werden möchten, enthält das Programm ein Dutzend Voreinstellungen mit Formeln, mit denen Sie die gängigsten Guillochen erstellen können.

⇡ Fazit

Kostenlose Tools zum Arbeiten mit Vektorgrafiken sind nicht so verbreitet, wie wir es gerne hätten, aber dennoch gibt es sie. Gut ist auch, dass es mit der Entwicklung des HTML5-Standards und anderer Webtechnologien möglich geworden ist, den Browser als Vektorgrafik-Editor zu nutzen – davon konnte man bisher nur träumen. Bei einfachen Projekten sparen solche Tools viel Zeit, und wenn Sie Inkscape verwenden, können Sie den Kauf eines Vektoreditors für Ihre Designanforderungen vollständig vermeiden.