Erstellen Sie ein Steam Punk inspiriertes Porträt in Illustrator CS6

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Im heutigen Tutorial werde ich Ihnen zeigen, wie ich ein Steam Punk inspiriertes Porträt eines Freundes mit Illustrator CS6 erstellt habe. Ich werde Ihnen den gesamten Prozess vom Skizzieren mit dem Blob-Pinsel-Werkzeug über das Zeichnen der vielen Formen bis hin zum Färben zeigen. Sie lernen, wie Sie einem professionellen Vektorillustrations-Workflow folgen, um diese stilisierte, gealterte Arbeit zu erstellen. Also lasst uns direkt einsteigen und skalierbaren Spaß haben!

Schritt 1

Mein Steampunk-Porträt basiert auf einem Foto eines Freundes von mir. Ich habe es einfach in Photoshop in Graustufen erstellt und dann in Adobe Illustrator in Datei > Ein neues Dokument platziert und dann die Ebenen wie unten gezeigt eingerichtet.

Innerhalb des Ebenenordners "BG" befindet sich ein weißes Füllrechteck (M) mit einer Deckkraft von 50%. Es ist erwähnenswert, dass ich Ansicht > Zeichenflächen ausblenden habe. Wenn es um das Skizzieren geht, möchte ich mich nicht durch vorgegebene Grenzen eingeschränkt fühlen.

Schritt 2

Ich werde das Blob-Pinsel-Werkzeug (Umschalt + B) verwenden, um meine Illustration zu skizzieren, bevor ich mit dem Stift-Werkzeug (P) darüber zeichne. Zuerst doppelklicke ich auf das Blob-Pinsel-Werkzeug in der Symbolleiste, um auf die Optionen des Werkzeugs zuzugreifen. Ich werde die Größe auf 3pt reduzieren, sie so einstellen, dass sie vom Druck meines Grafiktabletts beeinflusst wird, und dann die Variation auf 3pt einstellen. Klicken Sie abschließend auf OK.

Jetzt skizziere ich einfach verschiedene Ideen über das Porträt. Ich weiß, dass ich Dreadlocks und Schutzbrillen einbauen wollte, aber ich war mir des Restes nicht sicher.

Schritt 3

Also habe ich meine Ebenen so organisiert, dass die Skizze unter dem weißen Füllrechteck (M) liegt. Ich habe alle meine Formen und mein Skizzenkonzept gesperrt, das ich für die Illustration verwendet habe. Zeit für den Einstieg in die Strichzeichnungen.

Schritt 4

Sofern nicht anders angegeben, verwende ich für die Strichzeichnungen das Stiftwerkzeug (P) mit einem cremefarbenen Strich. Die Farbe ist momentan irrelevant, da sie sich zu einem späteren Zeitpunkt ändern wird. Ich beginne mit einigen sehr einfachen Formen für das Gesicht, das Kopftuch, den Hals, die Krawatte und den Pullver. Verwenden Sie intelligente Hilfslinien (Befehl + U), um sicherzustellen, dass sich Ihre Linien schneiden und bündig zueinander sind.

Schritt 5

Ich werde das Pinsel-Werkzeug (B) verwenden, um die Dreadlocks zu zeichnen. Ich werde eine einheitliche Grundlinie mit runden Kappen und einem Strichgewicht von 20pt verwenden. Füllen Sie zuerst die Rückseite der Frisur aus und stellen Sie sicher, dass Sie oben am Kopftuch genügend Dreadlocks haben. Fügen Sie dann auf beiden Seiten ein paar Dreadlocks hinzu, die über die Schultern gehängt werden.

Nachdem Sie Ihre Dreadlocks gezeichnet haben, wählen Sie alle Striche aus und gehen Sie zu Objekt > Darstellung erweitern und dann zu Objekt > Erweitern. Ändern Sie die Füllung in Weiß und den Strich in Aus Schwarz, um sie an den Rest Ihrer Abbildung anzupassen.

