Perspektive und Schärfentiefe bei der Charaktererstellung nutzen

Wenn Sie in Ihren Illustrationen dreidimensionale Tiefe simulieren möchten, ist das Blend-Tool Ihr neuer bester Freund. Lassen Sie sich von der Leistung von Illustrator CS3 überraschen, die durch Ihren Monitor greift und Sie trotzig und mit einem subtilen Charme und Vielseitigkeit ins Gesicht schlägt.

Sie finden die Quelldateien im Verzeichnis "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.


Schritt 1

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen perfekten Kreis. Wenden Sie dann mit komplementären Farben einen kräftigen 4-Farbverlauf (G) von hell nach dunkel an. Mit Befehl + F9 wird das Verlaufsfenster auf Ihrem Bildschirm angezeigt. Stellen Sie sicher, dass Sie Optionen anzeigen ausgewählt haben. Sie können Ihrem Farbverlauf mehrere Punkte hinzufügen, indem Sie im Verlaufsfenster entlang der Leiste klicken. Durch Hinzufügen weiterer Punkte und leichtes Ändern der Helligkeit und des Farbtons können Sie die Farbe Ihrer Illustration aufpeppen.



Schritt 2

Wählen Sie Ihren ersten Kreis aus und ziehen Sie die Maustaste bei gedrückter Alt-Taste nach unten, um eine weitere Kopie Ihres Kreises zu erstellen. Dann skalieren Sie (S) um 100% (Halten Sie die Shift-Taste gedrückt, um die Proportionen zu erhalten).



Schritt 3

Doppelklicken Sie auf das Mischwerkzeug (W). Ändern Sie den Abstand in "Angegebener Abstand" und "Abstand" in 0,01 Zoll. Behalten Sie die Ausrichtung bei Ausrichtung auf Seite bei. Nun da Sie Ihre Einstellungen für Ihr Blend-Tool haben, klicken Sie auf OK. Ich hoffe, Sie haben mindestens 2 GB RAM, eine anständige CPU und eine gute Grafikkarte, da dies haarig werden kann. Illustrator kann bei grafischen Kampfmanövern wie diesen plötzlich abstürzen. Sparen Sie häufig von hier aus in. Nebenhinweis: Vor jeder Verwendung von Live Color empfehle ich auch das Speichern. Dies ist ein weiteres Illustrator-Tool, das das Programm häufig zum Absturz bringt.



Schritt 4

Klicken Sie nun mit dem Mischwerkzeug auf Ihren kleinen Kreis und dann auf Ihren größeren Kreis. Dadurch wird Ihre dreidimensionale perspektivische Form erstellt! Sie können die Beleuchtung Ihrer Kreise ändern, indem Sie auf jeden Kreis separat klicken und den radialen Verlauf in Abhängigkeit von der Lichtquelle Ihrer Szene in einem anderen Winkel anwenden.



Schritt 5

Wie Sie sehen, wird durch Anwenden des Mischwerkzeugs auf zwei Formen ein Pfad zwischen ihnen erstellt. Sie können diesen Pfad bearbeiten, indem Sie ihm Punkte hinzufügen! Wählen Sie den Pfad mit dem Direktauswahl-Werkzeug (A). Verwenden Sie dann das Stiftwerkzeug (P) und drücken Sie dann +, um auf das Werkzeug Ankerpunkt hinzufügen zuzugreifen. Sobald Sie das getan haben, klicken Sie in die Mitte Ihres Pfads. Es sollte wie das Bild unten aussehen - ein Punkt mit einem festen Punkt.



Schritt 6

Verwenden Sie das Werkzeug „Ankerpunkt konvertieren“ (Umschalttaste + C), halten Sie die linke Maustaste gedrückt und ziehen Sie Ihre Maus, um die Scheitelpunkte zu erstellen. Ziehen Sie es in eine flüssige Form und lassen Sie die Maustaste los. Sie sollten etwas wie das Bild unten erhalten. Sie können Ihre Punkte / Knoten jederzeit bearbeiten. Spielen Sie damit herum.



Schritt 7

Durch Verschieben, Ändern der Größe der beiden Endpunkte des Kreises und Anpassen der Ankerpunktarme mit dem Werkzeug „Ankerpunkt konvertieren“ können Sie Ihrem Tentakel Leben hinzufügen. Versuchen Sie, die Endpunkte Ihres Kreises zu verschieben. Um jeden Kreis einzeln auszuwählen, müssen Sie das Direktauswahl-Werkzeug (A) verwenden..



