Vektorbild in Photoshop. So konvertieren Sie Bitmaps in Vektorbilder in Photoshop

In diesem Tutorial zeige ich Ihnen, wie Sie ein Farbfoto in Schwarzweiß konvertieren. Vektorzeichnung ohne das Stiftwerkzeug zu verwenden.

Schritt 1.Öffnen Sie das Foto in Photoshop.

Ich werde sofort reservieren, dass Fotografien, auf denen die Figur einer Person auf weißem Hintergrund ist, zum Abschluss dieser Lektion geeignet sind. Wenn Sie keines zur Verfügung haben, muss vor Unterrichtsbeginn das vorhandene Foto vorbereitet werden.

Trennen Sie die Figur mit den Auswahlwerkzeugen vom Hintergrund und kopieren Sie die Auswahl auf eine neue Ebene. Benennen Sie diese Ebene in "Form" um. Erstellen Sie eine neue Ebene, füllen Sie sie mit Weiß und benennen Sie sie in "Hintergrund" um. Verschieben Sie diese Ebene im Ebenenbedienfeld so, dass sie sich unter der Ebene „Form“ befindet. Verschmelzen Sie die Ebene „Hintergrund“ mit der Ebene „Form“. Benennen Sie die resultierende Ebene in "Basis" um.

Schritt 2 Als Nächstes wenden wir eine Isohelium-Anpassung auf die Basisebene an, um eine Schwarz-Weiß-Silhouette zu erhalten. Es ist durchaus möglich, dass Sie beim ersten Mal nicht sicherstellen können, dass alle Details, die Sie benötigen, auf der Silhouette sichtbar sind. Daher erstellen wir mehrere Kopien der Ebene „Basis“, sodass wir auf jeder mit unterschiedlichen Einstellungen für „Isohelia“ eine Silhouette mit den erforderlichen Details erhalten.

Deaktivieren Sie deren Sichtbarkeit, nachdem Sie zwei oder drei Kopien der Ebene „Basis“ erstellt haben. Stellen Sie sicher, dass Sie nur die Base-Ebene aktiv haben.

Schritt 3Übernehmen (Bild – Anpassung – Schwelle). Ich habe die folgenden Einstellungen verwendet, um die Basis der Silhouette zu erhalten:

Schritt 4 Jetzt wenden wir einen Diffusionsfilter auf die Ebene an, um die gezackten Kanten zu glätten. Filter - Styling - Diffusion(Filter - Stilisieren - Streuen)

Lassen Sie uns nun loslegen, um die Kanten des Bildes schärfer zu machen Bild - Korrektur - Ebenen(Bild – Anpassung – Stufen), verschieben Sie den rechten und linken Schieberegler näher an die Mitte. Um das Ergebnis besser kontrollieren zu können, zoomen Sie auf 300 % heran, bevor Sie die Anpassung anwenden.

Wiederholen Sie erneut die Schritte mit dem „Diffusion“-Filter und der „Levels“-Korrektur

Schritt 5 Aktivieren Sie die Sichtbarkeit für die Ebene "Base_1". Sich bewerben Bild - Korrektur - Isohelia(Bild - Anpassung - Schwellenwert).

Schritt 6 Wiederholen Sie Schritt 4 für die Ebene "Basis _1".

Schritt 7 Erstellen Sie eine neue Ebene, füllen Sie sie mit Schwarz und verschieben Sie sie im Ebenenbedienfeld unter die Ebene „Basis“. Ändern Sie den Mischmodus für die Ebene „Base_1“ in „ Unterschied(Unterschied). Hier ist, was in dieser Phase passiert ist.

Schritt 8 Das Mädchen stellte sich als ziemlich hässlich heraus, aber es ist alles reparabel. Aktivieren Sie die Basisebene, fügen Sie hinzu Ebenenmaske. Mit Hilfe eines Radiergummis löschen wir die „erschreckenden“ Bereiche im Gesicht des Mädchens.

Schon viel besser. Allerdings hat uns das linke Auge meiner Meinung nach etwas im Stich gelassen.

Schritt 9. Schalten Sie die Sichtbarkeit für die Ebene „Base_2“ ein und wenden Sie Isohelia so an, dass ein klarer Umriss des Auges erscheint. Wiederholen Sie Schritt 4. Verwenden Sie das Werkzeug " Lasso» Markieren Sie den Bereich mit dem Auge und fügen Sie eine Ebenenmaske hinzu.

