So veranschaulichen Sie eine Trittleiter in Illustrator

Was kann man über eine Trittleiter sagen? Ein Trittleiter kann als ein Konzept dargestellt werden, das die Entwicklung der Fähigkeiten der Designer und die Verbesserung ihrer Kreativität zeigt. Daher ist es höchste Zeit, das endgültige Bild dieses Tutorials Schritt für Schritt darzustellen. Folgen Sie den Anweisungen, während Sie mit einem professionellen Vektor-Workflow in Adobe Illustrator Ihre eigenen beeindruckenden und beeindruckenden Grafiken erstellen.


Schritt 1

Nimm das Rechteckwerkzeug (M) und illustriere einen Hintergrund für deine Trittleiter.

Nimm nun das Stiftwerkzeug (P) und skizziere einen Pfad, um den vorderen metallischen Teil der Leiter darzustellen.

Gehen Sie zu Objekt> Erweitern. Gehen Sie dann zu Objekt> Gruppierung aufheben. Sperren Sie den resultierenden Pfad in der Ebenen-Palette und speichern Sie ihn als "Hauptrohr" für die weitere Verwendung im Lernprogramm. Es wird auch in Kürze als Beschneidungspfad verwendet.


Schritt 2

Nehmen Sie nun das Rechteckwerkzeug (M) und erstellen Sie einen rechteckigen Pfad mit einer Höhe, die ungefähr der Dicke des gerade dargestellten (purpurroten) Pfads entspricht. Dann ändern Sie die Deckkraft des Rechtecks.

Gehen Sie nun zu Objekt> Verlaufsgitter erstellen und geben Sie die Anzahl der Spalten im Dialogfeld an.

Gehen Sie zu Objekt> Transformieren> Drehen, um den Drehwinkel des Netzes zu definieren, um es so genau wie möglich über dem Purpurpfad zu platzieren.

Platzieren Sie das Netz über dem Ende des Purpurroten Pfads.


Schritt 3

Nimm das Lasso-Werkzeug (Q) und wähle alle Knoten des Verlaufsnetzes außer den beiden untersten aus.

Nimm das Direktauswahl-Werkzeug (A) und bewege die Netzknoten nach oben.

Wählen Sie dann die Netzknoten aus, die sich außerhalb der Grenzen des Purpurroten Pfads befinden.

Nehmen Sie nun das Drehwerkzeug (R) und führen Sie eine Drehung aus, wie in der Abbildung unten gezeigt.

Wiederholen Sie diese Aktionen, um das Netz auf dem roten Pfad zu strecken. Ändern Sie danach die Netzdeckkraft in 100%..


Schritt 4

Nimm das Maschenwerkzeug (U) und füge die Maschenlinien hinzu. Ändern Sie die Farben der Netzknoten in Grau mit unterschiedlichen Helligkeiten, um die Lichtverteilung auf einer metallischen Röhre genau darzustellen. Beschneiden Sie das Netz mit einer Schnittmaske, indem Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7) gehen. Verwenden Sie den im ersten Schritt erstellten purpurroten Pfad als Beschneidungspfad.

Sprengen Sie das Kunstwerk auf und richten Sie Ihre Aufmerksamkeit auf den oberen Teil der Leiter.

Wenn Ihnen Ihr Ergebnis bisher nicht gefällt, verbessern wir es weiter. Sie können die Art-Pinsel für diesen Vorgang anwenden…


Schritt 5

Nimm das Ellipse-Werkzeug (L) und skizziere einen horizontalen elliptischen Pfad, der wie unten gezeigt schwarz ist.

Wechseln Sie zu Object> Transform> Scale und geben Sie die im nachstehenden Diagramm angezeigten Werte an. Klicken Sie danach auf die Schaltfläche Kopieren.

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

Gehen Sie zu Objekt> Überblenden> Überblendoptionen. Stellen Sie den Abstand auf "Angegebene Schritte" und die Anzahl der Schritte auf etwa 100 ein.

Wählen Sie dann beide Ellipsen aus und gehen Sie zu Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B). Sie sollten das gleiche Bild wie unten erhalten.


Schritt 6

Ziehen Sie die erhaltene Mischung per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Art Brush.

Stellen Sie die Elemente für den Pinsel wie in der folgenden Abbildung dargestellt ein, und nennen Sie den Pinsel "Schwarzer Pinsel".

Illustrieren Sie den analogen Art-Pinsel mit dem Namen "Weißer Pinsel".


Schritt 7

Stellen Sie sich einen Pfad im oberen Teil der Leiter vor, tragen Sie den "weißen Pinsel" nach dem Lichtverteilungsprinzip auf, ändern Sie das Strichgewicht und die Deckkraft, je nach Bedarf in Ihrem eigenen Kunstwerk. Beschneiden Sie nun den Pfad mit einer entsprechenden Schnittmaske (die gleiche, die oben verwendet wurde)..