Schritt 8

Wiederholen Sie diese Technik, bis Sie genug Arme haben, um einen Krake zu machen. Halte jeden Arm in der Perspektive. Die Seitenarme werden nicht so nahe an den Vordergrund heranreichen wie die Vorderarme. Oben ist der Zusammenbruch der verschiedenen Arme, die ich gemacht habe, und der Endpfade für jeden Arm. Sie müssen die Hintergrundarme hinter die Vordergrundarmschichten legen. Dazu müssen Sie den gesamten Arm mit dem Auswahlwerkzeug (S) auswählen und dann Befehlstaste + linke Klammer oder rechte Klammertaste drücken, um die Ebene vor oder hinter andere Ebenen zu verschieben. Dies nennt man Layer-Stacking (zumindest nenne ich es ...).




Schritt 9

Nachdem Sie Ihre Tentakeln in Ordnung haben, müssen Sie einige Saugnäpfe zusammenstellen. Klicken und halten Sie die linke Maustaste im Rechteckwerkzeug, um Ihre zusätzlichen Optionen anzuzeigen. Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck. Wenn Sie die Rundheit der Kanten erhöhen oder verringern möchten, klicken Sie auf den Aufwärts- oder Abwärtspfeil, während Sie Ihr Rechteck auf der Zeichenfläche platzieren.

Verwenden Sie für Farben den gleichen 4-Punkt-Verlauf wie die Tentakeln. Erhöhen Sie nur die Helligkeit jedes Punktes, bis Sie ein schönes heißes Rosa erhalten. Ziehen Sie Ihren Farbverlauf (G) vom Punkt aus ein darauf hinweisen b.



Schritt 10

Verwenden Sie nun das Warp-Werkzeug (Umschalt + R) und ziehen Sie von einem Punkt aus ein darauf hinweisen b. Stellen Sie sicher, dass Ihre Pinselgröße groß genug ist, um den Großteil Ihres Rechtecks ​​zu umschließen. Um die Größe des Warp-Werkzeugpinsels zu ändern, halten Sie Alt + Umschalt gedrückt und ziehen Sie mit der Maus so, als würden Sie ein Objekt größer oder kleiner skalieren. Das hat mich ein bisschen geklärt und es ist eine wertvolle Information! Sie sollten so etwas wie das zweite Bild bekommen.




Schritt 11

Lassen Sie uns als Nächstes einen Saugnapf aus dem Winkel von oben nach unten herstellen, als würden wir von oben in den Becher schauen. Erstellen Sie einen Kreis mit dem Ellipse-Werkzeug (L), kopieren Sie dann diesen Kreis (Befehl + C) und fügen Sie die Kopie über dem ersten Kreis (Befehl + F) ein..

Wählen Sie den neu erstellten Kreis aus und verkleinern Sie ihn mit Scale (Befehl + S) um die Hälfte. Wählen Sie danach beide Kreise aus und verwenden Sie die Option Pathfinder (Befehl + Umschalt + F9) Vom Formbereich subtrahieren.

Anschließend wenden Sie Ihren Farbverlauf erneut an, um die Rundung Ihres Saugnapfes zu zeigen. Verwende das Verlaufswerkzeug (G) und wende den rosa Verlauf vom Punkt aus an ein darauf hinweisen b.



Schritt 12

Nachdem Sie nun Ihre zwei verschiedenen Saugnäpfe fertiggestellt haben, bringen Sie sie an den Tentakeln an, indem Sie sie an die entsprechenden Stellen kopieren. Ich habe die Seitenansicht als "Cup 1" und die obige Ansicht als "Cup 2" bezeichnet. Sie müssen während dieses Schrittes mehrmals Rotate (R), Scale (S) und sogar das Warp-Tool (Umschalt + R) verwenden. Sie müssen sicherstellen, dass sich die Saugnäpfe hinter einem Tentakel unterhalb der Tentakelschicht des Vordergrunds befinden (siehe Schritt 8)..

Tentakel 3 und 6 sind einzigartig, wenn Sie es noch nicht erraten haben. Bei den Spitzen 3 und 6 überlappt der violette Tentakel die rosa Saugnäpfe leicht. Um dies neu zu erstellen, müssen Sie den Endkreis eines Tentakels direkt anwählen (A), kopieren (Befehl + C) und einen anderen Kreis darüber einfügen (Befehl + F). Dies wird von der Tentakelgruppe getrennt und ermöglicht es Ihnen, diese Schicht nach oben zu verschieben, wodurch die Saugnäpfe überlappen. Das wird sich auch beweisen praktisch später! Endlich, nach vielem Tweaking, endete ich mit einigen ziemlich heftigen Tentakeln für meinen Oktopus! Rarr!