Schritt 6

Ich werde die Brille aus doppelten Ellipsen (L) mit einem schwarzen Strich und einer weißen Füllung konstruieren. Nachdem ich den ersten Abschnitt der Brille erstellt hatte, gruppierte ich ihn (Befehl + G). Dann habe ich es dupliziert und mit meinen Pfeiltasten nach oben geschoben. Ich habe Align > Horizontal Align Center verwendet, um die Mitte auszurichten.

Ich habe dann alle 45 Grad mit dem Ellipsen-Werkzeug (L) erstellte Kreise eingefügt. Dies ist nur eine zusätzliche Dekoration für die Schutzbrille.

Schritt 7

Ich werde ein Kreuz über eine der Brillen setzen. Mit dem Liniensegment-Werkzeug (\) habe ich ein Kreuz mit 10-Punkt-Strichgewichtslinien gezeichnet. Ich habe sie dann Objekt > Erweitert und Pathfinder > Vereinigen verwendet, um ein Kreuz zu erstellen.

Dupliziere einen der Kreise der Brille und skaliere ihn dann mit dem freien Transformationswerkzeug (E) neu, damit er etwas kleiner als die Oberseite der Brille ist. Verwenden Sie dann Pathfinder > Intersect, um das eigenständige Kreuz zu erstellen. Geben Sie ihm einen schwarzen Strich und eine weiße Füllung. Wenn Sie fertig sind, gruppieren Sie alle Elemente für die Schutzbrille (Befehl + G).

Schritt 8

Verwenden Sie das freie Transformationswerkzeug (E), um die Schutzbrille auf dem Kopftuch zu positionieren und leicht abzuwinkeln. Dupliziere es und verwende Objekt > Transformieren > Vertikal reflektieren und verstecke dann das Kreuz. Positionieren Sie die doppelte Schutzbrille so, dass wir jetzt zwei auf dem Kopftuch haben.

Ich werde einen Gurt erstellen, indem ich eine 40-Punkt-Strichgewichtslinie entlang des Kopftuchs von Ohr zu Ohr zeichne und dann das Profil "Width Profile 1" auftrage, um ihm verjüngte Enden zu geben.

Verwenden Sie Objekt > Darstellung erweitern und Objekt > Erweitern, um eine weiße Füllung und einen nicht schwarzen Strich zu erhalten. Sie werden feststellen, dass der Gurt möglicherweise viele unnötige Punkte enthält. Verwenden Sie daher Objekt > Pfad > Vereinfachen, um die Anzahl der Punkte zu verringern.

Schritt 9

Ich habe das Ende des Riemens an der Seite einer der Schutzbrillen angebracht. Ich habe eine 40pt Stroke Weight-Linie mit dem Profil "Width Profile 3" verwendet, um ihr ein spitzes Ende zu geben. Nach dem Erweitern habe ich eine Linie entlang der Kante des Riemenende und des Riemens entlang des Kopftuchs hinzugefügt, um zusätzliche Details zu erhalten.

Ich habe dann das Ellipsen-Werkzeug (L) verwendet, um Schnallenlöcher entlang des Riemenende hinzuzufügen, wie unten gezeigt:

Schritt 10

Nachdem ich die Grundformen gezeichnet habe, muss ich Linien hinzufügen, um Falten im Halstuch zu definieren. Ich habe eine gestrichelte Linie entlang der Kante des Schals mit einem 5-Punkt-Strich und einer 2-Punkt-Lücke hinzugefügt.

Augenhöhlenformen und Formen für die Ohren. Die Ohren brauchen eine weiße Füllung.

Schritt 11

Für die Iris und die Pupillen habe ich mit dem Ellipsen-Werkzeug (L) einen geraden Kreis gezeichnet und ihn dann dupliziert und mit dem freien Transformations-Werkzeug (E) verkleinert. Ich habe dann beide Kreise dupliziert und auf das andere Auge verschoben, sodass wir jetzt jeweils zwei Kreise für beide Augen haben.

