Welche Vorbereitungen können an einem Foto getroffen werden, um es dann etwas einfacher zu illustrieren?

8

Ich arbeite an einem Programm, das viele flache Vektorbilder erfordert. Ich bin mit Photoshop sehr vertraut, aber in der künstlerischen Abteilung bin ich nicht gut genug. Ich habe geübt und bin mit vielen meiner Ergebnisse zufrieden, aber die Entwürfe brauchen Tage, um fertig zu werden. Das Problem, auf das ich immer wieder stoße, ist das "Sehen" der Lichter und Schatten auf Objekten, während ich gleichzeitig das große Ganze sehe.

Ich suche nach einer Möglichkeit, das Bild in Photoshop so nah wie möglich an das gewünschte Endergebnis zu bringen, bevor ich daran arbeite, das gesamte Design zu vektorisieren, damit ich eine Referenz für die Schatten, Lichter und Farbänderungen haben kann. Ich habe versucht, den Cutout-Filter zu verwenden, um dies zu erreichen, aber er erhöht normalerweise nur den Kampf beim Vektorisieren.

Wie kann ich ein Bild in Photoshop bearbeiten, um daraus schnell einen Vektor zu erstellen?

Hier ist zum Beispiel ein Bild, das ich zum Üben verwendet habe, und das endgültige vektorielle Ergebnis.

Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein

Daniel Storm
quelle
Hallo Daniel, ich wünschte, das Tutorial, mit dem ich das gelernt habe, existiert noch ... wenn es nur nicht vor 15 Jahren gewesen wäre, haha, ich mache das schon zu lange. Wie auch immer, führen Sie derzeit Vorbereitungsarbeiten in Photoshop durch, bevor Sie sie in Illustrator nachzeichnen? Gute Ergebnisse!
Ryan
1
@ DanielStorm Okay, noch eine Frage: Gibt es einen Grund, warum Sie den endgültigen Vektor in Illustrator nicht ausführen? Wenn ich ein paar Minuten Zeit habe, werde ich versuchen, ein Tutorial darüber zu erstellen, wie ich es machen könnte - nicht, dass ich Illustrator bin.
Ryan
2
@ JohnManly warum nicht Bild in einer Ebene verwischen und eine andere unscharf machen?
Joojaa
1
Je komplexer das Bild ist, desto schwieriger ist es, es zu vektorisieren. Es gibt eine Site, die ich in der Vergangenheit verwendet habe und die ziemlich gute automatisierte Ergebnisse liefert, wenn Sie sie untersuchen möchten. vectormagic.com/home .
DLev
1
Illustrator scheint mir ein viel geeigneteres Werkzeug zu sein, um alles zu erstellen, was sich mit Vektoren befasst. Mit seinem Trace-Tool können Sie alles sehr schnell vektorisieren, ohne Illustrator
MicroMachine

Antworten:

3

Okay, ich werde es schnell versuchen. Ich verwende https://unsplash.com/photos/VGpp0LcHZT4 als Bild

Geben Sie hier die Bildbeschreibung ein

Ich werde diese Ebene zunächst einige Male duplizieren, damit ich einige Kopien davon habe, und dann werde ich den Medianfilter verwenden. Der Medianfilter ist ein großartiges Werkzeug, um die durchschnittliche Farbe einer Region zu ermitteln und ihr eine fast lackähnliche Qualität zu verleihen. In diesem ersten Durchgang betrachte ich nur das Gesamtbild:

Geben Sie hier die Bildbeschreibung ein

Jetzt verwende ich eines dieser praktischen Duplikate, die das Auge und andere Detailbereiche betrachten.

Geben Sie hier die Bildbeschreibung ein

Halten Sie die Alt-Taste gedrückt, klicken Sie auf Maske und malen Sie die Details ein. Ich habe das Auge und ein bisschen vom Schnabel gemacht:

Geben Sie hier die Bildbeschreibung ein

Okay jetzt werde ich Stamp - Layer Ctrl+ Alt+ Shift+ , Edie mir eine neue Kopie von allem , was als eine Schicht geben. Dann werde ich diese Ebene posterisieren:

Geben Sie hier die Bildbeschreibung ein

Gehen Sie, um diese Posterize-Ebene zu duplizieren. Unten (Original-Poster-Ebene) ändere ich den Mischmodus auf Weiches Licht. In diesem neuen Fall mache ich Filter> Kanten suchen:

Geben Sie hier die Bildbeschreibung ein

Dann benutze ich Farbton / Sättigung, um die Linien zu entsättigen, ändere dann ihren Modus auf Verdunkeln und passe die Deckkraft an deine Bedürfnisse an:

Geben Sie hier die Bildbeschreibung ein

Als letzten Schritt in der Vorbereitung können Sie eine Ebene zwischen den Linien und dem Bild mit einem festen Farbton (etwas Grauton) hinzufügen und die Deckkraft aufhellen, damit Sie die Linien besser sehen können:

Geben Sie hier die Bildbeschreibung ein

Ich würde dies dann in Illustrator einbringen, um diese Segmente zu zeichnen. Beginnen Sie zuerst mit den größten Formen. Lassen Sie die PSD in Photoshop geöffnet, damit Sie unterwegs auf die verschiedenen Ebenen verweisen können. Und da Sie erwähnen, dass Sie Schwierigkeiten haben, Licht und Dunkelheit zu sehen, können Sie jederzeit Leuchtkraftmasken oder eine Palette im HSL- oder LAB-Farbraum erstellen, wenn dies hilfreich ist.

Hoffe das hilft dir. Die andere Sache, mit der Sie schneller illustrieren können, ist viel Übung und die Sicherstellung, dass Sie das Stiftwerkzeug gut verwenden.

Ryan
quelle
1

Threshold ist Ihr Freund, wenn es darum geht, komplexe, detailreiche Fotos in Photoshop in vereinfachte Schwarzweißversionen umzuwandeln. Wenn Sie von der Schwellenwertversion abweichen, erhalten Sie häufig bessere Konturen, die Sie in der Vektorillustration bearbeiten können. Dies ist nur eine Technik, die ich vor der Einführung von Live Trace durch Illustrator verwendet habe und die ich heute noch verwende, um Referenzfotos vor dem Illustrieren zu vereinfachen.

D. Mas
quelle
0

Sie sind wahrscheinlich besser dran, wenn Sie Illustrator verwenden, um ein Vektorbild aus einem Nicht-Vektor zu erhalten.

Illustrator hat eine nette Auto-Trace-Funktion. Obwohl es nicht 100% perfekt ist, kann es die Arbeit in einigen Bildern mit den richtigen Informationen im Bild erledigen.

Öffnen Sie einfach das Bild in Illustrator und klicken Sie in der Symbolleiste auf die Schaltfläche für die automatische Ablaufverfolgung.

Wenn das mit der richtigen Qualität nicht funktioniert, haben Sie möglicherweise kein Glück und müssen alles von Hand erledigen

jminterwebs
quelle
-1

Dies wird eine sehr kurze Antwort sein.

Suchen Sie nach "Cartoon Photoshop" https://www.google.com/search?q=cartoon+photoshop

Es gibt viele Tutorials und Prozesse.

Die Grundlagen sind wahrscheinlich eine Art Posterisierung (Farbreduzierung), Kantenerkennung, Sättigung.

Rafael
quelle
Hey Rafael, es scheint mir, dass dies mehr als ein Kommentar als eine Antwort ist, da es nicht die Lösung an sich bietet, sondern nur Hinweise darauf, wie man sie woanders findet. Stört es Sie, wenn ich es in einen Kommentar umwandle?
Vincent