Schritt 13

Jetzt musst du einen Kopf bauen, der "Mordor" würdig ist. Zu diesem Zweck verwendete ich das Polygon-Werkzeug, indem ich auf das Rechteck-Werkzeug (M) klickte und es gedrückt hielt. Ziehen Sie es auf Ihre Zeichenfläche und machen Sie es zu einem Fünfeck (5-Eck-Form). Sie können dies tun, indem Sie die Aufwärts- oder Abwärtspfeile drücken, während Sie die Form auf Ihrer Zeichenfläche platzieren (siehe Schritt 9)..

Nachdem Sie ein schönes Fünfeck erhalten haben, wenden Sie mit dem Pipettenwerkzeug (I) Ihren violetten radialen Verlauf an, den Sie an Ihren Tentakeln verwendet haben. Klicken Sie auf einen Kreis aus dem Tentakel, während Sie Ihr Pentagon ausgewählt haben.



Schritt 14

Klicken Sie anschließend auf Effekt> Stilisieren> Runde Ecken, und runden Sie die harten Kanten ab. Ich habe meine Einstellungen auf 2.125 Zoll eingestellt, aber es hängt davon ab, wie groß Ihr Fünfeck ist. Das Ziel ist es, es wie eine Kugel zu machen.



Schritt 15

Geben Sie dem Kopf etwas Charakter, indem Sie die Form drehen und jeden Punkt leicht verschieben. Ich mag es, wenn der obere Teil der Kuppel höher als normal ist. Verwenden Sie das Direktauswahl-Werkzeug (A), um einzelne Punkte auszuwählen und sie dann zu verschieben. Mit einem Kreis hätten Sie das wahrscheinlich viel schneller machen können. Dies ist jedoch das, was ich getan habe, und ich fand es interessant und zufriedenstellend.



Schritt 16

Ziehen Sie den Kopf mit dem Stiftwerkzeug (P) unter die Kuppel. Hier werden seine Augen sitzen. Denken Sie daran, den Verlauf in der gleichen Richtung wie die Lichtquelle Ihrer Szene zu halten, in diesem Fall die linke.



Schritt 17

Um die Augäpfel zu erstellen, erstellen Sie einen weiteren Kreis (L) und wenden Sie einen hellen 5-Farbverlauf (G) an, wie im oberen Bild oben. Stellen Sie den Ausgangspunkt auf Ihrem Farbverlauf nahe an Weiß, so dass sein Auge einen schönen glänzenden Punkt erhält. Schnappen Sie sich jetzt Ihr Direktauswahl-Werkzeug (A) und wählen Sie die rechten Eckpunkte des Kreises aus. Wählen Sie den Scheitelpunkt aus ein. Ziehen Sie es jetzt an den glänzenden Punkt Ihres Verlaufs. Nächster Arm auswählen b. Halten Sie Alt + Umschalttaste gedrückt und ziehen Sie es gerade nach unten. Dadurch erhalten Sie eine scharfe Kante anstatt einer abgerundeten. Verändere deine Scheitelpunkte so lange, bis du die perfekte Stelle hast fertig Augapfel. Meine ist es nicht?



Schritt 18

Setzen Sie den Augapfel auf die linke Seite des Krakenkopfes. Kopieren Sie dann den Augapfel, klicken Sie mit der rechten Maustaste darauf, und wählen Sie Transformieren> Reflektieren aus, und setzen Sie die Reflect-Optionen auf 90 Grad vertikal. Außerdem müssen Sie Ihren Farbverlauf anwenden, um den Blendungswinkel des linken Augapfels nachzuahmen.



Schritt 19

Als Nächstes zeichnete ich mit meinem Stiftwerkzeug ein böses Augenlid, benutzte das Netzwerkzeug (U) und klickte auf jeden Punkt des Augenlids. Sie können die Netzpunkte auf dieselbe Weise wie die Scheitelpunkte verschieben (siehe Schritt 6 und 17). Wenn Sie einen Punkt auswählen, können Sie seine individuelle Farbe ändern. Dadurch wird ein Farbverlauf zwischen mehreren Farben erstellt. Machen Sie die höchsten Punkte des Augenlids hellviolett und die unteren Überhangpunkte dunkelviolett.



