Wie kann man ein Stethoskop-Symbol veranschaulichen?

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

Diese Arbeit ist ein gemeinsames Projekt, das zusammen mit Iaroslav Lazunov und Oleksandr Iegupov erstellt wurde. Wir haben Meshes, Art Brushes und Blends verwendet, um die endgültige Arbeit zu erstellen. Die Fähigkeiten, die Sie hier erlernen, können leicht auf die Erstellung verschiedener Objekte übertragen werden. Also lasst uns anfangen!

Schritt 1

Zunächst müssen Sie die Hauptgeometrie des Endergebnisses erstellen. Sie müssen das folgende Bild unten erreichen.

Wenn Sie wissen, wie Sie dies erreichen können, tun Sie dies selbst ohne Hilfe und fahren Sie sofort mit Schritt 7 fort. Andernfalls sollten Sie die ersten sechs Schritte dieses Tutorials sorgfältig lesen. Nehmen Sie das Stiftwerkzeug (Pen Tool) (P) und zeichne den folgenden verdrehten Pfad. Verwenden Sie auch das Direktauswahl-Werkzeug (Direct Selection Tool) (A), um die erforderlichen Ankerpunkte in Glättung umzuwandeln und dem Pfad die gewünschte Form zu verleihen.

Erstellen Sie dann den nächsten Pfad unter dem ersten. Bemühen Sie sich, im oberen Teil Ihres Diagramms eine Herzform zu erstellen. Der zweite Weg ist vom ersten visuell fortzusetzen.

Erstellen Sie den dritten Pfad im unteren Teil des Diagramms auf die gleiche Weise.

Wir haben drei verschiedene Pfade anstelle eines Pfades verwendet, um Selbstkreuzungen zu vermeiden. Eine Selbstkreuzung kann zu weiteren Problemen bei überlappenden Gradientennetzen an den Kreuzungspunkten führen. Weitere Informationen finden Sie im folgenden Kurztipp.

Schritt 2

Nehmen Sie das Liniensegment-Werkzeug (Line Segment Tool) (\) und zeichnen Sie eine Linie, die unten gezeigt wird.

Verwenden Sie das nächste Skalierungsbild als Referenz für die Verbindung des Pfads.

Gehen Sie zu Objekt > Transformieren > Drehen (Object > Transform > Rotate) und stellen Sie den Wert für den Winkel so ein, wie Sie ihn im folgenden Diagramm sehen.

Und klicken Sie auf die Schaltfläche "Kopieren". Platzieren Sie danach beide Linien wie gezeigt und sperren Sie sie in der Ebenen-Palette. Diese beiden Linien sind unsere Richtlinien für die Herstellung des Metallteils des Stethoskops.

Schritt 3

Nimm das Stiftwerkzeug (P) und erstelle den folgenden grünen Pfad.

Zeichnen Sie dann einen neuen hellblauen Pfad als Ergänzung zum grünen. Siehe das Bild unten als Referenz.

Schritt 4

Nehmen Sie das Rechteck-Werkzeug (Rectangle Tool) (M), zeichnen Sie ein Rechteck und füllen Sie es mit Violett.

Nehmen Sie das Direktauswahl-Werkzeug (A) und wählen Sie beide rechten Ankerpunkte aus,...

... gehen Sie zu Objekt > Transformieren > Skalieren (Object > Transform > Scale) und formen Sie es zu einem Trapez. Folgen Sie dem Diagramm unten.

Wählen Sie nun beide linken Ankerpunkte aus und konvertieren Sie sie in Glätten.

Legen Sie das Ohrende des Stethoskops auf seinen Platz.

Schritt 5

Erstellen Sie ein anderes Ende des Stethoskops relativ zur Richtlinie.

Erstellen Sie mit dem Ellipsen-Werkzeug (L) einen braunen Kreis.

Danach können Sie die geneigten Richtlinien löschen oder unsichtbar machen.

Und lassen Sie uns am zweiten Ende des Stethoskops arbeiten, auf das ein Pfeil im obigen Diagramm zeigt.

Schritt 6

Konstruieren Sie ein Rechteck, füllen Sie es mit Hellblau und drehen Sie es, indem Sie zu Objekt > Transformieren > Drehen gehen.

Machen Sie einen Kreis mit dunkelgrün gefüllt.

Gehen Sie zu Objekt > Transformieren > Skalieren und fügen Sie die verkleinerte Kopie dieses Kreises ein. Ändern Sie die Füllfarbe.

