German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)
Im heutigen Tutorial werde ich Ihnen zeigen, wie Sie ein Vektorporträt mit nur vier Farben erstellen. Es werden verschiedene Füllmethoden und Deckkräfte verwendet, um den Eindruck zu erwecken, dass verschiedene Farbtöne verwendet wurden.
Sie finden die Quelldateien in dem Verzeichnis mit der Bezeichnung "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.
Einführung
Ich werde ein von TasaStock bereitgestelltes Archivbild verwenden, um ein Graustufenporträt mit Farbtupfern und einem Farbverlauf im Haar zu erstellen.
In diesem Tutorial werde ich nur vier Farben verwenden.
- Hellgrau: C=0, M=0, Y=0, K=20
- grau: C=60,59, M=51,57, Y=49,38, K=19,48
- Pink: C=0, M=95, Y=20, K=0
- Grün: C=80, M=10, Y=45, K=0
Wenn Sie dem Tutorial selbst folgen, um eine eigene Version davon zu erstellen, ist dieser "Grauton" möglicherweise nicht genau das Ergebnis, das Sie erhalten. Der Grund für den unregelmäßigen Grauton wird in diesem Tutorial deutlicher.
Schritt 1
Öffnen Sie das Archivbild in Photoshop und schneiden Sie es mit dem Zuschneidewerkzeug (C) auf die gewünschte Komposition zu. Ich habe mich entschieden, mich auf Arme und Gesicht zu konzentrieren, da ich der Meinung bin, dass die Arme dabei helfen, das Porträt zu rahmen und die Augen des Betrachters um das Stück zu lenken.
Schritt 2
Ziehen Sie die Ebene "Background" per Drag & Drop auf das Symbol "Neue Ebene erstellen" in der Ebenenpalette, um sie zu duplizieren.
Ich werde den Kontrast der Aktienreferenz ändern, indem ich voreingestellte Optionen in "Kurven" verwende. Gehen Sie zu Bild > Anpassungen > Kurven und wählen Sie "Heller" aus dem Dropdown-Menü. Klicken Sie dann auf OK. Wiederholen Sie diesen Vorgang mit der Voreinstellung "Linearer Kontrast".
Um das Bild in Graustufen zu ändern, gehen Sie zu Bild > Anpassungen > Schwarzweiß und wählen Sie die voreingestellte "Grünfilter" aus dem Dropdown-Menü. Wenn Sie solche Voreinstellungen verwenden, betonen sie die Kontrastfarben im Bild, sodass ein grüner Filter die Rottöne hervorhebt. Infolgedessen werden die Schattenkonturen der Haut und der Lippen verbessert und können leichter als Richtlinie beim Rendern der Haut verwendet werden.
Schritt 3
Jetzt, da das Referenzbild in Graustufen vorliegt, werde ich für Web und Geräte mit einer Breite von 600 Pixel speichern.
Erstellen Sie in Illustrator ein neues Dokument im Hochformat und gehen Sie dann zu Datei > Platzieren, um das Referenzbild auf die Leinwand zu legen. Ändern Sie mit dem Freien Transformation-Werkzeug (E) die Größe des Bilds auf der Zeichenfläche. Doppelklicken Sie auf den Ebenenordner "Layer 1", benennen Sie ihn in "Reference" um und klicken Sie auf OK. Sperren Sie den Ebenenordner.
Erstellen Sie eine neue Ebene und benennen Sie sie in "BG" um. Zeichnen Sie mit dem Rechteck-Werkzeug (M) ein weiß gefülltes Rechteck über die Leinwand und reduzieren Sie die Deckkraft auf 30%. Sperren Sie den Ebenenordner. Erstellen Sie eine neue Ebene und benennen Sie sie in "Bases" um.
Schritt 4
Bis ich etwas anderes sage, verwenden die gezeichneten Formen die hellgraue Füllfarbe. Erstellen Sie zunächst die Hautgrundformen.
Schritt 5
Erstellen Sie eine neue Ebene und benennen Sie sie in "Shading" um. Ich werde anfangen, die Hautschattierung mit einer Vielzahl von Mischmodi und Opazitäten hinzuzufügen.
Die ersten Formen beziehen sich auf mittlere bis dunkle Schatten und Töne in der Haut, einschließlich Details in den Lippen. Ich habe die Grundhautformen aus dem Ebenenordner "Bases" dupliziert und Pathfinder > Minus Front verwendet, um die hervorgehobenen Bereiche der Haut zu entfernen und die dunkleren Bereiche der Haut zu belassen.
Stellen Sie diese Formen auf Füllmethode Multiplizieren und Deckkraft 10% ein. Wenn Sie die Füllmethode Multiplizieren verwenden, wird über den darunter liegenden Ebenen ein dunklerer Grau-/Schwarzton hinzugefügt - unabhängig von den darunter liegenden Tönen. Multiplizieren ist eine gute Füllmethode zum Hinzufügen von Schatten mit einer Vielzahl von Farben, da auch die Farbe der ursprünglichen Form beibehalten wird.
Schritt 6
Fügen Sie weitere Formen für die mittleren bis dunklen Schattenbereiche hinzu, indem Sie die Füllmethode Multiplizieren und Deckkraft bei 10% verwenden.
Wenn Sie fertig sind, gruppieren Sie die Formen aus Schritt 5 und 6 (Befehl + G).
Schritt 7
Duplizieren Sie die Hautgrundform und platzieren Sie sie über der Gruppe der Formen der Hautschattierung im Ebenenordner "Shading". Wählen Sie beide aus und erstellen Sie eine Schnittmaske (Befehl + 7).
Schritt 8
Ich werde weitere schattierte Bereiche mit dem Farbbrand in der Füllmethode und einer Deckkraft von 25% hinzufügen. Die Füllmethoden Farbig nachbelichten und Farbig abwedeln verhalten sich so, dass der Kontrast aller darunter liegenden Formen erhöht wird. Farbig nachbelichten erhöht die dunkelsten Formen darunter, während Farbig abwedeln die helleren Formen darunter vergrößert. Durch Platzieren von Formen mit Farbig nachbelichten über multiplizierten Formen wird der Schatten in den dunkleren Bereichen (wo sich mehr Formen überlappen) und in den Bereichen mit nicht so vielen überlappenden Formen nicht so stark erhöht.
Nachdem die Formen gezeichnet wurden, gruppieren Sie sie (Befehl + G) und ziehen Sie sie per Drag und Drop in die Gruppe Schnittmaske.
Schritt 9
Beginnen Sie mit dem Hinzufügen von Formen, um der Haut Glanzlichter hinzuzufügen. Diese Formen werden auf Füllmethode Negativ multiplizieren und 10% Deckkraft eingestellt. Wenn Multiplizieren einem Stück Grau-/Schwarztöne hinzufügt, fügt der Bildschirmüberblendungsmodus den darunter liegenden Formen einen weißeren/helleren Grauton hinzu. Denken Sie in diesem Zusammenhang an den Unterschied zu diesen Mischmodi:
- Farbig nachbelichten /abwedeln: Erhöht den Kontrast, um Bereiche aufzuhellen oder abzudunkeln. Dies erhöht die Sättigung der Farbe (n) darunter.
- Multiplizieren/Neqativ multiplizieren : Fügt Schwarz-/Weißtöne hinzu, um Bereiche abzudunkeln/aufzuhellen. Dies verringert die Sättigung der Farbe (n) darunter.
Wenn Sie fertig sind, gruppieren Sie die Formen (Befehl + G) und ziehen Sie die Gruppe per Drag und Drop in die Schnittmaske.
Schritt 10
Ich werde der Haut weitere Details und Tiefe verleihen, indem ich kleinere, dunklere Formen hinzufüge. Diese Formen haben Farbig nachbelichten in der Füllmethode und eine Deckkraft von 60%. Wenn Sie fertig sind, gruppieren Sie die Formen (Befehl + G) und ziehen Sie die Gruppe per Drag und Drop in die Schnittmaske.
Schritt 11
Da ich fokussiertere Formen für Schatten erstellt habe, möchte ich weitere hervorgehobene Bereiche hinzufügen, jedoch mit einer erhöhten Deckkraft wie zuvor. Diese werden auf Füllmethode-Negativ multiplizieren und 30% Deckkraft eingestellt. Nach Abschluss müssen die Formen gruppiert werden (Befehl + G) und dann per Drag und Drop in die Schnittmaske gezogen werden.
Schritt 12
Erstellen Sie einen transparenten linearen Verlauf und fügen Sie dem Porträt Formen hinzu, die auf eine Füllmethode mit Multiplizieren und 100% Deckkraft eingestellt sind. Dies wird dazu beitragen, die dunkleren Schattenbereiche zu glätten.
Wenn Sie fertig sind, gruppieren Sie die Formen (Befehl + G) und fügen Sie sie in die Schnittmaske ein.
Schritt 13
Stellen Sie sicher, dass alle Vektorobjekte sichtbar sind, und zoomen Sie in das Stück um beispielsweise 400-600%. Screenshot der Arbeit und Einfügen (Befehl + V) in Photoshop. Wählen Sie mit der Pipette-Werkzeug (I) den dunkelsten Grauton des Stücks aus. Ich habe das dunkelste Grau oben am Arm gewählt.
Gehen Sie in das Stück und doppelklicken Sie auf die Farbe in der Farbpalette, um den HEX-Code zu erhalten. Kopieren Sie dann diesen Code (Befehl + C). Gehen Sie zurück zu Illustrator, doppelklicken Sie auf eine der Farben in der Palette und fügen Sie den HEX-Code (Befehl + V) in das entsprechende Feld ein. Klicken Sie auf OK und ziehen Sie diese Farbe per Drag und Drop in Ihre Farbfeldpalette. Dies ist der unregelmäßig nummerierte Grauton, wie in der Einleitung beschrieben.
Erstellen Sie eine neue Ebene über dem Ebenenordner "BG". Doppelklicken Sie auf die Ebene und benennen Sie sie in "BG1" um. Zeichnen Sie mit dem Rechteck-Werkzeug (M) ein Rechteck mit dem neuen Grauton über die Zeichenfläche.
Wenn Sie eine Vorschau anzeigen, sehen Sie möglicherweise die Kanten der anderen Formen. Wenn Sie jedoch für Web und Geräte speichern, wird dies nicht wie unten gezeigt angezeigt:
Schritt 14
Mit der grauen Farbe füge ich transparenten Mischungen feste Bereiche um die Bereiche hinzu, in denen die Hautschattierung nicht so dunkel ist. Dies gibt den Anschein, dass die Arme und das Gesicht aus der Dunkelheit kommen.
Schritt 15
Einige der Bereiche, von denen ich glaube, dass sie weitere graue Formen benötigen, um die Formtiefe zu erhöhen. Da die Arme und das Gesicht aus den Schatten kommen und dieser Bereich per Definition der dunkelste ist, werde ich die Verwendung dunklerer Füllmethoden wie Multiplizieren und Farbig nachbelichten vermeiden. Die Formen werden auf Füllmethode Normal und 60% Deckkraft eingestellt. Diese Formen werden nicht in die Schnittmaske aufgenommen (dies gilt auch für die zuvor erstellten Mischungen), da sie auf Haut und Schatten überlappt werden müssen.
Schritt 16
Erstellen Sie eine neue Ebene über dem Ebenenordner "Shading" und benennen Sie sie in "Eyes" um. Was auch immer ich mit einem Auge mache, wiederhole es für das andere. Fügen Sie mit der grauen Farbe Formen um das Auge und für die Iris hinzu, wie unten gezeigt (auf Deckkraft 60% eingestellt). Fügen Sie eine zweite Form mit einer geringeren Deckkraft von 30% hinzu, um den Eindruck eines Schattenwurfs über der Iris zu erwecken.
Schritt 17
Erstellen Sie einen transparenten radialen Farbverlauf mit dem hellgrauen Farbton. Fügen Sie dies zu einer Rahmenform für die Iris hinzu, die auf Füllmethode-Negativ multiplizieren und 40% Deckkraft eingestellt ist.
Schritt 18
Fügen Sie mit demselben hellgrauen Farbverlauf dem Augapfel, dem Augenlid, dem Stirnbein und dem unteren Teil der Iris Glanzlichter hinzu. Stellen Sie diese Formen auf Füllmethode Negativ multiplizieren und 50% Deckkraft ein.
Schritt 19
Um die Wimpern, Augenbrauen und Haare zu zeichnen, müssen Sie den Pinsel "Width Profile 1" aus diesem Tutorial erstellen.
Zeichnen Sie mit dem Pinsel-Werkzeug (B) Striche für die oberen Wimpern mit einem Strichgewicht von 0,5pt. Stellen Sie diese auf Füllmethode Normal und 70% Deckkraft ein. Gruppieren Sie sie nach Abschluss (Befehl + G). Zeichnen Sie dann Striche für die unteren Wimpern mit demselben Strichgewicht und Füllmethode. Ändern Sie jedoch die Deckkraft auf 50%. Gruppieren Sie sie erneut, sobald sie abgeschlossen sind (Befehl + G).
Schritt 20
Zeichnen Sie mit einem ähnlichen Verfahren Striche für die Augenbrauen mit einem Strichgewicht von 1 Punkt und einer Deckkraft von 20%.
Schritt 21
Zeichnen Sie mit dem hellgrauen transparenten radialen Farbverlauf und dem Ellipse-Werkzeug (L) Kreise für die Lichtreflexionen in den Augen. Stellen Sie die Füllmethode auf Farbig abwedeln und Deckkraft auf 100%.
Schritt 22
Erstellen Sie eine neue Ebene über dem Ebenenordner "Eyes" und benennen Sie sie in "Hair" um. Verwenden Sie das Zeichenstift-Werkzeug (P), um glatte, gekrümmte Linien zu gewährleisten. Zeichnen Sie eine Anleitung, wo das Haar gestylt werden soll.
Schritt 23
Erstellen Sie mithilfe der Haarführung Basisschichtformen für die Haarpartien. Ich habe ein Duplikat der Hautgrundform verwendet, um sie von den Formen um das Gesicht zu entfernen.
Füllen Sie die Formen mit dem hellgrauen transparenten radialen Farbverlauf. Positionieren Sie mit dem Verlauf-Werkzeug (G) die Quellen für die Farbverläufe an Stellen, an denen das Haar stärker hervorgehoben wird - weg von den Wurzeln. Stellen Sie diese Formen auf 30% Deckkraft ein.
Schritt 24
Mit dem Pinsel-Werkzeug (B) zeichne ich Haarsträhnen über die Verlaufsbasen. Ich verwende den Pinsel Breite Profil 1, Strichgewicht 2pt, die hellgraue Strichfarbe und 30% Deckkraft. Gruppieren Sie diese Stränge (Befehl + G) vorerst.
Schritt 25
Fügen Sie dem Haar Glanzlichter hinzu, indem Sie dieselben Einstellungen wie in Schritt 24 verwenden und die Füllmethode auf Negativ multiplizieren und 50% Deckkraft einstellen.
Wenn Sie fertig sind, gruppieren Sie die Stränge (Befehl + G).
Schritt 26
Duplizieren Sie die in den Schritten 24 und 25 erstellten Gruppen. Gehen Sie dann zu Objekt > Zweimal erweitern, bis keine Strichfarbe und nur noch eine Füllfarbe vorhanden ist. Vereinigen Sie dann die Formen mit den Pathfinder-Werkzeugen. Erstellen Sie einen zusammengesetzten Pfad (Befehl + 8), um sicherzustellen, dass alle eine Form haben.
Erstellen Sie einen linearen Verlauf von Rosa nach Grün und füllen Sie den zusammengesetzten Pfad.
Stellen Sie dann die Füllmethode auf Hartes Licht und 50% Deckkraft.
Schritt 27
Ich werde auf den Farben im Farbverlauf aufbauen, um ihn lebendiger zu machen. Zuerst füge ich den Haarspitzen Grün hinzu, aber benutze das Pinsel-Werkzeug (B). Fügen Sie mit dem Pinsel "Width Profile 1" ein Strichgewicht von 1 Punkt und die Füllmethode Weiches Licht mit 50% Deckkraft hinzu.
Schritt 28
Verwenden Sie dann die rosa Farbe oben im Haar und fügen Sie Strähnen hinzu, wobei die Füllmethode auf Negativ multiplizieren mit 50% Deckkraft eingestellt ist.
Schritt 29
Ich werde die Farbe in den Wurzeln hervorheben. Es geht eher darum, die Farbe zu verbessern, als sie abzudunkeln. Zu diesem Zweck zeichne ich Striche mit Ineinanderkopieren im Füllmethode und 20% Deckkraft.
Schritt 30
Fügen Sie nun grüne Striche zu den Spitzen hinzu, die auf Füllmethode Hartes Licht und 20% Deckkraft eingestellt sind.
Schritt 31
Duplizieren Sie die Haarbasisformen, auf die der hellgraue Farbverlauf angewendet wurde, und ziehen Sie die Gruppe per Drag und Drop über die Striche. Ändern Sie die Füllfarbe in den linearen Farbverlauf von Rosa nach Grün. Verwenden Sie das Verlauf-Werkzeug (G), um die Richtung des Verlaufs zu ändern und sicherzustellen, dass sich das Rosa oben in den Formen und das Grün unten befindet. Fügen Sie der Haarsträhne oben und seitlich zwei zusätzliche Formen hinzu.
Stellen Sie die Füllmethode auf Farbton und 80% Deckkraft ein. Sie werden feststellen, dass dadurch einige Blautöne hinzugefügt werden, bei denen sich der Farbverlauf im Haar ändert, was den Eindruck erweckt, dass Sie mehr als vier Farben verwendet haben!
Schritt 32
Erstellen Sie eine neue Ebene über dem Ebenenordner "Hair" und benennen Sie sie in "Front" um. Verwenden Sie das Rechteck-Werkzeug (M), um ein graues Rechteck über die Zeichenfläche zu zeichnen, das auf Farbig nachbelichten in der Füllmethode und 20% Deckkraft eingestellt ist. Dies erhöht den Kontrast des gesamten Stücks.
Duplizieren Sie nun das Rechteck und fülle es mit dem Grün und ändere die Deckkraft auf 10%. Dies erhöht den Kontrast weiter, gibt aber auch einen sehr subtilen grünen Hinweis.
Schritt 33
Erstellen Sie einen rosa transparenten radialen Farbverlauf. Verwenden Sie diesen als Füllung für eine Form über den Lippen, um den Lippen einen rosa Farbton zu verleihen. Ändern Sie die Füllmethode auf Abdunkeln und die Deckkraft auf 40%.
Schritt 34
Erstellen Sie einen grünen transparenten radialen Farbverlauf. Füllen Sie damit Formen über den Augen, um einen grünen Farbton zu erhalten. Ändern Sie die Füllmethode auf Abdunkeln und die Deckkraft auf 40%.
Schritt 35
Erstellen Sie eine neue Ebene unter dem Ebenenordner "Shading" und benennen Sie sie in "Tattoo" um. Wie der Name des Ebenenordners andeutet, werde ich das Mädchen tätowieren. Der Grund für das Platzieren unter dem Ordner der Hautschattierungsebene ist, dass seine Form genauso schattiert ist wie der Arm.
Verwenden Sie das Sternwerkzeug (aus den Optionen des Formwerkzeugs), um einen Stern mit einem Strichgewicht von 1 Punkt mit Grau als Strichfarbe zu zeichnen. Verwenden Sie dann das Liniensegment-Werkzeug (\), um den Stern durch die Mitte zu teilen. Setzen Sie diese Zeilen auf 2pt.
Schritt 36
Wählen Sie alle Strichzeichnungen für den Stern aus und füllen Sie die Abschnitte mit dem Interaktiv-malen-Werkzeug (K) mit Pink und Grün.
Schritt 37
Wählen Sie die Interaktiv-malen-Gruppe aus und erweitern Sie die Gruppe. Gruppieren Sie die grauen Strichzeichnungen und dann die rosa/grünen Formen (Befehl + G). Duplizieren Sie die Gruppe mit den rosa/grünen Formen und wenden Sie einen grauen transparenten linearen Verlauf an. Verwenden Sie das Verlauf-Werkzeug (G), um die Richtung des Verlaufs zu ändern.
Ändern Sie die Füllmethode auf Multiplizieren und die Deckkraft auf 40%. Gruppieren Sie alle drei Elemente (Befehl + G).
Schritt 38
Dupliziere den Stern mehrmals und lege ihn um den Arm. Verwenden Sie das Freie Transformation-Werkzeug (E), um die Größe der Sterne zu ändern und sie zu drehen. Wenn Sie fertig sind, gruppieren Sie die Sterne (Befehl + G).
Schritt 39
Gehen Sie in den Ebenenordner "Bases" und duplizieren Sie die Skin-Basis. Zeichnen Sie ein Rechteck über den Bereich mit den Sternen. Verwenden Sie die Pathfinder-Werkzeuge, um einen Bereich zu schneiden, in dem die Sterne Teil einer Schnittmaske sind (Befehl + 7).
Schritt 40
Wählen Sie die Schnittmaske aus, gehen Sie zu Objekt > Umschlagverzerrung > Mit Warp erstellen und wählen Sie die Fischform aus dem Dropdown-Menü. Ändern Sie die Einstellungen wie unten gezeigt, um den Eindruck zu erwecken, dass sich das Tattoo um den Arm biegt und durch den Muskel im Arm verzerrt wird.
Reduzieren Sie die Deckkraft des Envelope Distort-Objekts auf 50%. Duplizieren Sie dann das Objekt und ändern Sie den Füllmethode in Aufhellen.
Schritt 41
Gehen Sie zum Schluss in den Ebenenordner "Front" und verwenden Sie das Stern-Werkzeug mit dem rosa transparenten radialen Farbverlauf unter dem Auge. Verwenden Sie das Freie Transformation-Werkzeug (E), um die Form zu drehen und zu "quetschen", damit sie auf der Wangenkontur liegt.
Abschluss
Wenn Sie sich mit der Füllmethode und deren Verwendung vertraut gemacht haben, können Sie mit einer begrenzten Palette ein atemberaubendes Stück Vektorgrafiken erstellen.
By