Schritt 20

Legen Sie nun Ihr Augenlid über den Augapfel. Kopieren Sie ein anderes Augenlid und fügen Sie es über das andere Auge ein. Als Nächstes Transformieren> Reflektieren Sie das Augenlid wie in Schritt 18 mit dem Augapfel. Sie müssen es auch drehen und skalieren, um es genau richtig zu machen.



Schritt 21

Gruppieren Sie den gesamten Kopf, indem Sie das Auswahlwerkzeug (V) über den Kopf, das Gesicht, die Augen und die Augenlider ziehen, und gruppieren Sie alle, indem Sie Befehlstaste + G drücken. Platzieren Sie nun den gruppierten Kopf an der Stelle, an der sich die Tentakeln treffen.



Schritt 22

Dies ist ein optionaler Schritt. Ich finde, dass dieser Krake ziemlich radikal aussieht. Wenn Sie möchten, können Sie ihn dazu bringen, einige Killerwaffen zu führen oder sogar mehrere Toilettenpapierrollen auszuprobieren. Für mich ist meine Waffe der Wacom Stylus Pen. Ich warf diesen schnell zusammen. Ich gehe davon aus, dass Sie sich etwas einfallen lassen können, das genauso gut für Ihren Tintenfisch gehalten werden kann, und dass Sie es ebenso einfach erstellen können, ohne dass Sie hilfreiche Schritte von mir machen müssen.



Schritt 23

Jetzt legen wir das Objekt sanft über die Hand des Kraken. Es sieht dumm aus, auf dem Tentakel platziert, also müssen wir es so aussehen lassen, als ob unser Krake das Objekt fasst. Wählen Sie dazu direkt den Endpunktkreis eines bestimmten Tentakels aus (A).

Halten Sie die Alt-Taste gedrückt und ziehen Sie den Kreis, um ihn zu kopieren. Dann müssen Sie die Tastenkombination Umschalt + Befehlstaste + Rechte Klammer drücken, um diesen Kreis auf die vordere Ebene zu bringen. Platzieren Sie diesen Kreis nun wieder dort, wo Sie ihn kopiert haben. Vergewissern Sie sich, dass Sie diesen Kreis nach oben skalieren (S), um den ursprünglichen Kreis zu überdecken und überzuhängen. Es wird dumm aussehen, wenn Sie es nicht tun. Wiederholen Sie diesen Schritt für jedes Tentakel, das ein Objekt erfasst.




Schritt 24

Endlich hast du einen wirklich coolen, dreidimensionalen, stylischen Killer-Oktopus! Aber Vorsicht! Die folgenden Schritte sind furchterregender als bisher, zum Teil weil ich für die nächsten 3 Schritte keine Screenshots erstellen werde! Außerdem erfordern die Schritte viel Rechenleistung…



Schritt 25

Ich wollte diesem Oktopus etwas Tiefenschärfe geben, aber ich wusste, dass dies meinen Computer in die Luft sprengen würde. Wenn ich einen dieser Monster-Tentakel verwischen würde, würde dies so viel CPU und Speicher in Anspruch nehmen, dass er Illustrator zum Absturz bringen würde. Die Lösung? Photoshop!

Ihre Vektoren in Photoshop zu bekommen, ist relativ einfach. Zuerst müssen Sie jeden Tentakel gruppieren. Verwenden Sie das Auswahlwerkzeug (V) und halten Sie die Umschalttaste gedrückt, und wählen Sie dann jedes Stück eines Tentakels aus. Dies umfasst jeden Saugnapf, den Stift, den Mischmodus-Tentakel und den kopierten Kreis, der den Stift erfasst. Wenn Sie alle ausgewählt haben, gruppieren Sie sie (Befehl + G). Tun Sie dies für jeden Tentakel separat und auch für den Kopf, so dass sie alle in ihren eigenen Gruppen sind.


Schritt 26

Öffnen Sie nun Photoshop und erstellen Sie ein neues Dokument (Befehl + N). Ich wollte meinen Octopus in einen coolen Desktop-Hintergrund umwandeln, also habe ich das Dokument auf 1680 Pixel bei 1050 Pixel bei einer Auflösung von 300 eingestellt. Wenn Sie Ihr neues Dokument in Photoshop geöffnet haben, wechseln Sie wieder zu Illustrator. Wenn Sie sich in Illustrator befinden, wählen Sie eine Tentakelgruppe aus und ziehen Sie sie in Ihr neues Dokument in Photoshop. Dies erfordert viel CPU und RAM, also warten Sie etwas. Wiederholen Sie dies, bis Sie Ihre gesamte Illustration in Photoshop haben. Jedes Mal, wenn Sie eine Gruppe in Photoshop ablegen, wird eine neue Vektor-Smart-Objekt-Ebene erstellt.