Erstellen Sie einen purpurroten Kreis, bewegen Sie ihn leicht nach oben und links.

Konstruieren Sie gelbe und blaue konzentrische Kreise.

Schritt 7

Erhöhen Sie das Strichgewicht des orangefarbenen Pfades, um eine Gummischlauchdicke darzustellen.

Führen Sie dieselbe Aktion mit anderen Pfaden aus.

Schritt 8

Platziere den orangefarbenen Pfad unter dem Heliotrop.

Wählen Sie dann den Heliotroppfad,...

... und gehen Sie zu Objekt > Erweitern (Object > Expand).

Erweitern Sie auch die orange und purpurroten Pfade.

Wählen Sie dann drei gerade erweiterte Pfade aus, die einen Gummischlauch bilden, kopieren Sie sie und fügen Sie sie vor (Command + C, dann Command + F), gehen Sie zur Pathfinder-Palette und klicken Sie dort auf die Schaltfläche Vereinigen.

Nennen Sie diesen zusammengesetzten Pfad "Hauptpfad". Machen Sie es in der Ebenen-Palette unsichtbar.

Schritt 9

Erweitern Sie das linke Ende des Stethoskops (grüne, hellblaue und hellbraune Pfade).

Schritt 10

Lassen Sie uns das Auskultationsgerät des Stethoskops bearbeiten. Wählen Sie den grauen Kreis aus und füllen Sie ihn mit der radialen Gradient-Füllung. Das Ergebnis sollte ungefähr so aussehen.

Wählen Sie den hellblauen rechteckigen Pfad aus und füllen Sie ihn mit dem linearen Gradient.

Wählen Sie den gelben Kreis aus und füllen Sie ihn mit einer dunklen Farbe.

Nennen wir es "Hauptkreis".

Schritt 11

Kopieren Sie diesen Kreis und fügen Sie ihn vor (Command + C, dann Command + F). Erweitern Sie es, indem Sie zu Objekt > Transformieren > Skalieren gehen. Nimm das Stiftwerkzeug (P) und erstelle den folgenden (dreieckigen grünen) Pfad. Wählen Sie beide aus: die Kopie des Kreises und den grünen Pfad.

Gehen Sie zur Pathfinder-Palette und klicken Sie auf die Schneiden (Intersect)-Schaltfläche .

Füllen Sie es mit der radialen Gradient-Füllung.

Schritt 12

Konstruieren Sie drei Ovale, die mit den aufgezählten Farben gefüllt sind: Das erste kleinste ist weiß, das zweite mittlere ist hellgrau und das drittgrößte ist wieder weiß.

Setzen Sie die Opazität des größten Ovals auf Null.

Gehen Sie zu Objekt > Mischen >Mischen-Optionen (Object > Blend > Blend Options) und stellen Sie den Abstand auf "Angegebene Schritte" und die Anzahl der Schritte auf 35 ein.

Gehen Sie zu Objekt > Mischen > Erstellen (Object > Blend > Make) (Command + Alt + B).

Kopieren Sie den purpurroten Kreis und fügen Sie ihn vorne ein (Command + C, dann Command + F).

Wählen Sie beide aus: die Kopie des Purpurkreises und die Mischung...

... und gehen Sie zu Objekt > Schnittmaske > Erstellen (Object > Clipping Mask > Make) (Command + 7).

Schritt 13

Wählen Sie "den Hauptkreis", kopieren Sie ihn und fügen Sie ihn vorne ein (Command + C, dann Command + F). Wählen Sie diese Kopie und den purpurroten Kreis.

Gehen Sie zu Objekt > Zusammengesetzter Pfad > Erstellen (Object > Compound Path > Make) (Command + 8). Füllen Sie es mit der radialen Gradient-Füllung.

Schritt 14

Wählen Sie den blauen Kreis aus und platzieren Sie ihn oben in der Ebenen-Palette.

Und füllen Sie es mit der radialen Gradient-Füllung.

Schritt 15

Nehmen Sie das Ellipsen-Werkzeug (L), zeichnen Sie eine längliche Ellipse, setzen Sie den Strich auf Keine, wählen Sie gleichzeitig den linken und rechten Ankerpunkt mit dem Direktauswahl-Werkzeug (A) aus und konvertieren Sie sie in den Eckentyp der Ankerpunkte .