Wenn Sie mit dem Ergebnis zufrieden sind, kleben Sie die Schichten zusammen.

Sagen wir, wir haben welche Bitmap und wir möchten es in Vektorform (oder in Kurven) erhalten. Was müssen wir dafür tun? Zunächst benötigen Sie Adobe Illustrator.

Die Version ist egal.

Verfahren

Öffnen Sie unsere Bitmap in Adobe Illustrator. Dazu können Sie mit der rechten Maustaste auf das Bild klicken und im Dropdown-Menü Öffnen mit ... > Adobe Illustrator auswählen oder Illustrator starten und das Bild auf die Arbeitsfläche ziehen.

Original Bild

Wählen Sie in der Symbolleiste das Werkzeug " Auswahl» (schwarzer Pfeil) und klicken Sie auf diesen Pfeil auf unserem Bild. In diesem Fall sollte das Bild hervorstechen. Um dies zu testen, können Sie versuchen, es ein wenig zu verschieben, indem Sie die linke Maustaste gedrückt halten, während sich der Mauszeiger über dem Bild befindet (Drag-and-Drop).

Oberhalb des Arbeitsbereichs finden wir die Schaltfläche " Schnelle Spur“ und klicken Sie auf den Pfeil daneben. Es zeigt alle verfügbaren Optionen für diese Aktion. Wir brauchen einen Gegenstand Verfolgungsoptionen...". Wenn wir darauf klicken, öffnet sich ein Fenster mit Parametern.

Wählen Sie auf der rechten Seite des Optionsfensters " Aussicht". Dies hilft, ein besseres Ergebnis zu erzielen und zu verstehen, wofür jeder der Parameter verantwortlich ist.

1) tun Sie es auf wissenschaftliche Weise, das heißt, Sie müssen in den Tooltips lesen, welcher der Parameter was beeinflusst, und die erforderlichen Werte einstellen;

2) Experimentieren Sie selbst mit den Parametern, indem Sie die sogenannte "wissenschaftliche Poke-Methode" verwenden.

Ich bevorzuge den zweiten Weg: Erstens vermittelt die russische Übersetzung eines Wortes nicht immer die Bedeutung, die dem Original innewohnt, und zweitens ist es auf diese Weise oft schneller und leichter zu merken. Sie ändern die Einstellung. Sehen Sie, was es (visuell) beeinflusst. Kombinieren Sie mehrere Optionen. Und so weiter, bis ein mehr oder weniger akzeptables Ergebnis erreicht ist.

Das resultierende Vektorbild.

Wenn das Bild bereits der Wahrheit ähnlich ist, klicken Sie im Fenster der Verfolgungsparameter auf " Verfolgung“ und im Menü über dem Arbeitsbereich die Schaltfläche „ zerlegen". So erhalten wir das Originalbild, aber bereits in Kurven.

Wenn Sie mit dem Ergebnis nicht zufrieden sind, können Sie es verfeinern. Verwenden Sie dazu das Tool Auswahl» Es ist notwendig, alle erstellten Kurven auszuwählen (linke Maustaste drücken und bei gedrückter Maustaste das gesamte Bild umkreisen). Zum Menüpunkt gehen Ein Objekt» > « Transformation» > « Skalierung“ und verkleinern Sie das Bild so, dass es groß genug für eine einfache Bearbeitung ist. Wählen Sie dann das Werkzeug aus direkte Auswahl» (weißer Pfeil). Klicken Sie mit diesem weißen Pfeil nacheinander auf jeden Knoten und richten Sie die Splines nach Bedarf aus: Wenn ein Scheitelpunkt ausgewählt ist, erscheinen in der Nähe Schnurrhaare, durch deren Ziehen Sie die Krümmung des Splines ändern können.

Ergebnis im Grid-Modus

Außerdem kann ein besseres Ergebnis erzielt werden, wenn Sie zunächst ein großes Bild in guter Qualität aufnehmen. Wenn Sie also in Zukunft keine Zeit mehr damit verbringen wollen, Spline-Knoten zu hacken, verwenden Sie hochwertige Bilder als Rohmaterial für das Tracing!

In diesem Photoshop-Tutorial verwandeln wir ein gewöhnliches Foto eines Mädchens in eine Vektorzeichnung.