Schritt 27

Stellen Sie sicher, dass Sie jede Ebene entsprechend über oder unter den anderen Ebenen platzieren, so dass sich die Vordergrundtentakeln auf den oberen Ebenen befinden und der Kopf die unterste Ebene ist. Sie können die Ebenen durch Klicken und Halten ziehen, während Sie die Maus im Ebenenfenster über- oder untereinander ziehen.


Schritt 28

Ich möchte den Fokus auf den Kopf des Kraken und auch auf seinen linken Arm legen, den er in gewalttätigem Trotz erhebt. Ich habe sie im oberen Bild unten hervorgehoben. Wählen Sie dazu die größte Tentakelebene aus und klicken Sie auf Filter> Unschärfe> Gaußsche Unschärfe, und geben Sie ihr eine gute 6.




Schritt 29

Wie unten gezeigt, folgen wir hier drei Teilschritten:

  1. Klicken Sie auf den Smart Filter, auf den die Gaußsche Unschärfe angewendet wird.
  2. Drücken Sie B, um Ihr Malwerkzeug auszuwählen, ändern Sie dann den Pinsel in einen großen, gefiederten Pinsel und machen Sie die Vordergrundfarbe schwarz.
  3. Malen von Punkt ein entlang des Tentakels bis zum Punkt b. Dadurch erhalten Sie einen kühlen Tiefenschärfeeffekt. Wiederholen Sie diesen Schritt auf dem anderen großen Tentakel. Dadurch werden die Augen des Betrachters jedes Mal zuerst auf den Kopf gerichtet. Sie können diesen Schritt auch auf die Tentakel anwenden, die sich in der Mitte befinden, es sei denn, Sie verwenden nur eine Pinseldeckkraft von 50%. Dadurch wird der Fokus stärker, aber immer noch unscharf.


Schritt 30

Um meine Illustration zu beenden, habe ich vor dem weißen Hintergrund etwas Schatten erzeugt. Erstellen Sie dazu eine neue Ebene und ziehen Sie sie an den unteren Rand des Ebenenstapels direkt über der weißen Hintergrundebene. Stellen Sie die Deckkraft der neuen Ebene auf 50% und malen Sie mit dem schwarzen, gefiederten Pinsel die Bereiche, in denen die Tentakeln Schatten werfen würden.

Ich habe einen Primärschatten und einen Sekundärschatten gemalt, beide sind separate Ebenen mit einer Deckkraft von 50%. Ich habe den verschiedenen Tentakeln auch etwas Schatten hinzugefügt, wenn sie gebraucht wurden. Der obere Screenshot zeigt die angewendete primäre Schattierungsebene und die unteren Screenshot-Funktionen: 1. Primäre Schattierungsebene; 2. Sekundäre, detailliertere Schattierungsschicht; 3. zusätzliche Beschattung der entsprechenden Tentakeln. Es ist nicht perfekt, aber ich mag es!




Schritt 31

Wählen Sie für den letzten Schritt alle Ebenen aus (klicken Sie auf die oberste Ebene, halten Sie die Umschalttaste gedrückt und klicken Sie dann auf die unterste Ebene), mit Ausnahme Ihrer Hintergrundebene und der Gruppe (Befehl + G) in einem Ordner. Klicken Sie auf die Ordnerebene, und verschieben Sie den endgültigen Render mit dem Verschiebungswerkzeug (V) an eine interessante Position auf der Zeichenfläche, um ein auffälliges Hintergrundbild zu schaffen.




Fazit

Sie sehen also, die Kraft von Illustrator ist vergleichbar mit der der Sowjetunion der fünfziger Jahre. Es konkurriert sogar mit den vielseitigsten 3D-Rendering-Programmen. Ich hoffe, Sie haben alle dieses Tutorial genossen, auch wenn das letzte, was die Designwelt jetzt braucht, ein anderer Krake ist. Ich freue mich darauf, diese Techniken im Vectortuts + Flickr-Pool einsetzen zu können. Das endgültige Bild ist unten. Sie können die großen Versionen hier und hier ansehen.