Ziehen Sie es als Kunstpinsel in die Pinselpalette. Stellen Sie im Pinseloptionsfenster die Richtung des Pinselstrichs von links nach rechts ein. Nennen wir diesen Pinsel "Pinsel1". Nehmen Sie dann das Stiftwerkzeug (P) und zeichnen Sie den Pfad, der in der folgenden Abbildung dargestellt ist.

Wenden Sie den gerade erstellten "Pinsel1" auf diesen Pfad an. Sie können das Strichgewicht des Pinsels nach Belieben ändern. Gehen Sie zu Objekt > Darstellung erweitern (Object > Expand Appearance).

Füllen Sie es dann mit der radialen Gradient-Füllung.

Erstellen Sie einen weiteren Pfad, der mit der radialen Gradient-Füllung gefüllt ist.

Schritt 16

Wir werden das Gradient-Gitter verwenden, um ein Helldunkel auf der Röhre zu erzeugen. Die drei erstellten Pfade der Röhre (1. Heliotrop, 2. Orange und 3. Purpur) werden als Vorlagen verwendet. Es ist daher besser, sie in der Ebenenpalette zu sperren.

Da die Röhre einen Überkreuzungspfad darstellt, werden drei Gradientennetze verwendet. Fahren wir mit der Erstellung des ersten fort. Nehmen Sie das Rechteck-Werkzeug (M) und erstelle ein Rechteck mit einer Höhe, die ungefähr der Dicke des Rohrs entspricht.

Ändern Sie der Einfachheit halber die Opazität des Rechtecks in der Transparenzpalette.

Wenn das Rechteck ausgewählt ist, gehen Sie zu Objekt > Gradient-Gitter erstellen (Object > Create Gradient Mesh) und legen Sie die Werte für Zeilen und Spalten im Dialogfeld fest.

Schritt 17

Platzieren Sie das Rechteck an der Kreuzung zweier erster Pfade (1. Heliotrop, 2. Orange). Drehen Sie das Rechteck wie in der folgenden Abbildung gezeigt.

Zoomen Sie jetzt in Ihre Arbeit.

Nehmen Sie das Direktauswahl-Werkzeug (A), wählen Sie die Ankerpunkte des Gitters aus und bewegen Sie es so, dass es mit den Winkeln des Heliotroppfads übereinstimmt. Versuche es so genau wie möglich zu machen.

Schritt 18

Nimm das Lasso-Werkzeug (Q) und wähle alle Knoten des Gradient-Gitters mit Ausnahme der beiden unteren aus.

Nehmen Sie nun das Direktauswahl-Werkzeug (A) und ziehen Sie den linken Mittelpunkt des Netzgitters an den Rand der Röhre.

Nehmen Sie das Drehwerkzeug (Rotate Tool) (R) und stellen Sie den Drehpunkt auf den Punkt ein, der im obigen Diagramm durch einen Pfeil dargestellt ist. Führen Sie dann eine Drehung durch, wie in der folgenden Abbildung dargestellt.

Verschieben Sie die Netzgitterlinien an den Schablonen der Knoten in die Schablone der Röhre.

Schritt 19

Nehmen Sie das Netzwerkzeug (U) und fügen Sie unserem Netz zwei Gradientslinien hinzu.

Nimm das Lasso-Werkzeug (Q) und wähle die vier Ankerpunkte ganz rechts des Gitters aus (alle anderen Arbeiten sind in der Ebenen-Palette gesperrt).

Gehen Sie zu Objekt > Transformieren > Skalieren und vergrößern Sie die Abstände zwischen diesen Ankerpunkten. Das Hilfediagramm ist unten.

Schritt 20

Fügen Sie jetzt eine neue Gitterlinie hinzu.

Fügen Sie mit dem Netzwerkzeug (U) auch mehrere Längsnetzlinien hinzu und stellen Sie die Opazität des Netzes auf 100% ein.

Schritt 21

Färben Sie das Netz auf die Schattierungen der Kirschfarbe.

Achten Sie auf den Bereich, auf den ein Pfeil zeigt. Es ist in der folgenden Abbildung vergrößert dargestellt. Die mittlere Netzlinie hat dunklere Farbtöne.

Danach können Sie die erste Heliotrop-Vorlage löschen oder unsichtbar machen.

Schritt 22

Das zweite Gradient-Gitter für die orangefarbene Vorlage wird auf ähnliche Weise erstellt.

Wir möchten Ihnen nur einige Ratschläge geben:

1. Die Farben der Maschenübergangspunkte müssen miteinander übereinstimmen. Mit anderen Worten, die Farben der angegebenen Ankerpunkte des zweiten Gitters müssen mit den Farben der entsprechenden Ankerpunkte des ersten Netzes übereinstimmen. Siehe die Diagramme als Referenz.

2. Die unter dem Rohr selbst liegenden Rohrteile sind schattiert.

3. Wenn Sie die orangefarbene Vorlage nicht mit den vorhandenen Knoten eines durchscheinenden Netzes wiederholen können, können Sie mit dem Gradient-Gitter-Werkzeug (U) zusätzliche Linien des Rasters erstellen.

Schritt 23

Erstellen Sie mit der beschriebenen Technik den dritten Teil des Gradient-Gitters (für den purpurroten Pfad).

Schritt 24

Erstellen Sie die metallischen Teile des Stethoskops auf die gleiche Weise.

Nimm das Netzwerkzeug (U) und klicke auf das rechte Metallteil. Stellen Sie eine dunkle Farbe auf den Ankerpunkt ein.

Füllen Sie die Ohrteile des Stethoskops (zwei Endteile) mit der Radialgradientenfüllung. Die Ergebnisse sollten wie in den folgenden Bildern aussehen.

Wählen Sie nun einen runden braunen Pfad.

Und füllen Sie es mit dem radialen Gradient.

Schritt 25

Nimm das Ellipsen-Werkzeug (L) und zeichne einen länglichen elliptischen Pfad. Setzen Sie den Strich auf Keine. Füllen Sie diesen Pfad mit einer beliebigen Farbe. Nehmen Sie dann das Direktauswahl-Werkzeug (A), wählen Sie den Ankerpunkt ganz rechts auf diesem Pfad aus und konvertieren Sie ihn in eine Ecke.

Ziehen Sie diesen Pfad per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Pinsel. Stellen Sie die Elemente für den Pinsel wie in der folgenden Abbildung gezeigt ein.

Nennen wir diesen Pinsel "Brush2".

Schritt 26

Kopieren Sie es und fügen Sie es vorne ein (Command+ C, dann Command+ F). Verringern Sie die Abmessungen, indem Sie zu Objekt > Transformieren > Skalieren gehen. Füllen Sie es mit einem helleren Farbton von Kirschfarbe.

Setzen Sie die Opazität des größten Pfades auf Null. Gehen Sie zu Objekt > Mischen > Mischen-Optionen und stellen Sie den Abstand auf die angegebenen Schritte und die Anzahl der Schritte auf 50 ein. Wählen Sie dann beide aus: den größten und den kleinsten Pfad und gehen Sie zu Objekt > Mischen > Erstellen (Command + Alt + B).

Ziehen Sie diese Mischung per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Pinsel. Stellen Sie die Elemente für den Pinsel wie gezeigt ein.

Nennen wir diesen Pinsel "Brush3". Erstellen Sie mit der beschriebenen Technik den nächsten Pinsel (nennen Sie ihn "Brush4") mit einer dunkleren Farbe.

Schritt 27

Nimm das Stiftwerkzeug (P) und erstelle einen Pfad auf der oberen Schlaufe des Rohrs.

Tragen Sie den "Pinsel 1" darauf auf.

Wählen Sie diesen Pfad aus und gehen Sie zu Objekt > Darstellung erweitern.

Nimm das Liniensegment-Werkzeug (\) und zeichne den folgenden Pfad.

Wählen Sie beide aus: diese Linie und den violetten Pfad, und gehen Sie zur Pathfinder-Palette, um dort auf die Schaltfläche Teilen zu klicken. Gehen Sie dann zu Objekt > Gruppierung (Object > Ungroup) aufheben. Wählen Sie danach den rechten Pfad aus und füllen Sie ihn mit dem vertikalen Farbverlauf, bei dem die Opazität des linken Farbstopps gleich Null ist. Die Farbe von zwei Farbstopps ist dieselbe.

Wählen Sie nun den linken Pfad aus und füllen Sie ihn mit dem linearen Farbverlauf, wobei die rechte Farbstopp-Opazität gleich Null ist. Die Farbe von zwei Farbstopps ist ebenfalls gleich.

Der Lichtpunkt sollte ungefähr so aussehen.

Schritt 28

Zeichnen Sie einen weiteren Lichtpunkt auf die Röhre, indem Sie einen ähnlichen Farbverlauf und "Pinsel1" verwenden.