Dies ist eine ziemlich schwierige Lektion, die viel Zeit in Anspruch nehmen wird, aber es lohnt sich! Dank dieser Lektion werden Sie verstehen, wie Vektorbilder von Menschen gezeichnet werden.

Wir verwenden hier keinen Filter, nur das Stiftwerkzeug. Wenn Sie nicht wissen, wie Sie das Stiftwerkzeug verwenden, lesen Sie .

Suchen Sie die Fotos, die Sie in Vektorgrafiken umwandeln möchten.

Duplizieren Sie es und gehen Sie in das Menü Bild > Anpassungen > Posterisieren (Bild - Korrektur - Posterisieren) und wählen Sie dort die gewünschte Anzahl von Stufen aus. Je mehr Ebenen, desto detaillierter wird Ihr Vektorbild.

Markieren Sie das Gesicht und den Hals des Mädchens (freigelegte Hautbereiche) mit Verwenden Sie das Pipettenwerkzeug, um die Farbe der Haut aus dem Foto auszuwählen. Füllen Sie die Auswahl mit dieser Farbe.

Skizzieren Sie das Haar erneut, füllen Sie es mit Schwarz und platzieren Sie diese Schicht unter der Gesichtsschicht.

Da wir einige Haarpartien an den Schläfen und auf der Stirn verloren haben, müssen wir sie fertig machen. Tun Sie dies auf einer neuen Ebene über der Gesichtsebene.

Kreisen Sie die Ränder der Kleidung ein. Denken Sie daran, dass jedes Detail solide sein muss. Wir werden später Schatten zeichnen ...

Und jetzt entscheiden Sie sich basierend auf Ihrer posterisierten Basis und dem Originalbild für eine neue Ebene, die Sie malen werden, und mit ihrer Farbe.

NEHMEN SIE NIEMALS FARBE VON DER POSTERISIERTEN SCHICHT! DIE FARBEN DARAUF SIND FALSCH, SIE BRAUCHEN ES NUR, UM DAS LEVEL ZU ZEICHNEN.

Malen Sie weiter die Töne auf der Haut. Ebenen mit Schatten sollten nach folgendem Prinzip übereinander gelegt werden: helle Ebenen - unten, dunkle - oben.
Wenn Sie mit der Haut fertig sind, führen Sie alle diese Ebenen zusammen.

Da wir zwei Schichten mit Haaren haben, machen Sie ganz oben eine neue Schicht und zeichnen Sie leichte Strähnen darauf.
Wenn das Haar auf Ihrem Foto dunkel ist, ist es einfach, und wenn es hell ist, müssen Sie die während der Posterisierung erhaltenen Schattierungen genauer zeichnen.

Machen Sie dasselbe mit Kleidung.
Wenn Sie sich das Originalfoto ansehen, werden Sie feststellen, dass die Halskette auf dem Bild fehlt. Es ist okay, so sei es.

Wenn die Person auf dem Foto etwas übergewichtig ist oder ein Detail hat, das Ihnen nicht gefällt, dann entfernen Sie es einfach!

Bearbeiten Sie alle verbleibenden Details...

Arbeiten Sie nun an den Augen. Zeichnen Sie zuerst auf einer neuen Ebene die Form des Auges. Erstellen Sie dann eine weitere Ebene und zeichnen Sie Wimpern. Dann fügen Sie beide Ebenen zusammen.

Zeichnen Sie über der Form des schwarzen Auges ein etwas kleineres weißes. Und innerhalb des Weißen befinden sich mehrere Kreise, aus denen sich die Pupille herausstellt.

Wir zeichnen Lippen. Zeichnen Sie zuerst die Form und füllen Sie sie mit der Hauptfarbe.

Zeichnen Sie Schatten und Lichter auf den Lippen sowie im Mund (falls erforderlich).
Wie Sie sehen, wird hier ein Substrat für die Zähne gezeichnet - dies ist die Basis des Zahnfleisches und der Schatten der Zähne.

Und am Ende zeichnen Sie die Zähne selbst und markieren Sie sie.
Denken Sie daran, dass alle Schatten und Lichter mit der Hauptfarbe gruppiert werden müssen.

Und nach mehreren Stunden Arbeit an diesem Foto sehen Sie sich jetzt das Ergebnis an! Wir hoffen aufrichtig, dass Ihnen selbst gefällt, was Sie gezeichnet haben.

