So zeichnen Sie ein Spirit-Thermometer in Adobe Illustrator

Im heutigen Tutorial erstellen wir ein Spiralthermometer mit einer mit Farbverläufen gefüllten Geometrieskizze und mit benutzerdefinierten Art Brushes in Adobe Illustrator. Wenn Sie mit dem Textwerkzeug und dem Verlaufsgitter ein paar letzte Schliffe ausführen, können Sie auch diese detaillierte Illustration erstellen. Also fangen wir an!


Schritt 1

Zunächst müssen Sie die Hauptgeometrieskizze des Thermometers erstellen, die in der nachstehenden Abbildung dargestellt ist.

Die skalierten Bilder dieser Skizze sind der Einfachheit halber unten dargestellt.

Diese Skizze ist flach, da sie keine Lichtverteilung aufweist. Wenn Sie wissen, wie Sie die Hauptkonturen des Objekts und seiner Elemente erreichen, fahren Sie mit Schritt 12 fort. Wenn nicht, lesen Sie die folgenden Schritte sorgfältig durch.


Schritt 2

Wir fangen damit an, die Spirale am Boden unseres Thermometers zu schaffen. Zeichnen Sie mit dem Werkzeug "Abgerundetes Rechteck" einen vertikalen Pfad, der keinen Strich und eine rote Füllung hat.

Wählen Sie mit dem Lasso-Werkzeug (Q) beide unteren Ankerpunkte aus.

Gehen Sie zu Object> Transform> Scale und setzen Sie im geöffneten Dialogfeld alle Werte auf Null.

Löschen Sie mit dem Stiftwerkzeug (P) einen der tiefsten Ankerpunkte.

Danach wählen Sie den niedrigsten Ankerpunkt mit Hilfe des Direktauswahl-Werkzeugs (A) aus, konvertieren Sie es in Glatt und ändern Sie die Form des Pfads wie unten gezeigt.


Schritt 3

Kopieren Sie diesen Pfad und fügen Sie ihn in den Vordergrund ein (Befehl + C, dann Befehl + F). Gehen Sie zu Objekt> Transformieren> Skalieren und ändern Sie den horizontalen Wert der Skalierung wie gezeigt.

Verschieben Sie es einige Pixel nach links.


Schritt 4

Kopieren Sie den Anfangspfad und Einfügen in Front erneut (Befehl + C, dann Befehl + F). Wählen Sie beide…

… Und gehen Sie dann zum Pathfinder-Fenster und klicken Sie auf die Minus-Vorderseite.

Gehen Sie zu Objekt> Gruppierung aufheben und füllen Sie die Pfade mit verschiedenen Farben, wie im Diagramm unten gezeigt.


Schritt 5

Zeichnen Sie mit dem Rechteckwerkzeug (M) einen rechteckigen Pfad über die gerade dargestellten abgerundeten Pfade. Fülle es mit Grau.

Gehen Sie zu Ansicht> Lineale> Lineale anzeigen (Befehl + R). Ziehen Sie dann das vertikale Lineal und legen Sie es in der Mitte der Pfade ab, um eine Hilfslinie zu erstellen. Sperren Sie die Führungslinie im Bedienfeld Ebenen.


Schritt 6

Zeichnen Sie mit dem Stiftwerkzeug (P) den linken Teil des Hauptkörpers des Thermometers.

Sehen Sie sich die hilfreichen Bilder unten an, wobei das zweite und das dritte Bild die skalierten sind. Wie Sie an ihnen sehen können, sollten sich der erste und der Endankerpunkt des Pfades auf der Hilfslinie befinden.


Schritt 7

Gehen Sie zu Objekt> Transformieren> Reflektieren und klicken Sie im Dialogfeld auf die Schaltfläche Kopieren.

Bewegen Sie die Kopie nach rechts, damit sich die Punkte an der Hilfslinie treffen.


Schritt 8

Wählen Sie zum Verbinden der Pfade beide Linien aus…

