Share
Während Raumschiffe, Raketen und UFOs heutzutage in der Ikonenwelt allgegenwärtig sind, wurden U-Boote unentschuldbar vernachlässigt. Korrigieren Sie diese Situation sofort, indem Sie ein lustiges U-Boot mit Verlaufsnetzen, Musterpinseln, Deckkraftmasken und Mischmodi zeichnen.
Sie finden die Quelldateien im Verzeichnis "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.
In diesem Lernprogramm werden Verlaufsnetze verwendet, um schöne Farbvariationen auf den Oberflächen des U-Boots zu erzielen. Verlaufsgitter sind extrem leistungsstark, aber auch eines der erstaunlichsten Werkzeuge von Illustrator. Die intuitivste Annäherung an sie ist die Erstellung der endgültigen Form und die Umwandlung in ein Netz.
Wenn die Form jedoch nicht einfach oder symmetrisch ist, wird sie von Illustrator in ein meist unbrauchbares Netz umgewandelt. Dies führt dazu, dass die meisten Benutzer dieses Werkzeug nicht verstehen. Die richtige Art und Weise, mit Netzen zu arbeiten, ist das Gegenteil: Beginnen Sie mit einer einfachen Form, wandeln Sie sie in ein Netz um und bearbeiten Sie ihre Punkte, um die endgültige Form zu erhalten.
Um den Körper unseres U-Bootes zu erstellen, beginnen wir mit einem einfachen Rechteck und verwandeln es in ein Netz mit so kleinen Punkten wie nötig, um die endgültige Form zu erhalten.
Wir müssen dieses Rechteck in eine längliche Ellipse verwandeln und auch die Perspektive anwenden, damit das U-Boot so aussieht, als würde es auf uns zukommen. Schnappen Sie sich das Direktauswahl-Werkzeug (A) und bearbeiten Sie die Netzpunkte wie auf einem normalen Pfad (2a)..
Die Ecken sind ziemlich knifflig. Sie werden feststellen, dass Sie das Werkzeug zum Konvertieren von Ankerpunkten (Umschalt + C) nicht verwenden können, um sie in glatte Bezierpunkte umzuwandeln. Stattdessen müssen Sie die beiden Griffe manuell ausrichten, um Knicke zu vermeiden und den Umriss reibungslos fließen zu lassen. Mit Geduld und Übung schaffen Sie die endgültige Form.
Beachten Sie, wie die Perspektive die vorderen und oberen Teile des Schiffes betont. Stellen Sie sicher, dass alle Linien harmonisch zusammen gekrümmt sind, um die runde Form des Körpers zu definieren (2b)..
Beginnen wir mit dem Schattieren des Netzes. Wählen Sie zuerst alle Punkte aus und geben Sie ihnen eine schöne gelbe Farbe. Dann werden die oberen und vorderen Punkte heller und die unteren dunkler. Heller bedeutet weniger gesättigtes Gelb, dunkler bedeutet, dass der Grundfarbe Schwarz hinzugefügt wird, aber auch etwas Magenta, um Orangetöne einzufügen:
Fügen Sie mit dem Netzwerkzeug (U) zwei horizontale Linien hinzu und halbieren Sie die vorhandenen Hälften. Stellen Sie die Ziehpunkte so ein, dass die Linien reibungslos fließen. Wenn Sie mit der Form zufrieden sind, wenden Sie die richtigen Schattierungen auf die neuen Punkte an. Ziel ist es, einen kontinuierlichen Hell-Dunkel-Verlauf zu schaffen, der von oben nach unten und von vorne nach hinten verläuft. Wieder ist dieser Prozess zeitaufwändig, aber es ist wichtig, die Formen und Farben direkt vor dem Komplexieren des Netzes zu erhalten, da es dann schwieriger zu bearbeiten ist.
Fügen Sie links eine vertikale Maschenlinie hinzu. Erweitern Sie die Hervorhebung nach vorne, indem Sie den zweiten Punkt von oben auswählen und den Schatten von einem der oberen Punkte abtasten. Sehen Sie, wie der untere Rand eine schöne orange Farbe hat, die Seite ist voll gelb und die Vorder- und Oberseite haben helle Akzente. Beachten Sie auch, wie das obere Highlight das Heck (die Rückseite) erreicht, um das Licht zu simulieren, das von der Wasseroberfläche kommt.
Fügen Sie zwei vertikale Maschenlinien hinzu, eine am Bug (vorne) und eine am Heck (hinten), und passen Sie die Form an den runden Körper des U-Boots an (6a). Um die Richtung des Lichts (oben und vorne) zu betonen, können Sie die Schattierung verfeinern, indem Sie die vordere Hervorhebung verringern und die orange Farbe nach hinten erweitern (6a)..
Jetzt müssen wir ein sekundäres longitudinales Highlight entlang der obersten horizontalen Linie erstellen. Erstellen Sie also eine Zeile darüber und eine darunter (6b). Weisen Sie den neuen Punkten die korrekten Farben zu, um die Farbverläufe glatt zu halten. Wählen Sie dann die mittleren Punkte in der mittleren Reihe aus und wenden Sie ein hellgelbes Muster von oben an. Das neue Highlight beginnt von vorne und wird nach hinten verblasst (6c).
Unsere Hauptkörperform ist jetzt fertig und sieht mit realistischen, subtilen Farbvariationen sehr schön und komplex aus (6d).
Fügen Sie dem Körper einige Details hinzu, indem Sie Nietenreihen darüber erstellen. Wir werden einen einfachen Musterpinsel auf Pfade anwenden, die über den Körper verlaufen.
Erstellen Sie eine Ellipse (7a) und ziehen Sie sie in die Pinsel-Palette. Ein Fenster wird geöffnet (7b). Wählen Sie Neuer Musterpinsel und klicken Sie auf OK. Das Fenster Musterpinseloptionen wird angezeigt. Benennen Sie den Pinsel mit "Nieten" und setzen Sie die Skalierung auf 4% und den Abstand auf 250% (7c)..
Erstellen Sie auf einer neuen Ebene eine neue Linie, um den Bug des U-Bootes (8a) zu definieren, indem Sie an den Körperkanten einrasten (Smart Guides mit Befehl + U aktivieren) und ihm einen gelben Strich geben. Wählen Sie im Menü Effekt die Option Stilisieren> Schlagschatten, und legen Sie die Optionen wie in 8b fest. Klicken Sie anschließend auf den Pinsel "Nieten" in der Pinsel-Palette und sehen Sie das Ergebnis (8c)..
Erstellen Sie drei Kopien dieser Reihe von Nieten, passen Sie ihre Formen an den Körper des U-Bootes an und positionieren Sie sie schrittweise näher aneinander, wenn Sie das Heck erreichen. Dieser Perspektivenhinweis ist wesentlich, damit wir die Reihen der Nieten regelmäßig im Körper sehen können (9a). Erstellen Sie außerdem zwei horizontale Reihen mit zwei zusätzlichen Kopien der ersten Reihe, drehen Sie diese um 90 Grad und passen Sie ihre Form an (9b)..
Geben wir unserem U-Boot ein paar Bullaugen.
Erstellen Sie auf einer neuen Ebene eine weiße Ellipse (10a), drücken Sie dann Befehlstaste + C, um eine Kopie zu erstellen, und Befehlstaste + F, um sie vorne einzufügen. Skalieren Sie diese Ellipse etwas (10b). Wählen Sie bei kleinerer Ellipse die Umschalttaste, und wählen Sie die größere Ellipse aus. Klicken Sie dann im Pathfinder auf Minus Front, das zweite Symbol aus der Zeile "Shape Modes" (10c). Nennen Sie den resultierenden Ring als "äußere Felge".
Erstellen Sie eine Kopie, nennen Sie sie "inneren Rand", und senden Sie sie nach hinten (Befehlstaste + Umschalttaste + linke Klammer). Bewegen Sie sie nach oben und nach links, um die Dicke (10d) zu simulieren. Geben Sie diesen Ringen glatte kupferne Gradienten (10e, 10f).
Jetzt fügen wir das Glasfenster hinzu. Erstellen Sie eine Ellipse, senden Sie sie nach hinten (Befehlstaste + Umschalttaste + linke Klammer) und geben Sie einen rauchigen blauen radialen Farbverlauf an (11a)..
Fügen wir dem Bullauge Reflexionen hinzu. Wählen Sie den "äußeren Rand" -Ring aus, kopieren Sie ihn und fügen Sie ihn vorne ein (Befehlstaste + C, Befehlstaste + F), und geben Sie ihm einen Schwarz-Weiß-Verlauf (11b)..
Zeichnen Sie als Nächstes eine gekrümmte Form (11c) und ziehen Sie sie mit der zuvor erläuterten Minus-Front-Methode (11d) vom schwarzen zum weißen Ring ab. Passen Sie den Verlauf so an, dass weniger Schwarz (11e) angezeigt wird. Ändern Sie dann den Füllmodus von der Transparenz-Palette in weiches Licht (11f)..
Jetzt fügen wir dem Glasfenster Tiefe und Reflexionen hinzu. Verstecken Sie alles außer dem Glas. Duplizieren Sie diese Ellipse, skalieren Sie sie nach unten und verschieben Sie sie ein wenig nach links, sodass eine dünne Klinge der unteren Ellipse angezeigt wird. Verleihen Sie dem Farbverlauf einen Schwarz-Weiß-Verlauf, ändern Sie den Mischmodus in "Abdunkeln" und verringern Sie die Deckkraft auf 50% (12a). Dies gibt dem Fenster eine gewisse Dicke.
Wenn diese letzte Ellipse noch ausgewählt ist, kopieren Sie sie und fügen Sie sie vor. Ändern Sie den Farbverlauf von Radial zu Linear, wobei sich Schwarz oben befindet, und verringern Sie die Deckkraft auf 35% (12b). Dies fügt einen Schatten am oberen Rand des Fensters hinzu.
Kopieren Sie erneut die letzte Ellipse vor dem Einfügen. Ziehen Sie mit der Minus-Front-Methode eine gekrümmte Form ab (12c). Passen Sie den Verlauf der resultierenden Form so an, dass das Weiß oben ist. Ändern Sie den Mischmodus in "Bildschirm" und stellen Sie die Deckkraft auf 50% (12d). Jetzt hat das Fenster ein Spiegelbild.
Blenden Sie sowohl den äußeren als auch den inneren Rand aus, markieren Sie alle Objekte (Befehl + A) und gruppieren Sie sie (Befehl + G). Wählen Sie im Effektmenü Stilisieren> Schlagschatten. Der Schatten sollte dunkler sein als der Körper des U-Bootes, aber nicht schwarz.
Der Multiplikationsmodus sollte standardmäßig ausgewählt sein. Passen Sie die anderen Parameter an, um einen ziemlich weichen Schatten zu erhalten (13a). Das Bullauge ist fertig! Machen Sie einfach zwei Kopien und positionieren Sie sie entlang des Körpers, wobei Sie die Nietenreihen als Hilfslinien verwenden. Verringern Sie schrittweise ihren gegenseitigen Abstand und ihre Breite, um die Perspektive zu berücksichtigen (13b).
Folgen Sie den Anweisungen im nächsten Bild, um das Segel zu erstellen. Stellen Sie sicher, dass Sie eine neue Ebene bearbeiten, um die Dinge in Ordnung zu halten.
Lassen Sie uns das Segel beschatten. Wählen Sie es aus und wählen Sie dann "Objekt"> "Verlaufsnetzwerk erstellen". Legen Sie dann 2 Zeilen und 4 Spalten (15a) fest. In den nächsten Bildern finden Sie die Schritte, die zum Erstellen des endgültigen Netzes erforderlich sind. Unser Ziel ist es, ein frontales Highlight zu schaffen und das Segel nach hinten und unten dunkler zu machen.
Jetzt fügen wir eine Reflexion an der Basis des Segels hinzu. Machen Sie eine Kopie des Segelnetzes. Wir wollen es wieder in einen Pfad verwandeln. Wählen Sie Objekt> Pfad> Versatzpfad und verwenden Sie 0 als Versatz (16a). Löschen Sie alle oberen Punkte und lassen Sie einen einzigen Pfad (16b). Geben Sie ihm einen 1px hellgelben Strich und eine 2px Gaußsche Unschärfe, indem Sie auf Effekt> Unschärfe> Gaußsche Unschärfe (16c) gehen..
Das Segel projiziert einen Schatten auf den Hauptkörper. Zeichnen Sie eine Form, die der Krümmung des U-Boots entspricht (17a), und geben Sie ihm eine flache, dunkelorange Füllung. Stellen Sie in der Transparenz-Palette den Mischmodus auf Multiplizieren und die Deckkraft auf 65% (17b) ein. Wir haben jetzt einen soliden, hart umrandeten Schatten, aber in Wirklichkeit verblassen und verschwimmen die Schatten, wenn sie sich von ihrer Basis entfernen. Fügen wir also eine Deckkraftmaske hinzu. Kopieren Sie den Schatten und fügen Sie ihn vor dem Schatten ein (17c)..
Wählen Sie nun beide Objekte aus, klicken Sie auf das Pfeilsymbol in der oberen rechten Ecke der Transparenzpalette und wählen Sie aus dem Dropdown-Menü die Option Deckkraftmaske erstellen aus. Der Schatten wird nun vom Segel entfernt. Wenn Sie Deckkraftmasken erstellen, denken Sie daran, dass Objekte wie in Photoshop durch Weiß durchscheint und durch Schwarz ausgeblendet werden. Einen 5px Gaußschen Weichzeichner auf den Schatten auftragen (17c).
Wir haben jetzt ein Problem: Obwohl das Segel größtenteils im Schatten liegt, ist das Highlight an der Basis über die gesamte Länge hell. Das ist falsch. Lasst uns das korrigieren.
Kopieren und Einfügen vor dem Markierungspunkt (Sie sind jetzt Experten für das Drücken von Befehl + C und Befehl + F), entfernen Sie die Gaußsche Unschärfe aus der Darstellungspalette, passen Sie den Strich auf 2 Pixel an, und wählen Sie dann "Objekt"> "Pfad"> "Pfad" (18a)..
Füllen Sie diese Form mit einem linearen Verlauf von Weiß zu Schwarz, und achten Sie darauf, dass das Weiß von links nach rechts in Schwarz übergeht (18b). Wählen Sie wie zuvor diese Form und die Hervorhebung aus, und erstellen Sie dann eine Deckkraftmaske. Nun ist das Highlight konsistent mit der Beleuchtung (18c).
Zeichnen Sie auf die Vorderdeckel eine verlängerte Tränenform mit einem spitzen Ende (19a), dies ist die Seite des Vorderflugzeugs. Zeichnen Sie die Länge der vorderen Ebene (19b) und füllen Sie sie mit einem vertikalen Farbverlauf, um die Oberseite aufzuhellen, dunkeln Sie die Unterseite ab und markieren Sie die Vorderseite (19c). Die Seite muss auch eine Steigung haben. Jetzt sieht es gut aus (19d).
Um die Kante der vorderen Ebene zu markieren, duplizieren Sie die Seite und entfernen Sie die unteren Punkte (20a). Geben Sie diesem Pfad einen 0,5px hellgelben Strich (20b). Wie zuvor, duplizieren Sie den Pfad, umreißen Sie ihn und fügen Sie einen Schwarz-Weiß-Verlauf (20c) hinzu. Machen Sie die Deckkraftmaske und wenden Sie dann eine Gaußsche Unschärfe (20d) an. Das Flugzeug ist fertig.
Machen Sie eine Kopie, bewegen Sie sie hinter das Segel und passen Sie Größe und Position an die Perspektive an. Ändern Sie den Farbverlauf so, dass er heller wird, wenn sich die zweite Vorebene im direkten Licht befindet (20e)..
Natürlich wirft das rechte Flugzeug einen Schatten auf das Segel. Zeichne den Schatten und fülle ihn mit demselben Dunkelorange wie der Hauptschatten des Segels. Wie schon vor dem Duplizieren der Form, fügen Sie einen Schwarz-Weiß-Verlauf hinzu, erstellen Sie eine Deckkraftmaske und verwischen Sie den resultierenden Schatten (21a, 21b)..
Lassen Sie uns das Periskop erstellen. Kopieren Sie eines der Bullaugen, drehen Sie es horizontal um, verkleinern Sie es und ändern Sie die Farbe der Felgen in Grau (22a). Ziehen Sie das Periskoprohr mit Hilfe von Führungen (22b) und füllen Sie es mit einem mittleren Grau (22c)..
Als nächstes zeichnen Sie zwei Linien entlang der Rohrleitung (22d). Wenden Sie einen leichten Strich auf die innere Linie an und verwischen Sie sie (22e). Wenden Sie einen dunklen Strich an der äußeren Linie an und verwischen Sie ihn ebenfalls (22f). Gruppieren Sie die beiden Zeilen. Erstellen Sie eine Kopie der Pipe, und bringen Sie sie nach vorne (Umschalt + Befehlstaste + Taste rechts). Wählen Sie bei gedrückter Umschalttaste die unscharfen Linien aus und drücken Sie dann Befehlstaste + 7, um eine Schnittmaske zu erstellen, damit die Unschärfen auf die Pipe beschränkt werden (22f).
Das Periskop braucht auch ein reflektierendes Highlight. Erstellen Sie eine weiße Ellipse (23a), konvertieren Sie den oberen und den unteren Ankerpunkt in Ecken, indem Sie einmal mit dem Werkzeug Ankerpunkt konvertieren (Umschalt + C) (23b) darauf klicken. Skalieren, positionieren und ausrichten Sie die Form auf dem Periskoprohr (23c), verringern Sie die Deckkraft und verwischen Sie sie (23d)..
Lassen Sie uns jetzt die Leitwerke zeichnen. Machen Sie eine Kopie der Seite des Flugzeuges, skalieren Sie sie nach unten, positionieren Sie sie in der Nähe des U-Boot-Hecks und machen Sie sie dunkler (24a). Zeichnen Sie als Nächstes den Rest der Ebene und füllen Sie ihn mit einem mehrfarbigen Farbverlauf, der dem des Flugzeuges ähnelt, aber dunkler ist (24b). Kopieren Sie schließlich den Schatten des Flugzeuges, platzieren Sie es unter dem Leitwerk und passen Sie seine Form an die neue Position an (24c)..
Der letzte Schritt ist das Ziehen des Propellers. Zeichnen Sie eine Klinge mit einem einzigen Pfad (25a) und konvertieren Sie sie in ein Verlaufsnetz. Siehe Abbildung für die Schattierung (25b). Machen Sie drei Kopien und ordnen Sie sie in einem Winkel von 90 ° an. Zeichne einen Kreis für die Nabe. Füllen Sie es mit einem weichen radialen Farbverlauf und verleihen Sie ihm ein äußeres Glühen (Effekt> Stilisieren> Äußeres Glühen) (25c)..
Wählen und gruppieren Sie die Nabe und die vier Klingen. Bewegen Sie den Propeller hinter dem Hauptkörper des U-Bootes und drücken Sie ihn horizontal zusammen. Möglicherweise müssen Sie sie vertikal ein wenig scheren, um die Perspektive anzupassen. Tun Sie dies, indem Sie mit der rechten Maustaste auf den Propeller klicken und "Transformieren"> "Schere" (25d) wählen..
Nur noch drei Klingen sind sichtbar. Ihre Schatten müssen angepasst werden, damit das U-Boot Schatten darauf wirft. Auch die Untermesser sind fast vollständig im Schatten. Probieren Sie einfach die Farben des Hauptkörpers des U-Bootes aus und Sie sind in Ordnung (25e). Wir sind fertig!
Lassen Sie mich Ihnen sagen, dass es sehr viel Spaß gemacht hat. Wir haben viele Techniken behandelt: Verlaufsmaschen, Musterpinsel, Deckkraftmasken und Mischmodi. Sie sind alle sehr einfach, wenn sie einzeln genommen werden, aber in Kombination werden sie extrem kraftvoll. Der wichtigste Aspekt bei der Erstellung realistischer Illustrationen ist das Augenmerk auf Perspektive und Schattierung. Wenn Sie einen einheitlichen Standpunkt und eine klare Richtung für das Licht wählen, wird diese Aufgabe wesentlich einfacher.
Ich hoffe, dass Sie diese kleine Tour-de-Force genauso genossen haben wie ich, und ich hoffe, Sie haben viel gelernt. Starten Sie jetzt einen neuen Trend im Icon Design - U-Boote!
Accentsconagua