Dann habe ich mit dem Stiftwerkzeug (P) zusätzliche Punkte hinzugefügt, an denen sich die Kreise mitden Augenformen schneiden (Smart Guides erweisen sich hier als sehr nützlich!). Ich habe dann das Direktauswahl-Werkzeug (A) verwendet, um unnötige Punkte auszuwählen und sie zu löschen.

Schritt 12

Von Zeit zu Zeit teile ich laufende Arbeiten auf meiner Facebook-Seite. Als ich anfänglich die grundlegenden Strichzeichnungen für dieses Porträt zeigte, baten die Leute mich, dieses Porträt in einen Gasmaskenengel zu verwandeln. Ein Gasmask Angel ist eine fortlaufende Reihe von Charakteren/Themen, die ich von Zeit zu Zeit erstellt habe, um mich kreativ voranzutreiben. Obwohl ich keinen dieser Charaktere erstellen werde, dachte ich, ich würde den Vorschlag annehmen und eine Gasmaske hinzufügen... und sie sind sehr einfach zu erstellen, besonders wenn Sie bereits eines der Elemente haben!

Zuerst werde ich die Maske um den Mundbereich hinzufügen. Ich werde zuerst die Hälfte der Maske zeichnen und sie dann duplizieren und Objekt > Transformieren > Vertikal reflektieren. Nachdem ich sie ausgerichtet habe, verwende ich Pathfinder > Vereinen, um eine Form zu erstellen.

Dann habe ich die Brille dupliziert, leicht vergrößert, gedreht und Details auf der Maske und der Düse hinzugefügt. Ich habe Formen auf beiden Seiten des Gesichts für die Träger der Maske hinzugefügt. Dies wird dazu beitragen, das Gesicht zu rahmen.

Schritt 13

Ich habe Formen auf beiden Seiten des Gesichts für die Haare hinzugefügt und sie über der Gesichtsform, aber unter der Kopftuchform platziert. Für die Augenbrauen habe ich eine Form erstellt und sie dann dupliziert und reflektiert.

Schritt 14

Nun, um die Strichzeichnungen vor dem Färben aufzuräumen. Zuerst werde ich Profile verwenden, um die Enden der Linien für Augen, Düse und Schal zu verjüngen.

Schritt 15

Ich werde die Dreadlocks aufräumen, die über dem Pullover des Charakters liegen.

Duplizieren Sie alle für den Charakter verwendeten Formen mit Ausnahme der Dreadlocks und verwenden Sie Pathfinder > Vereinen, um eine Form zu erstellen. Entfernen Sie dann den unteren Teil der Form mit einem Rechteck (M) und Pathfinder > Minus Front.

Dupliziere diese Form mehrmals und verwende die Kopien von den vier Dreadlocks zu Pathfinder > Minus Front. Diese Formen können jetzt über alle anderen Formen gestellt werden.

Schritt 16

Ich gebe es als Erster zu, Farbe ist nicht oft meine Stärke und manchmal braucht man Unterstützung in diesem Bereich. Eine meiner Lieblingsmethoden, um Farbinspiration zu erhalten, ist die Verwendung von Kuler von Adobe. Also habe ich mich mit meiner Adobe-ID auf der Website angemeldet und nach "Steam Punk" gesucht. Ich habe sofort eine großartige Palette gefunden, die Sie nach dem Anmelden von der Website herunterladen können.

Gehen Sie dann im Farbfeldbedienfeld in das Drilldown-Menü und wählen Sie "Farbfeldbibliothek öffnen" und suchen Sie Ihr neues Farbfeld. Durch Klicken auf den Ordner links werden alle Farben zu Ihrem Farbfeldbedienfeld hinzugefügt.

Schritt 17