… Und gehen Sie zu Objekt> Pfad> Verbinden (Befehl + J). Dann tauschen Sie Füllung und Kontur (Umschalt + X).


Schritt 9

Zeichnen Sie den braunen Pfad, der ein Anzeigefeld darstellt, wie in den folgenden Abbildungen dargestellt. Beachten Sie, dass die rechte Seite der Platte angehoben werden muss, da das Thermometer nach dem Erstellen der Hauptgeometrieskizze gedreht wird.

Wählen Sie den dunkelblauen Pfad aus, kopieren Sie ihn und fügen Sie ihn in den Vordergrund ein (Befehl + C, dann Befehl + F)..

Wählen Sie dann beide: die Kopie des dunkelblauen Pfads und des braunen Pfads. Wechseln Sie dann in das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Intersect.


Schritt 10

Zeichne eine vertikale grüne Linie - eine Röhre für den Geist. Erhöhen Sie ggf. das Hubgewicht.

Gehen Sie zur Strich-Palette und ändern Sie die Kappe des Pfads in die Runde Kappe.


Schritt 11

Gehen Sie zu Objekt> Erweitern und dann zu Objekt> Gruppierung aufheben. Bewegen Sie den Pfad um einige Pixel nach links, da Sie bedenken müssen, dass unser Thermometer nach dem Erstellen gedreht wird. Daher müssen Sie den Betrachtungswinkel berücksichtigen. Siehe das Bild unten als Referenz.

Zeichnen Sie den roten vertikalen Pfad, der den Geist in der Röhre darstellt.

Drehen Sie alle Pfade des Thermometers, indem Sie zu Objekt> Transformieren> Drehen gehen. Die Hauptgeometrieskizze wird abgeschlossen.


Schritt 12

Um mit der Erstellung eines Thermometermodells fortfahren zu können, müssen Sie Art Brushes für die Schattierung erstellen. Zeichnen Sie mit dem Ellipse-Werkzeug (L) einen langgestreckten elliptischen Pfad, der mit Schwarz gefüllt ist.

Kopiere es und füge vorne ein (Befehl + C, dann Befehl + F). Gehen Sie zu Objekt> Transformieren> Skalieren und verkleinern Sie die Ellipsenkopie um das Doppelte. Mit anderen Worten, den Prozentsatz auf 50% setzen.

Ändern Sie die Deckkraft der größten Ellipse in 0%..

Gehen Sie zu Objekt> Überblenden> Überblendoptionen und legen Sie die Werte im Dialogfeld wie gezeigt fest.

Wählen Sie beide Ellipsen aus und gehen Sie zu Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B)..


Schritt 13

Ziehen Sie diese Mischung per Drag & Drop in das Pinselfenster und wählen Sie im geöffneten Dialogfeld die Option Art Brush.

Legen Sie im zweiten Dialogfeld die Optionen für den Pinsel fest. Nennen Sie diesen Pinsel "Schwarzer Pinsel". Ändern Sie die Einfärbungsmethode in Farbtonverschiebung.


Schritt 14

Erstellen Sie einen weiteren Pinsel. Zeichnen Sie mit dem Ellipse-Werkzeug (L) einen länglichen elliptischen Pfad, der mit Rot gefüllt ist.

Ziehen Sie diese Ellipse in das Pinselfenster und legen Sie sie ab. Wählen Sie auch die Option Art Brush im geöffneten Dialogfeld. Ändern Sie dann auch die Colorization-Methode in Hue Shift, um die Pinselfarben effektiver zu steuern. Nennen Sie diesen Pinsel "Kunstpinsel 1".


Schritt 15

Füllen Sie den dunkelblauen Pfad mit einem abgewinkelten linearen Verlauf. Siehe das Bild unten als Referenz.

Dieser Hauptteil des Thermometers besteht aus Glas. Deshalb müssen wir die Deckkraft auf 15% reduzieren..