Erstellen Sie mit derselben Technik und "Pinsel 2" einen neuen Lichtpunkt.

Schritt 29

Zeichnen Sie einen Pfad und wenden Sie "Pinsel3" darauf an. Ändern Sie die Opazität des Pfads. Machen Sie sich jetzt keine Sorgen, dass Sie den aufgetragenen Pinsel aus den Rändern des Röhrchens herausholen. Wir werden bald unnötige Teile schneiden.

Erstellen Sie andere Pfade und wenden Sie "Pinsel3" auch auf sie an. Ändern Sie auch die Opazität.

Machen Sie einen weiteren Weg, wenn Sie das Rohr verbreitern, und tragen Sie den "Pinsel3" ebenfalls darauf auf.

Wenden Sie "Pinsel4" auf den folgenden Pfad an, um Schatten auf der Röhre darzustellen. Verringern Sie die Opazität dieser Pfade.

Schritt 30

Nehmen wir nun den zusammengesetzten Pfad "Hauptpfad" (erstellt im achten Schritt) und platzieren ihn über diesen Pfaden (erstellt im neunundzwanzigsten Schritt). Wählen Sie alle diese Pfade aus und gehen Sie zu Objekt > Schnittmaske > Erstellen (Command + 7).

Schritt 31

Nimm das Ellipsen-Werkzeug (L) und erstelle eine längliche Ellipse. Setzen Sie den Strich auf Keine. Füllen Sie es mit einer dunkelgrünen Farbe.

Wählen Sie die Ankerpunkte ganz links und ganz rechts aus und konvertieren Sie sie in eine Ecke. Gehen Sie zu Objekt > Transformieren > Skalieren und legen Sie den reduzierten Wert des Prozentsatzes fest. Verwenden Sie das Bild unten als Referenz.

Klicken Sie auf die Schaltfläche Kopieren.

Schritt 32

Nehmen Sie das Direktauswahl-Werkzeug (A) und wählen Sie zwei Ankerpunkte ganz links dieser Ellipsen aus.

Drücken Sie die Entf-Taste auf Ihrer Tastatur.

Schritt 33

Schließen Sie die Pfade, indem Sie für jeden Pfad zu Objekt > Pfad > Verbinden (Object > Path > Join) (Command + J) gehen.

Setzen Sie die Opazität des größten Pfades auf Null.

Schritt 34

Gehen Sie zu Objekt > Mischen > Mischen-Optionen und setzen Sie den Abstand auf Angegebene Schritte und die Anzahl der Schritte auf 50.

Gehen Sie dann zu Objekt > Mischen > Erstellen (Command + Alt + B).

Schritt 35

Ziehen Sie diese Mischung nun in die Pinsel-Palette und legen Sie sie dort ab. Wählen Sie im Fenster Optionen den Pinsel-Typ aus. Stellen Sie die Pinseloptionen wie gezeigt ein. Und nennen Sie diesen Pinsel "Pinsel5".

Erstellen Sie "Pinsel6" mit der gleichen Technik.

Und erstelle "Pinsel7".

Schritt 36

Wählen Sie nun den grünen Pfad.

Und teilen Sie es auf zwei Pfade auf die im siebenundzwanzigsten Schritt beschriebene Weise.

Wählen Sie den richtigen Pfad und füllen Sie ihn mit einem radialen Gradient.

Wählen Sie den linken Pfad und füllen Sie ihn ebenfalls mit einem radialen Gradient.

Schritt 37

Zeichnen Sie mit Hilfe des Stiftwerkzeugs (P) einen Pfad.

Wende "Pinsel5" darauf an.

Verringern Sie die Opazität.

Und verringern Sie das Strich-Gewicht.

Schritt 38

Machen Sie dasselbe mit dem zweiten Pfad.

Wenden Sie "Pinsel6" auf die folgenden Pfade an.

Und wende "Pinsel7" auf den nächsten Pfad an.

Schritt 39

Wählen Sie jetzt den rechten Teil des grünen Pfades aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Stellen Sie die Elemente für den Effekt wie gezeigt ein.

Machen Sie dasselbe mit einem anderen Teil.

Schritt 40

Wählen Sie das graue runde Teil aus, kopieren Sie es und fügen Sie es wieder ein (Command + C, dann Command + B). Gehen Sie zu Effekt > Stilisieren > Schlagschatten und stellen Sie die Elemente wie gezeigt ein.