Ich werde zunächst alle Strichzeichnungen gruppieren (Befehl + G) und sie dann duplizieren. Ich werde ihm eine Sandstrichfarbe (C=26, M=29, Y=72, K=1) und gegebenenfalls eine Cremefüllung (C=5, M=6, Y=22, K=0). Ich werde den Standard-Pinsel "Bleistift - Dünn" auf die Striche anwenden und dann die gesamte Gruppe auf Mischmodus Multiplizieren mit Deckkraft 60% einstellen. Ich habe dann ein mit Sahne gefülltes Rechteck (M) hinter die Gruppe gelegt.

Ich habe die Strichzeichnungen erneut dupliziert und dann die folgenden Farben aus dem von Steam Punk inspirierten Farbfeld verwendet. Unten zeigt die Kombination, für die ich mich entschieden habe:

Schritt 18

Ich habe unserem von braunem Steampunk inspirierten Farbfeld einige zusätzliche Farben hinzugefügt. Ich habe einen nicht magentafarbenen Farbton (C=0, M=95, Y=20, K=0) und einen pfauengrünen Farbton (C=80, M=10, Y=45, K=0) hinzugefügt, teilweise weil Ich liebe diese Farbkombination und teilweise, weil nur Braun in dieser Abbildung es für mich ein bisschen langweilig erscheinen lässt!

Schritt 19

Ich werde damit beginnen, die verschiedenen Bereiche zu beschatten. Jeder Regionstyp benötigt eine andere Schattierung. Für Bereiche mit unregelmäßigen Konturen wie Haut, Schutzbrillen, Gasmaske und Stoff müssen Sie die Schattierung mit dem Stiftwerkzeug (P) von Hand zeichnen. Da das Gesicht mehr oder weniger symmetrisch ist, habe ich eine Hälfte gezeichnet. Dann habe ich Objekt > Transformieren > Vertikal reflektiert dupliziert und dann Pathfinder > Vereinen verwendet.

Schritt 20

Ich gebe jeder der Schattierungsformen eine dunkelbraune Füllung (C=51, M=69, Y=86, K=68) und setze sie auf Mischmodus Multiplizieren mit Deckkraft 5%. Dann habe ich die Schattierung erhöht, indem ich die Formen wie unten gezeigt überlappte.

Ich habe die Schattierungsformen gruppiert (Befehl + G). Ich habe dann die Form für das Gesicht dupliziert und daraus eine Schnittmaske erstellt (Befehl + 7). Diese Methode wurde in der gesamten Abbildung verwendet.

Schritt 21

Ich habe die Abbildung wie folgt weiter schattiert:

Für die regelmäßigeren Oberflächen - sagen wir glatte wie die Schutzbrille - habe ich eine Methode verwendet, bei der der Strich nach innen ausgerichtet ist und verschiedene Strichgewichte und Opazitäten aufweist, wie unten gezeigt:

Eine ähnliche Methode wird für die Dreadlocks verwendet. Das Schattieren ist sehr zeitaufwändig, da ich Pathfinder > Minus Front verwendet habe, um Formen aus doppelten Formen der Dreadlocks zu entfernen. Es lohnt sich jedoch, da es ihnen eine unregelmäßige Textur verleiht.

Anstatt Strichgewichte zu verwenden, um den zu schattierenden Bereich zu bearbeiten, habe ich Effekt > Pfad > Versatzpfad verwendet und um -1pt, -1,5pt und -2pt versetzt. Ich habe dann alle Elemente gruppiert (Befehl + G) und sie dann in eine Schnittmaske (Befehl + 7) eingefügt.

Schritt 22

Die Augenbrauen und die Haare werden auf ähnliche Weise wie einander erzeugt. Mit dem Pinselwerkzeug (B) habe ich mit dem Pinsel Kunstkohle - Feder eine grobe Zick-Zack-Linie gezeichnet. Ich habe es dann auf Mischmodus Multiplizieren mit Deckkraft 20% eingestellt und es in eine Schnittmaske (Befehl + 7) eingefügt.