Füllen Sie das Anzeigefeld des Thermometers mit einem hellen Gelb.


Schritt 16

Das Green Spirit Tube sollte mit einem winkelförmigen linearen Farbverlauf gefüllt sein und die Opazität sollte ebenfalls verringert werden.

Ändern Sie dann die Deckkraft des Geisterpfads, da sie auch halbtransparent ist.


Schritt 17

Wählen Sie den roten Endpfad, der ein Geisterreservoir darstellt, und gehen Sie zu Objekt> Verlaufsgitter erstellen. Stellen Sie die Werte ein, die Sie im Bild unten sehen können.

Ändern Sie mit dem Netzwerkzeug (U) die Farben der Netzknoten, indem Sie sie auswählen und die entsprechenden Farbtöne auswählen.


Schritt 18

Die orangefarbenen und violetten Pfade über dem Geisterreservoir sind die Lichtpunkte. Sie sollten illustriert werden, indem sie am Anfang mit Weiß gefüllt werden.

Ändern Sie dann den Überblendungsmodus für beide Pfade im Transparenzfenster in Überlagerung.

… Und verringern Sie die Durchlässigkeit der Pfade.


Schritt 19

Das Verbindungsdetail ist mit einem gewöhnlichen linearen Gradienten gefüllt.


Schritt 20

Das Anzeigefeld des Thermometers lässt einen Schatten fallen. Um dies zu veranschaulichen, zeichnen Sie mit dem Stiftwerkzeug (P) einen unten gezeigten Pfad und wenden den schwarzen Pinsel mit grauer Strichfarbe darauf an.

Ändern Sie die Strichstärke und die Deckkraft des Pfads.

Schneiden Sie diesen Pfad mit der entsprechenden Schnittmaske ab, indem Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7) gehen..

Wenden Sie den "schwarzen Pinsel" auf den nächsten Pfad an und beschneiden Sie ihn ebenfalls mit der Schnittmaske.


Schritt 21

Betonen Sie den Rand des Thermometers, indem Sie erneut den auf dem angezeigten Pfad angewendeten "schwarzen Pinsel" verwenden.

Tragen Sie dann den "schwarzen Pinsel" mit den beiden weißen und grauen Strichfarben auf die unten gezeigten Pfade auf, um die Lichtverteilung auf dem Thermometerglas darzustellen. Beschneiden der Pfade mit einer Schnittmaske (Befehl + 7).


Schritt 22

Zeichnen Sie mit dem Stiftwerkzeug (P) einen unten dargestellten Strich über dem Anzeigefeld.

Kopieren Sie sie und fügen Sie sie in den Hintergrund ein (Befehl + C, dann Befehl + B). Verschieben Sie die Kopie an den oberen Rand des Anzeigefelds.

Erstellen Sie die Mischung aus diesen beiden Pfaden. Siehe das Bild unten.

Erstellen Sie eine weitere Mischung auf dieselbe Weise. Diese neuen Striche sollten sich zwischen den Strichen der ersten Mischung befinden.


Schritt 23

Wählen Sie die erste Mischung aus…

… Gehen Sie zu Objekt> Erweitern und klicken Sie auf die Schaltfläche OK.

Öffnen Sie dann die zweite Überblendung im Ebenenbedienfeld, und ändern Sie beide Pfade, um die Strichstärken und die Strichfarben zu verringern.

Ändern Sie die Strichstärken und die Strichfarben der anderen unten gezeigten Pfade auf dieselbe Weise.


Schritt 24

Addieren Sie mit dem Textwerkzeug (T) die Gradzahl zum Thermometer. Ändern Sie dann die angezeigten Werte (mit roten Pfeilen) im Zeichenbereich, drehen Sie die Zahlen mit dem Drehwerkzeug (R) und ändern Sie die zusammengefügten Striche des Thermometeranzeigefelds (mit einem grünen Pfeil dargestellt), um deren Übereinstimmungen zu vermeiden mit den Zahlen.


