Erstellen eines Vektor-Bild in Photoshop
Ich möchte Ihnen eine Technik, um zu zeigen, wie aus einem Foto Referenz in Photoshop vektorisieren. Oft werden von Photoshop Vektor-Funktionen schnell durch diejenigen, die mit echten Vektor-Programme, wie Adobe Illustrator, Corel Draw, oder Macromedia Freehand abgeschossen. Und, ja, Photoshop Vektor-Formen sind keineswegs eine Galionsfigur im Vergleich bedeutet, aber welche Werkzeuge zur Verfügung Angebot keine wirkliche Einschränkung, was sie tun können.
HINWEIS: Seit Version 6 Photoshops Vector Fähigkeiten verbessert haben und für einen kurzen Überblick sieht diese Spezifikation von Adobe.
Kurze Erläuterung: Rastor vs Vector
Rastor ist rein Pixel basiert und einfach bedeutet, dass ein Bild von Farbwerten zugeordnet, um es auf einem Pixel für Pixel erzeugt wird. (Am häufigsten Fotos und gescannte Bilder).
Vektor ist Objektes (Form) auf der Grundlage von Ankerpunkten aneinander gebunden einen festen Gegenstand zu bilden (wenn diese Verankerungspunkte verbinden / Verbindung). Diese Ankerpunkte aufeinander folgen in einem Punkt-für-Punkt- oder Linien-by-line Bildung entlang eines Pfades.
Die Früchte ernten:
Der wahre Vorteil von Vektorformen und Wege ist, dass es nicht auf die Auflösung begrenzt ist, im Gegensatz zu rastor, nicht die Skalierung Richtung egal, es macht immer noch Qualität und Schärfe.
Vektorformen können auch neu geformt und stilisiert werden. die meisten Filter erfordern jedoch, dass die Form, bevor Sie fortfahren rastorized werden. (So immer ein Backup der ursprünglichen Form vor Filtern !.)
Die Nummer eins Tool ist Geduld, zusammen mit der Praxis. Erwarten Sie nicht, es beim ersten Versuch zu bekommen, noch die zweiten. oder sogar die dritte. Ich habe sicher nicht.
Die wichtigsten Instrumente sind auf der Symbolleiste bzw. das ‚Stift-Werkzeug (P)‘, das ‚Pfadauswahl-Werkzeug (A) die 'Shape Werkzeuge (U)'.
Betrachten Sie den Bereich, den ich unten eingeschlossen sind als die Werkzeuge, mit all den Vektorfunktionen gebaut. Es ist nur eine Sache zu wissen, wie sie zu benutzen.
Das Stift-Werkzeug ist für die Erstellung jener Punkt-für-Punkt- oder Linien-by-line Formen durch einen Pfad Richtung Ihrer Wahl beschränkt verwendet ..
Die restlichen Stiftwerkzeug-Optionen werden für die Manipulation beliebigen Ankerpunktes verwendet man zuvor von dem Zeichenstift-Werkzeug erstellt.
Das Pfadauswahl-Werkzeug wird verwendet, um das gesamte Objekt aus einer x, y-Position auf dem Dokument zu einem anderen zu manipulieren.
Das Direct Selection Tool bietet freetransform Optionen zu einem einzigen Ankerpunkt oder auf den Pfad zwischen zwei beliebigen Ankerpunkten.
Die Form-Tools sind vordefinierte Formen in Photoshop gebaut. Vorgefertigte Form Vektor-Masken, die mit Ihrem eigenen Formen in Kombination verwendet werden können. Sie können leicht Ihre Bedürfnisse manipuliert werden, indem die beiden Werkzeuge previosly erwähnt zu entsprechen.
Unten ist die iamge (das Minicar) Ich werde neu erstellen die Vektor Look and Feel zu geben.
Die Qualität des Bildes ist nicht so sehr ein Problem in diesem Fall solange, genug Detail zu verfolgen Theres.
Lässt dieses Tutorial beginnen, indem das Quellbild opeing.
‚Datei / Öffnen‘ und suchen Sie nach der Quelldatei namens theimage.jpg.
Wenn Sie das getan haben, ist alles Photoshop tun wird die Quelldatei geöffnet, aber im Prozess sperrt sie in seine eigene Schicht, wie ich aufgenommen haben.
Was wir tun müssen, um in erster Linie ist diese Datei speichern zu Photoshops Dateiformat .psd.
gehen neben ‚Datei, Speichern unter‘ und aus der Dropdown ‚Format‘ Optionen wählen ‚Photoshop (* .PSD, * .PDD)‘ und drücken Sie die Befehlsoption ‚Speichern‘. (Natürlich kennen die ‚Save In‘ Sein Standort-Option an der Spitze)
Als nächstes lässt, dass die Basisschicht entriegeln und in eine neue und separate Schicht drehen.
Tun Sie dies durch einen Doppelklick auf die verriegelte Schicht. Sie werden mit einem ‚Neue Ebene‘ Dialogfenster aufgefordert. Geben Sie einen neuen Namen, wie ich aufgenommen haben und drücken Sie die ‚OK‘ Schaltfläche.
Als nächstes läßt die ursprüngliche ‚theImage‘ Ebene duplizieren und wenn Sie ein neues ‚Layer Set‘ alle einzelne Objekte (mehr Schichten) zu speichern, mit Photoshop 7, erstellen. Tun Sie dies, indem Sie unten auf dem Ordnersymbol klicken, die ‚Ebenen-Palette‘, doppelklicken Sie auf dem ‚Set 1‘ Standardtextkopf und ändern, was ich habe (Elemente).
Das mächtige Stift-Werkzeug
Beginnen wir durch einen soliden Überblick über das ganze Auto zu schaffen.
Stellen Sie die Vordergrundfarbe durch die ‚Pipette (I)‘ die Wahl des dunkelsten Bereich des Bildes zu probieren. In diesem Fall ist es zu schließen schwarz.
Als nächstes wählen Sie das ‚Stift-Werkzeug‘ in der Symbolleiste. Und oben auf der ‚Optionen Toolbar‘, stellen Sie sicher, dass die ‚Shape Layers‘ Option ausgewählt ist, wie ich (in orange Umriss) aufgenommen haben.
Dann starten Sie einfach ‚Ankerpunkte‘ in Bereichen hinzugefügt, wo Sie denken, sie werden einige Anpassungen erfordern.
TIPP: Strg + (Plus-Zeichen Key) zum Vergrößern und Strg + (Minus-Zeichen-Taste auf Bereiche verkleinern, die besondere Detail muß ich tun, um diese viel näher zu erreichen..
HINWEIS: Um die ‚theImage Kopie‘ Schicht oben Indem skizziert den Weg, ohne zu stören den Blick auf meinen nächsten Ankerpunkt durchscheinen. Through dieses Tutorial werde ich viel Sichtbarkeit dieser Schicht wird Makel.
Schließen Sie die Ankerpunkte
Ihre Art und Weise um den Minicar Nachdem mit dem ersten Ankerpunkt verbindet eine feste Form zu erstellen. Dann blenden Sie die ‚theImage Kopie‘ Schicht, um zu sehen, wie es aussieht. (Wie ich aufgenommen haben.) Können dann beginnen, diese Ankerpunkte Manipulation der Minicar richtig zu wickeln / passen.
Dies ist, was die ‚Ebenen-Palette‘ sieht nun, mit der neuen Vektor Formebene in blau highlighed. Auch, wenn Sie klicken Sie auf die ‚Pfade‘ Register der Ebenen-Palette können Sie die ‚Pfade‘ Version dieser Schicht sehen.
Wandeln Sie Ankerpunkte
Drehen Sie nun die Sichtbarkeit Modus der Ebene ‚theImage Kopie‘ wieder auf.
Wählen Sie das ‚Ankerpunkt-konvertieren‘ Tool und beginnt die Bereiche Verpackung, die Krümmung zum Bild benötigen.
Stellen Sie sicher, dass die ‚Shape 2‘ Ebene ausgewählt ist, in der ‚Ebenen-Palette‘.
Mit dem ‚Ankerpunkt-konvertieren‘ Tool, begann ich auf dem Vordergrund Rad, klicken Sie auf den ‚Ankerpunkt‘, und ziehen Sie in die Richtung meines (schwarz) Pfeil zu ihm beginnt die darunter liegende Schicht paßt.
TIPP: ‚Convert Anchor Point‘ erstellt zwei Bezier-Handler Punkte, für eine weitere Krümmung Kontrolle.
Beginnen Sie, um sich bequem mit dem ‚Ankerpunkt-konvertieren‘ Tool und arbeiten Sie sich um die Form Weg und versucht, eine enge eine Verpackung wie möglich zu erhalten.
TIPP: Nachdem einige Ankerpunkte konvertieren, werden Sie feststellen, dass einige der ursprünglichen Ankerpunkte waren überhaupt nicht notwendig. In der Tat, je weniger die Ankerpunkte desto glatter ist die Krümmung! Verwenden Sie den ‚Ankerpunkt löschen‘ Werkzeug unerwünschte Anker eleiminate.
Hier ist meine endgültige Form nach so viel von dem ‚Ankerpunkt-konvertieren‘ Tool wie möglich anzuwenden.
Wir werden dies für die Basis verwenden (dunkelste unter Schicht).
Jetzt ist es das, was der Körper des Autos aussieht.
Als nächstes kann an den Fenstern zu arbeiten.
Drücken Sie die ‚theImage Kopie‘ (schwarze) wieder auf und verstecken ‚Shape 2 Kopie‘ Schicht (die blaue).
Wählen Sie das ‚Stift-Werkzeug (P)‘ wieder, und bis auf die ‚Optionsleiste‘ stellen Sie sicher, ‚subtrahieren von Flächenform (-)‘. Eingeschaltet ist (ich habe in orange umrandet)
Drücken Sie die ‚theImage Kopie‘ Sichtbarkeit Modus aus, um zu sehen, was passiert.
Ihr Abzug von der gleichen Form Schicht, was die Illusion von Transparenz.
die gleiche Wirkung auf die beiden anderen Fenster anzuwenden, ohne eine neue Ebene hinzufügen, halten Sie einfach Strg + Alt, dann klicken und diese Subtraktion Pfad ziehen zu duplizieren. (Tun Sie dies zweimal.) Legt dann die doppelten Formen an ihrem Platz.
Verwenden Sie das ‚Konvertieren Anchor Point‘ Werkzeug wieder die Ecken zu definieren, in den richtigen Positionen zu wickeln.
Wenden Sie die gleiche Technik auf die ‚Form 2 Kopie‘ Schicht, außer Spur entlang den Vordergrund Fenster ein endgültiges Bild zu bekommen, wie ich aufgenommen haben. (Die ganze Zeit haben ‚Shape 2‘ Sichtbarkeit aus.)
Nun, da wir die Kruste der Vektorform an der richtigen Stelle, der Rest ist einfach das Hinzufügen von neuen Formen, Linien und einige tekturen. Wir werden später in diesen Fenstern füllen!
Der ihm Tiefe
Weiter gelten die gleichen Techniken wie wir die die Grundform Schicht auf die (weiß) Dach des Autos hat zu schaffen. Mit Hilfe der 'Stift-Werkzeug (P)' Ankerpunkte hinzufügen, dann 'Convert Anchor Point Tool' Krümmung zu schaffen.
Als nächstes zieht mit dem ‚Ellipse Werkzeug (U)‘ in der Werkzeugleiste, die Kappe wieder Nabe, dann hält in einer zweiten Ellipse (der Vordergrund Radkappe), um die ‚Shift‘ -Taste und zieht.
Um genau zu positionieren, + Ctrl auf der neuen Ellipse klicken, dann klicken Sie rechts auf einer einzigen Ellipse und wählen ‚Free Pfad umwandeln‘. Wieder rechts klicken, und wählen Sie ‚Verzerren‘. Zwicken die cornor Begrenzungspunkte, bis in der Position, wie die Naben in dem Bild. Wiederholen Sie dies für die anderen Hub.
Ich begann auch die Scheinwerfer (auf eine neue Ebene) mit der gleichen Technik. (Ellipse-Werkzeug
zwicken in Position)
Da neue Schichten hinzugefügt werden und sie könnten türmen, sein sinnvoll, sie angemessen zu nennen. (Ich dachte, es ist hier möglich, so wenig Ebene wie möglich zu verwenden, da ich mit dem Hauptkörper tat)
Als nächstes begann ich die Stoßstange hinzufügen. Auch hier verwenden, um das perfekt auf die ursprüngliche Bildquelle zu wickeln ‚Stift-Werkzeug (P), um den Bereich zu verfolgen,‚Konvertieren von Anchor Point Tool‘. (Es ist alles Routine jetzt, nicht wahr!)
Ich bewarb mich dann einen Ebenenstil an der Stoßstange es eine etwas Chrom-Effekt zu geben.
Klicken Sie rechts auf die ‚Stoßstange‘ Ebene und wählen Sie ‚Blending-Modi‘ die folgenden drei Aufnahmen anzuwenden.
Ich werde nächstes beginnen einige der feinen Linien hinzuzufügen, die von den Türen und in anderen Bereichen umfassen.
Wählen Sie das ‚Stift-Werkzeug (P)‘ wieder, es sei denn, dieses Mal, bis auf der ‚Optionsleiste‘ die Option ‚Pfade‘, wie ich aufgenommen haben.
Erstellen Sie eine neue Ebene, und nennen es ‚Linien‘. Diese Schicht sollte oberste positioniert werden, um für sie zu zeigen.
So Toolbar - Stift-Werkzeug ausgewählt, Optionsleiste - Pfade ausgewählt, beginnt Klick / Hinzufügen Ankerpunkte in die Richtung, die von der Hauptbeifahrertür umfasst.
Drücken Sie die (P) Taste erneut wählen Sie das ‚Stift-Werkzeug‘, dann die Maus über den der Weg, den Sie in der ‚Linien‘ Layer erstellt, mit der rechten Maustaste und wählen ‚Stroke Pfad‘ Option.
Sie werden von einer ‚Tool Preset‘ aufgefordert werden, wählen zu verwenden, um den neuen Hub zu erstellen. Wählen Sie, ‚Pinsel‘ aus der Dropdown-Liste, drücken Sie dann den Befehl ‚OK‘.
I reduziert dann die ‚Undurchsichtigkeit‘ der Leitungsschicht auf 54% es zu erweichen.
Ich ging dann voraus (mit dem gleichen oben Stift-Werkzeug / Wege / Stroke Pfad Technik auf anderen Linien.
Ich habe auch den Frontgrill und den gleichen Stil wie die Stoßstange oben angewandt.
Hinzugefügt wurde die Scheibenwischer der Spiegel und die Mini-Logo Wappen auf der Vorderseite.
TIPP: Für reas, die zu klein sind, mit dem zu manipulierenden ‚Stift-Werkzeug (P), verwenden Sie das‚Polygon-Lasso-Werkzeug (L)‘den gleichen Klick mit und Ankerpunkte als Stift-Werkzeug hinzufügen, dann abgeschlossen, wenn die rechte Maustaste auf die Auswahl und wählen Sie entweder oder ‚Fill‘ Optionen ‚Arbeitspfad‘.
Für Texturen wie die Highlights kann, verwenden Sie das ‚Polygon-Lasso-Werkzeug (L) um jene Bereiche zu verfolgen, die sie benötigen, rechts klicken und‚Füllen‘, mit einer weichen blauen Farbe (I verwendet # 86A9D7).
so viel wie möglich angewendet, um eine I ‚Filter / Unschärfe / Gaußsche Unschärfe von 1,1 Pixeln‘ (jeweils) und reduziert die ‚Undurchsichtigkeit‘ der Schicht auf 30% nach der Ablaufverfolgung.
Auf einer neue Ebene habe ich den gleichen Polygon-Lasso-Effekt für die dunkleren Bereiche, # 2A579C verwenden. Dann angewandt, um einen ‚Filter / Unschärfe / Gaußsche Unschärfe von 1,1 Pixel‘ und reduzierte die ‚Undurchsichtigkeit‘ der Schicht auf 30%.
Ich werde nächstes die Fenster hinzufügen.
Dazu alles, was wir tun müssen, ist unsere ursprüngliche ‚Form 2‘ für die backgorund Fenster wiederverwenden und die ‚Form 2 Kopie‘ für die forground Fenster.
Zuerst duplizieren Sie die ursprüngliche ‚Form 2‘ Schicht und nennen es ‚backgroundwindows‘.
Sobald seine duplizierten zieht es unter der orignial ‚Shape 2‘ Schicht in der ‚Ebenen-Palette‘, wie ich aufgenommen haben.
Dann drücken Sie die ‚A‘ Taste, um den ‚Direct Select-Tool‘ von der ‚Toolbar‘ auszuwählen, und dann halten Sie die Umschalttaste gedrückt und wählen Sie individuell die Hintergrundfenstern.
Gehen Sie auf die ‚Optionsleiste‘ und ändern Sie die ‚subtrahieren aus Formbereich (-)‘ auf ‚In den Bereich zu formen (+), wie ich in orange ummantelt sind.
Diese Fensterflächen werden nun mit Vordergrundfarbe ausgefüllt werden, in meinem Fall schwarz.
Als nächstes wird mit dem ‚Direktauswahl-Werkzeug (A)‘ noch aktiv noch auf ‚backgroundwindows‘ Schicht, klicken Sie auf der Außenseite Bahnlinie, wie ich aufgenommen haben und drücken Sie die ‚Löschen‘ -Taste auf der Tastatur. Jetzt müssen wir ahve sind die Fenster, das ist unser Ziel hier. Sicherlich spart viel Zeit sie wieder in Zeichnung.
Nun kann die Fenster mit einem weißen Farbton anpassen. Tun Sie dies einfach durch einen Klick auf den ‚Layer-Thumbnail‘, wie ich aufgenommen haben. Und die Farbe auf weiß (#ffffff) in der ‚Color Picker‘ Dialogfeld. Dann eingestellt, dass Schichten Opazitätsgrad bis etwa 23%.
Wenden Sie die gleiche Technik auf die ursprüngliche ‚Form 2 Kopie‘ Schicht.
Duplizieren, zieht unter dem ursprünglichen, ‚Direct Select Tool‘ und Shift-Taste auf die Vordergrundfenster wählen, ‚Optionsleiste‘ und wechseln Sie auf ‚Add Bereich gestalten‘, dann löschen Sie den äußeren Pfad, so dass die Vordergrundfenster bleiben.
Klicken Sie auf das ‚Layer-Thumbnail‘ und ändern ihre Farbe auf weiß, reduzieren Opazität auf etwa 43%.
Alles, was jetzt sind feine Details bleibt, ist Menge an Ihnen. Unten ist mein endgültiges Bild Detail an den Naben, Lichter, weitere Highlights nach der Zugabe. Hoffe, dass Sie dieses Tutorial genossen.
Eine szenische Version.