Oft wird gefragt, wie man ein Vektorbild in Photoshop erstellt. Wie Sie wissen, ist Photoshop ein Programm zur Bearbeitung Rastergrafiken und ist nicht für die Arbeit mit einem Vektor ausgelegt. AUS Vektorgrafiken spezielle grafische Editoren arbeiten. Aber wenn Sie es wirklich brauchen, aber keine Zeit haben, ein neues Programm zu studieren, können Sie das Bild mit Hilfe einiger Manipulationen in einen Vektor umwandeln.

Was sind Raster- und Vektorbilder und wie unterscheiden sie sich?

Ein Rasterbild ist auch ein Gitter aus Pixeln (Punkten). Für uns alle ist das vertraute digitale Foto nur ein Bitmap-Bild. Ein Vektorbild besteht nicht aus Pixeln, sondern aus geometrischen Grundelementen: geraden Linien, Rechtecken und anderen Formen.

Wenn Sie eine Bitmap verkleinern und dann erheblich vergrößern, wird ihre Qualität unwiderruflich beeinträchtigt. Da jedes Pixel ein Punkt einer bestimmten Farbe ist und alle zusammen ein Bild ergeben. Wenn das Bild verkleinert wird, werden zusätzliche Pixel verworfen, sodass das ursprüngliche Erscheinungsbild nicht wiederhergestellt werden kann.

Durch Skalieren eines Vektorbildes können Sie die Größe ohne Qualitätsverlust ändern. Möglich wird dies durch mathematische Neuberechnungen der Abmessungen der geometrischen Formen, aus denen das Bild besteht.

Mit einem Rasterbild können Sie visuelle Informationen zuverlässig übermitteln, ein Vektorbild hat keinen solchen Vorteil. Vektorgrafiken können zum Rendern von Logos und Umrisszeichnungen nützlich sein. Sie werden keine fotografische Schönheit von ihnen bekommen. Oder es werden sehr komplexe Bilder sein, die aus einer großen Anzahl von Grundelementen bestehen, die tatsächlich Pixel ersetzen.

Ein einfaches Beispiel für die Konvertierung eines Rasters in einen Vektor

Der Vektor besteht also aus geometrischen Formen. Photoshop verfügt über Werkzeuge zum Erstellen von Pfaden. Die Kontur ist eine geometrische Figur. Um ein Vektorbild in Photoshop zu erstellen, müssen Sie einen Umriss des Bildes erstellen. Dabei helfen uns die Tools der Gruppe. Auswählen: Rechteckiges Auswahlwerkzeug, Elliptisches Auswahlwerkzeug,** Zauberstab-Werkzeug , **Schnellauswahl-Werkzeug und "Stift" / Stiftwerkzeug.

Um den Vektor ordentlich zu machen, sollten Sie ein möglichst hochwertiges Rasterbild wählen, da sonst die Konturen manuell gezeichnet werden müssen.

Öffnen Sie das Bitmap-Bild in Photoshop (das gebräuchlichste Bitmap-Format ist JPG). Logos, Konturzeichnungen, Skizzen sind sehr einfach zu verarbeiten. Um eine Vektorskizze eines Porträts zu erhalten, können Sie das Porträt zunächst mit in eine Skizze umwandeln "Galerien filtern", oder verwenden Sie fertige Pop-Art. Wie man damit arbeitet "Galerie filtern" und schnell Pop-Art aus Fotos erstellen, über die wir in früheren Artikeln gesprochen haben. Für dieses Beispiel nehmen wir ein fertiges Pop-Art-Porträt. Wir haben es bewusst aus einem Foto mit nicht der besten Auflösung erstellt. Daher zeigt uns die Vektorversion einen merklichen Unterschied.

Um mit Konturen zu arbeiten, müssen Sie die Registerkarte aufrufen "Konturen" / Pfad zur Ebenenpalette. Gehen Sie dazu in das Menü "Fenster" / Fenster und aktivieren Sie das Kontrollkästchen "Konturen" / Pfad. Das Lesezeichen wird in der Ebenenpalette angezeigt.