Tragen Sie den "schwarzen Pinsel" auf die folgenden zwei Pfade auf, um die Grenzen des metallischen Rohrs der Leiter hervorzuheben. Die Gewichte dieser Pfade sollten dünn genug sein.


Schritt 8

Fügen Sie einen der schwarzen Metallrohre in die Leiter ein und füllen Sie ihn mit einem geneigten, linearen Verlauf.

Tragen Sie den "schwarzen Pinsel" auf den angezeigten Pfad auf der rechten Seite des Hinterrohrs auf. Ändern Sie gegebenenfalls das Strichgewicht und die Deckkraft. Dann beschneiden Sie den Pfad mit Hilfe der Schnittmaske.

Ziehen Sie das zweite hintere Bein der Leiter auf dieselbe Weise.


Schritt 9

Nun sollten wir die Rohre mit Hilfe des Verbindungsdetails miteinander verbinden. Nimm das Stiftwerkzeug (P) und illustriere das gezeigte Detail über dem Verbindungspunkt der Rohre. Sie muss breiter sein als die Breite der Rohre. Siehe das Bild unten als Referenz. Füllen Sie das Detail mit einem abgewinkelten linearen Verlauf.

Kopieren Sie sie und fügen Sie sie in den Hintergrund ein (Befehl + C, dann Befehl + B). Sperren Sie das ursprüngliche Detail in der Ebenen-Palette. Nehmen Sie nun das Direktauswahl-Werkzeug (A) und ändern Sie die Form der Kopie, um sie an die Tuben anzuschließen. Füllen Sie die Kopie mit einem anderen geneigten, linearen Verlauf. Sie sollten das folgende Ergebnis erhalten.


Schritt 10

Illustrieren Sie einen Verbindungsbolzen mit Hilfe des Ellipse-Werkzeugs (L) und füllen Sie ihn wie gezeigt mit einem radialen Farbverlauf.

Zusätzliche Verbindungsbolzen zeichnen.

Das Verbindungsdetail sei metallisch. Daher sollten wir mit dem "weißen Pinsel" Lichtpunkte darüber erzeugen. Siehe das Bild unten als Referenz.

Produzieren Sie das zweite Verbindungsdetail auf dieselbe Weise.


Schritt 11

Stellen Sie ein Querrohr über der Leiter dar und füllen Sie es mit einem geneigten, linearen Farbverlauf.

Zeichnen Sie nun den folgenden elliptischen Pfad am linken Ende dieser Röhre. Füllen Sie die Ellipse mit einem radialen Farbverlauf. Achten Sie darauf, dass die lange Achse der Ellipse entlang der Kontur des "Hauptrohrs" verläuft, die im ersten Schritt dargestellt wurde. Folgen Sie dem hilfreichen Diagramm unten.

Wählen Sie die "Hauptröhre" aus. Kopieren Sie sie und fügen Sie sie vorne ein (Befehl + C, dann Befehl + F). Wählen Sie die Ellipse darüber (die gerade erstellt wurde), kopieren Sie sie und fügen Sie sie auch in den Vordergrund ein. Wählen Sie anschließend beide Kopien der Pfade aus, wechseln Sie zur Pathfinder-Palette und klicken Sie dort auf die Schaltfläche Intersect.

Beschneiden Sie nun die Ellipse mit dem resultierenden Pfad, indem Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7) gehen..


Schritt 12

Kopieren Sie das Querrohr und fügen Sie es in Front ein (Befehl + C, dann Befehl + F). Kopieren Sie nur den resultierenden Beschneidungspfad und fügen Sie ihn auch in Front ein. Wählen Sie diese neuen Kopien aus. Nehmen Sie das Shape Builder-Werkzeug (Umschalt + M) und ziehen Sie die Maus von links nach rechts über die Pfade, wie in der folgenden Abbildung dargestellt. Oder verwenden Sie die Pathfinder-Palette für diesen Vorgang.

Löschen Sie danach die nicht benötigten Pfade. Und verwenden Sie den resultierenden Pfad als Schnittmaske für das Querrohr. Alles in allem sollten Sie den Effekt des Einführens des Querrohrs in das "Hauptrohr" erhalten.


Schritt 13

Illustrieren Sie die nächsten Querrohre auf dieselbe Weise. Siehe die Bilder unten als Referenz.


Schritt 14

Die nächsten Schritte werden der Erstellung der Schritte gewidmet (Wortspiel beabsichtigt). Sehen Sie sich den Schrittstil an, den wir unten erstellen werden.

Wenn Sie wissen, wie Sie dies erreichen, tun Sie dies ohne Hilfe. Andernfalls sollten Sie die nächsten Teile des Tutorials sorgfältig lesen. Veranschaulichen Sie zunächst einen scheren Bereichsweg, der mit einem winkelförmigen linearen Gradienten gefüllt ist.

Kopiere es und füge vorne ein (Befehlstaste + C, dann Befehlstaste + F), fülle es mit Schwarz und bewege es etwas nach oben.

