So vektorisieren Sie ein Bild

Es gibt einige Möglichkeiten, ein Bild zu vektorisieren. In diesem Tutorial verwenden wir Adobe Illustrator und insbesondere das „Pen Tool“ (P), das die gebräuchlichste Methode ist.

1. Zuerst müssen wir unser Basisbild oder Foto auswählen. In diesem Fall werde ich ein Foto des Kolosseums in Rom verwenden, das ich vor einigen Jahren aufgenommen habe (verfügbar über Adobe Stock).

1. Wenn Sie Ihr Bild fertig haben, öffnen Sie Adobe Illustrator CC und erstellen Sie ein neues Dokument.,

Für dieses tutorial erstellen wir eine 5000 x 4000 px, Kunst board mit ein RGB-Farbprofil.

1. Platzieren Sie Ihr Bild in der Mitte/unten des Dokuments und blockieren Sie es im Ebenenbedienfeld, indem Sie auf das Symbol „Sperren“ klicken. Oder wählen Sie das Bild aus und drücken Sie „CMD+2“ (Verknüpfung zum Blockieren von Elementen). Dies hilft Ihnen, das Bild während des Trace-Prozesses nicht zu verschieben.

1. Um den Trace-Prozess zu starten, gehen Sie zum Werkzeugfenster und wählen Sie das“ Stiftwerkzeug „(Verknüpfung:“P“).,

Jetzt müssen wir die Füllfarbe löschen und nur die Linienfarbe belassen.

Wählen Sie eine helle Farbe aus, die sich vom Fotofarbschema unterscheidet. Auf diese Weise können Sie die Zeilen in den nächsten Schritten sehen. Die Farbe spielt an dieser Stelle keine Rolle, wir werden sie später ändern.

1. Wir starten den Tracing-Prozess (vektorisieren) von den markantesten Formen im Bild und enden mit den kleineren Details., Für diese Übung werden wir es auch in Bezug auf Formen und Details „einfach halten“, was einen bestimmten „Illustrationsstil“ des Kolosseums erzeugt.

Jetzt müssen wir mit dem „Stiftwerkzeug“ einen einzigen Punkt hinzufügen, an dem wir den Pfad starten möchten. In diesem Fall oben links im Kolosseum.

Bewegen Sie sich nach dem ersten Punkt nach rechts, um den zweiten Ankerpunkt Ihres Pfades festzulegen.

Bewegen Sie den Cursor bis zum ersten Riss oben.,

Halten sie ihre maus / stift nach dem hinzufügen der zweite punkt, und bewegen es zu den seiten zu arrangieren die kurve von ihre pfad, platzierung es in der gleichen position wie die scheitelpunkt in die top.

Folgen Sie der gesamten Silhouette des Gebäudes und fügen Sie mit dem“ Stiftwerkzeug “ (P) weitere Punkte und Kurven hinzu. Schließen Sie den Pfad an derselben Stelle, an der wir begonnen haben.

1. Wenn der Umriss des Kolosseums abgeschlossen ist, können wir mit dem Erstellen der Innenbögen beginnen – wieder mit demselben „Stiftwerkzeug“ (P).,

1. An dieser Stelle sollte Ihr Bild in der „normalen Ansicht“wie folgt aussehen:

In der „outline“ – Vorschau (Abkürzung „CMD+Y“) sollte es so aussehen:

1. Nachdem wir alle Bögen (die zweithäufigsten Formen des Bildes) fertiggestellt haben, können wir uns zu den horizontalen Linien bewegen und dann zu den Säulen des Gebäudes springen. Denken Sie daran, dass wir die Details vereinfachen werden, also verbringen Sie nicht zu viel Zeit damit, folgen Sie einfach den Hauptformen.,

Vervollständigen Sie in dieser Phase unseres Tracing-Prozesses alle Formen, die wir in unserer Komposition haben möchten. Unten ist, wie es Aussehen wird.

(Sie können das Bild des Hintergrunds ausblenden, indem Sie im Ebenenbedienfeld auf das Symbol „Auge“ klicken – oder das Bild auswählen und „CMD+3″drücken.)

1. Jetzt können wir die Farbe auswählen, die wir für unseren endgültigen illustrierten Vektor verwenden möchten. In diesem Fall beginnen wir mit einer warmen Farbpalette, mit 5 Tönen und einem Farbverlauf – dunkler zu den helleren Farben.,

1. fügen Sie Nun ein Rechteck als hintergrund mit dem „Rechteck-Werkzeug“ (M). Füllen Sie die gesamte Artboard, und wählen Sie die hellere Farbe aus unserer Palette.

Stellen Sie sicher, dass sich diese Ebene auf der Rückseite aller anderen Ebenen befindet. (Wählen Sie dazu das Rechteck aus und klicken Sie mit der rechten Maustaste auf „Anordnen“ und dann auf „Zurücksenden“.)

Dann können wir den Umriss des Kolosseums auswählen und die zweite Farbe auswählen (mit Blick auf das Farbschema von links nach rechts).,

Für den inneren Bereich der Bögen verwenden wir den Farbverlauf, um sie zu füllen. Wählen Sie alle aus und wählen Sie den Farbverlauf mit dem „Pipettenwerkzeug“ (I).

Jetzt können wir die Säulen mit Farbe sowie den Rest der Details füllen. Beachten Sie die Schatten und Lichter des Originalbildes als Referenz.,

Wenn alle Pfade ausgefüllt sind, sollte unsere vektorisierte Illustration folgendermaßen aussehen:

Jetzt ist Ihre Vektorillustration für jedes Designprojekt oder zum Hochladen auf Adobe Stock bereit.

Verwenden wir in diesem Fall eine kostenlose Vorlage von Adobe Stock, um ein Poster über Rom zu erstellen.

Das ist es! Sie haben einen animierten Vektor aus einem Foto erstellt!

---