Das Bild hat 4 Farben (der Hintergrund wird nicht mitgezählt). Wir nehmen das Werkzeug "Zauberstab"/Zauberstab-Werkzeug und wählen Sie die erste Farbe aus. Um alle Bereiche auszuwählen, die durch Inseln im Bild verstreut sind, halten Sie gedrückt Wechsel.

Wenn die erste Farbe ausgewählt ist, wählen Sie das Werkzeug aus "Lasso" / Lassos oder Rechteckiges Auswahlwerkzeug und klicken Sie mit der rechten Maustaste, ohne die Auswahl aufzuheben. Wählen Sie im Kontextmenü aus Arbeitspfad machen.

Geben Sie im Dialogfeld die maximale Glättung an "Toleranz" / Toleranz(von 1 bis 10; je niedriger die Zahl, desto besser wiederholen sich die Konturen). Wir drücken OK.

Lesezeichen "Schaltkreis" Die erste Schleife wird angezeigt. Auf dem Bild wird es in Form von Kurven mit Punkten sichtbar. Sie können mit einem Werkzeug ausgerichtet und justiert werden Knotenauswahl-/Direktauswahl-Tool. Wählen Sie mit diesem Werkzeug einen Punkt aus und passen Sie entweder die Kurve an, indem Sie die Antenne des Punktes verschieben, oder verschieben Sie den Bogen selbst.

Lesezeichen "Schaltkreis"ändern Sie den Namen der Schaltung. Doppelklicken Sie dazu darauf und ändern Sie den Namen im Dialogfeld.

Mit den restlichen Farben führen wir alle beschriebenen Schritte durch. Als Ergebnis erhalten wir vier Konturen für jede Farbe.

Nachdem Sie die Konturen erhalten haben, müssen Sie noch einen Vektor erstellen. Gehe zum Lesezeichen "Ebenen" / Ebene Erstellen Sie in der Ebenenpalette eine neue Ebene Umschalt+Strg+N. Wir setzen die Hauptfarbe auf diejenige, in der wir die erste Kontur einfärben werden.

Zurück zum Lesezeichen "Schaltkreis", werden wir auf der ersten Kontur. Im Hauptmenü unter "Ebenen" / Ebenen wählen "Neue Füllfarbe" / Neue Füllebene - "Farbe"/Einfarbig. Klicken Sie im sich öffnenden Fenster auf OK.

Gehen Sie jetzt zum Lesezeichen "Ebenen" / Ebenen, sehen Sie die erste Vektorebene auf der neuen Ebene.

Lassen Sie uns diese Schritte für jeden Stromkreis durchführen.

Also bekamen wir vier Figuren, die das Porträt ausmachten. Jetzt können Sie es in einer Datei mit der SVG-Vektorerweiterung speichern (löschen Sie die Ebene mit dem Originalbild). Klicken Alt+Umschalt+Strg+W(Exportieren als). Wählen Sie im Dialogfeld die SVG-Dateierweiterung aus und klicken Sie auf "Alle exportieren" / Alle exportieren.

Geben Sie im nächsten Dialogfeld wie gewohnt den Dateinamen und den Pfad an.

Das ist alles. Die Methode ist ganz einfach.

Wenn Sie oft mit arbeiten müssen Vektorbilder Vielleicht inspiriert Sie dieser Artikel dazu, Neues zu lernen grafische Editoren. In jedem Fall haben Sie eine weitere nützliche Methode gelernt. Wir wünschen Ihnen gute Arbeit.

Erfahren Sie mehr über Photoshop in den Fotoshkola.net-Kursen

Photoshop verfügt über eine intuitiv vertraute Fensteroberfläche, die in mehrere Arbeitselemente unterteilt ist: das Hauptmenü, das Werkzeugbedienfeld, das Steuerungsbedienfeld, das Dokumentfenster und Paletten. Alle Elemente der Benutzeroberfläche mit Ausnahme des Hauptmenüs können auf dem Bildschirm an für Sie bequemen Positionen platziert werden, indem Sie sie einfach ziehen. Bewegen Sie dazu den Mauszeiger über die Kopfzeile des Bedienfelds, halten Sie die rechte Maustaste gedrückt und verschieben Sie das geöffnete Bedienfeld an eine geeignete Stelle des Bildschirms. Sie können auch zusätzliche Paletten hinzufügen oder entfernen, indem Sie sie aus dem Menüpunkt "Fenster" / Fenster des Hauptmenüs aufrufen.