Kopiere es erneut und füge vorne ein (Befehlstaste + C, dann Befehlstaste + F), fülle es mit einem winkelförmigen linearen Farbverlauf und erstelle eine Schrittweite mit dem Stiftwerkzeug (P)..

Erstellen Sie jetzt einen hellgrauen Pfad darüber.


Schritt 15

Wir verwenden den "schwarzen Pinsel", um die Kerben auf der Stufe zu erzeugen. Mal sehen, wie das funktioniert. Zeichnen Sie zu Beginn einen kleinen Pfad mit Hilfe des Stiftwerkzeugs (P) auf der rechten Seite der Stufe, und wenden Sie dann den "schwarzen Pinsel" darauf an. Ändern Sie die Strichstärke des Pfads, um das unten abgebildete Bild zu erstellen.

Veranschaulichen Sie denselben Pfad mit derselben Technik auf der linken Seite der Stufe.


Schritt 16

Gehen Sie zu Objekt> Überblenden> Überblendoptionen, setzen Sie den Abstand auf Angegebene Schritte und die Anzahl der Schritte auf etwa 50.

Wählen Sie beide Pfade aus und gehen Sie zu Object> Blend> Make (Befehl + Alt + B)..

Ändern Sie ggf. die Deckkraft der Überblendung und beschneiden Sie sie mit einem Beschneidungspfad.

Beschneiden Sie die Stufe auch mit einem Beschneidungspfad.


Schritt 17

Veranschaulichen Sie einen Pfad, der mit einem linearen Farbverlauf gefüllt ist, wie in der folgenden Abbildung dargestellt.

Zeichnen Sie den nächsten ähnlichen Pfad.

Nehmen Sie jetzt das Stiftwerkzeug (P) und zeichnen Sie den seitlichen Teil des Verbindungsdetails. Füllen Sie es mit einem üblichen linearen Farbverlauf.

Kopieren Sie ihn und fügen Sie ihn in den Vordergrund ein (Befehl + C, dann Befehl + F) und füllen Sie ihn mit einem vertikalen Farbverlauf.

Ändern Sie den Füllmodus dieses Pfads in der Transparenz-Palette in Multiplizieren.


Schritt 18

Befestigen Sie das grüne Detail wie gezeigt mit einem Verbindungsbolzen am "Hauptrohr".

Wenden Sie den "weißen Pinsel" auf den folgenden Pfad an, um die Lichtverteilung zu reproduzieren. Beschneiden Sie den Pfad mit einer entsprechenden Schnittmaske.

Illustrieren Sie das rechte grüne Detail.

Stellen Sie sich so viele Stufen der Leiter vor, wie Sie möchten.


Schritt 19

Stellen Sie sich die obere Platte der Leiter mit einem linearen Neigungswinkel dar.

Skizzieren Sie nun einen braunen seitlichen Pfad der oberen Platte, um ihr Volumen zu verleihen.

Nimm das Stiftwerkzeug (P) und erstelle einen vorderen seitlichen Teil der Platte und fülle es mit dunkelbraun.

Bringen Sie die Platte in die richtige Position.


Schritt 20

Nimm das Ellipsenwerkzeug (L) und illustriere einen elliptischen Pfad über dem Beinende.

Kopiere es und füge vorne ein (Befehlstaste + C, dann Befehlstaste + F), fülle es mit einer anderen Farbe und ändere die Deckkraft beider Ellipsen. Gehen Sie dann zu Objekt> Transformieren> Skalieren und verkleinern Sie die Kopie der Ellipse wie gezeigt auf die Beingröße.

Kopieren Sie die Beinröhre und fügen Sie sie in Front ein (Befehlstaste + C, dann Befehlstaste + F). Wählen Sie beide aus: Diese Kopie und die kleine Ellipse, nehmen Sie das Shape Builder-Werkzeug (Umschalttaste + M) und ziehen Sie den Mauszeiger wie gezeigt über die Pfade. Oder verwenden Sie dazu die Pathfinder-Palette.


Schritt 21

Löschen Sie dann die nicht benötigten Pfade und verwenden Sie den resultierenden Pfad als Schnittmaske für das Beinrohr.

Ändern Sie die Deckkraft der roten Ellipse auf 100% und ändern Sie die Farbfüllung in Schwarz. Erstellen Sie dann einen Pfad (siehe Abbildung unten), indem Sie das Shape Builder-Tool (Umschalt + M) oder die Pathfinder-Palette verwenden.

Wenden Sie den "weißen Pinsel" auf die folgenden Pfade an und beschneiden Sie sie mit einer Schnittmaske. Danach produzieren Sie diese Stützdetails unter allen Beinen.


Schritt 22

Stellen Sie sich die Schatten der Beine mit Mischungen vor. Siehe die hilfreichen Abbildungen unten.


Fazit

Das endgültige Bild ist unten. Ich hoffe, Sie haben in diesem Tutorial die wichtigsten Techniken von Adobe Illustrator studiert und haben Spaß daran, sie in Ihrer eigenen Arbeit anzuwenden.