Schritt 25

Fügen Sie weitere Zahlen hinzu. Platzieren Sie sie an der richtigen Stelle im Indikatorfeld, Objekt> Erweitern Sie sie wie zuvor in diesem Lernprogramm, und ändern Sie die Füllfarbe in Grau.


Schritt 26

Erhöhen Sie dann die Strichgewichte der ausgewählten Pfade im Bild unten. Ändern Sie die Farben von Dunkelgrau zu Hellgrau.

Die Nummern befinden sich unter dem Thermometerglas. Um diesen Effekt zu erzielen, kopieren Sie das Indikatorfeld und fügen Sie ihn in den Vordergrund (Befehlstaste + C, dann Befehlstaste + F) ein. Füllen Sie ihn mit einem winkligen linearen Verlauf, den Sie im Diagramm sehen können.

Ändern Sie anschließend den Mischmodus und die Deckkraft im Transparenzfenster.


Schritt 27

Normalerweise hat Glas helle Flecken. Um dies neu zu erstellen, zeichnen Sie die folgenden Pfade und wenden auf alle den "Art-Pinsel 1" an. Dann ändern Sie die Deckkraft und ändern Sie die Farbe in Weiß. Folgen Sie dem Bild unten.

Illustrieren Sie die Reflexion des Geistes auf der Anzeigetafel, indem Sie ebenfalls den "Art brush 1" verwenden. Diese Reflexion ist kaum zu sehen, muss aber auch veranschaulicht werden.


Schritt 28

Wir müssen am Ende der Spiralröhre hervorheben. Verwenden Sie dazu den "schwarzen Pinsel".

Wiederholen Sie diese Manipulation mit dem nächsten Pfad.

Und das gleiche beim Verbindungsdetail.


Schritt 29

Kopieren Sie die Spirit Tube und fügen Sie sie in den Vordergrund ein (Befehl + C, dann Befehl + F). Füllen Sie es mit einem winkligen linearen Farbverlauf, der von grau bis weiß in der Farbe geht, und von 0% bis 100% bei Deckkraft. Sie müssen dies tun, da der vordere Teil des Spirit Tube auch glasartig ist.

Kopiere auch den Hauptteil des Thermometers und füge vorne ein (Befehl + C, dann Befehl + F). Kehren Sie den Farbverlauf um (da jedes Thermometer ein abgerundetes Objekt ist, wenn Sie es von einem Ende aus betrachten möchten), indem Sie auf die entsprechende Schaltfläche in der Verlaufspalette klicken und die Deckkraft des Pfads verringern.


Schritt 30

Kopieren Sie die Spirit Tube erneut und fügen Sie sie in den Vordergrund (Befehlstaste + C, dann Befehlstaste + F) ein. Nennen Sie diese Kopie "Tube". Füllen Sie es mit einem gezeigten winkligen linearen Verlauf.

Zeichnen Sie dann mit dem Zeichenstift-Werkzeug (P) einen Pfad, der die kleinen Striche der Anzeigetafel auf dem Spirit Tube widerspiegelt. Erstellen Sie aus den Pfaden eine Mischung, wie Sie sie in diesem Tutorial zuvor gemacht haben, um die Reflexionen für alle Striche auf dem Spirit Tube zu veranschaulichen.

Verringern Sie die Deckkraft der Mischung. Ändern Sie die Kappen der Pfade in der Mischung in Runde Kappen in der Konturpalette.

Wähle beide: diese Mischung und die "Tube" ...

… Gehen Sie zum Transparenzbedienfeld, öffnen Sie das Flyout-Menü und wählen Sie den Befehl „Deckkraftmaske erstellen“.


Fazit

Das endgültige Bild ist unten. Verwenden Sie die Techniken, die Sie hier in Ihren eigenen Kunstwerken gelernt haben. Ich hoffe, Ihnen hat dieses Tutorial gefallen.