Schritt 23

Ich habe beschlossen, die ursprüngliche Strichgrafikfarbe zu ändern und sie auf Dunkelbraun einzustellen (C=51, M=69, Y=86, K=68). Dies verhindert, dass die Strichzeichnungen auf dem Halstuchbereich so verwaschen aussehen.

Schritt 24

Ich werde mehr Schatten um die Augen hinzufügen. Fügen Sie zuerst etwas mehr auf die Augenlider, um sie abzudunkeln. Ich habe dann den Sandton auf Mischmodus-Bildschirm mit einer Deckkraft von 30% verwendet, um eine Hervorhebung am unteren Rand der Iris hinzuzufügen. Ich habe dann eine Reflexion mit dem hellsten Farbton (C=5, M=6, Y=23, K=0) hinzugefügt, der auf Mischmodus-Bildschirm mit einer Deckkraft von 80% eingestellt ist.

Ich habe diese Elemente gruppiert und unter alle anderen Schattierungen gelegt (Befehl + G).

Schritt 25

Ich werde das Blob-Pinsel-Werkzeug (Umschalt + B) so verwenden, um Teile der Abbildung subtil hervorzuheben und Texturen hinzuzufügen. Also werde ich zuerst die Größe von 3pt auf 2pt ändern.

Unten sehen Sie, wo ich die Hervorhebungsdetails hinzugefügt habe. Ich habe den hellsten Farbton verwendet und sie auf Mischmodus-Bildschirm mit einer Deckkraft von 20% eingestellt.

Schritt 26

Ich habe das Dunkelbraun verwendet, um die Dreadlocks zu texturieren. Diese sind auf Mischmodus Multiplizieren mit Deckkraft 10% eingestellt. Es handelt sich nur um zufällige, schnörkellose Striche, wie Sie an den Kritzeleien rechts neben dem folgenden Screenshot sehen können:

Ich habe dann weitere Striche um das Gesicht, die Träger und die Stoffbereiche gezogen, um Schatten und Texturen mit den gleichen Einstellungen hinzuzufügen.

Schritt 27

Die Farben sehen für mich immer noch etwas langweilig aus, daher habe ich das Direktauswahl-Werkzeug (A) verwendet, während die anderen Elemente gesperrt sind, um Bereiche auszuwählen und dann die Füllung zu ändern.

Schritt 28

Duplizieren Sie eine Gruppe von Strichzeichnungen und dann Objekt > Darstellung erweitern und Objekt > Erweitern. Ich habe dann Pathfinder > Unite verwendet, um eine Form des gesamten Charakters zu erstellen.

Ich habe diese Form verwendet, um dann einen Umriss um den Charakter zu erstellen, indem ich Strich nach außen ausrichten mit dem dunklen Brauenfarbton und einem 2-Punkt-Strichgewicht. Dies wird dann auf Mischmodus Multiplizieren mit Deckkraft 30% eingestellt.

Schritt 29

Ich werde einen schnellen und einfachen Hintergrund erstellen. Zuerst werde ich viele blass gefüllte Rechtecke (M) im Hintergrund zeichnen. Wie Sie jedoch sehen, verändert dies die Färbung unseres Charakters. Dies liegt daran, dass keine der zur Erzeugung des Zeichens verwendeten Formen auf den Mischmodus Normal mit einer Deckkraft von 100% eingestellt ist.

Ich könnte entweder die in Schritt 28 erstellte Form als Basis unter dem gesamten Zeichen verwenden und diese auf Mischmodus Normal mit Deckkraft 100% setzen. Oder ich kann damit Pathfinder > Minus Front von einem Rechteck (M) aus verwenden und eine Schnittmaske erstellen (Befehl + 7). Ich habe mich für Letzteres entschieden, nur weil es den Bereich jenseits des Porträts beschneidet, und nun, ich mag Schnittmasken.