So veranschaulichen Sie einen drahtlosen 3D-Heimrouter

In diesem Tutorial zeige ich Ihnen, wie Sie mit dem Rechteck-Werkzeug, dem Ellipse-Werkzeug und den Farbverläufen einen eigenen drahtlosen Heimrouter erstellen. Außerdem verwenden wir das Pathfinder-Bedienfeld.


Schritt 1

Öffnen Sie ein neues Dokument. Nimm das Rechteckwerkzeug (M) und zeichne ein Rechteck mit der Größe W: 240px H: 444px.


Schritt 2

Nehmen Sie das Ellipsenwerkzeug (L), zeichnen Sie im unteren Teil des Rechtecks ​​eine Ellipse, und zeichnen Sie im oberen Teil eine weitere mit einer Größe wie unten gezeigt, und platzieren Sie sie in der gezeigten Position.


Schritt 3

Wählen Sie nun in Schritt 1 die untere Ellipse und das Rechteck aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen.


Schritt 4

Kopiere die obere Ellipse mit Befehlstaste + C und füge sie mit Befehlstaste + F ein. Die Kopie wird in den nächsten Schritten benötigt. Wählen Sie anschließend die ursprüngliche Ellipse und das in Schritt 1 erstellte Rechteck aus. Öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Minus Front.


Schritt 5

Wählen Sie die Form aus, die im vorherigen Schritt angezeigt wurde, und füllen Sie sie wie unten gezeigt mit einem linearen Farbverlauf.


Schritt 6

Nehmen Sie das Rechteckwerkzeug (M), zeichnen Sie ein Rechteck mit der schwarzen Farbe in der Mitte der vorherigen Form. Erstellen Sie dann eine Kopie der Form, die Sie im vorherigen Schritt mit einem linearen Farbverlauf gefüllt haben, mit Befehlstaste + C, und fügen Sie sie mit Befehlstaste + ein F. Wählen Sie die Kopie und das zuvor erstellte Rechteck aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche "Überschneiden".


Schritt 7

Wählen Sie nun die Kopie der Ellipse aus Schritt 4 aus und füllen Sie sie wie unten gezeigt mit einem linearen Farbverlauf.


Schritt 8

Wenn Sie die Form aus dem vorherigen Schritt ausgewählt haben, die Sie mit einem linearen Farbverlauf gefüllt haben, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -2px, klicken Sie auf OK und ändern Sie die Farbe der Form, die nach dem Anwenden des Versatzes auf R: 35 G: 31 B: 32 angezeigt wurde.


Schritt 9

Nimm das Ellipse-Werkzeug (L), zeichne eine Ellipse mit der Größe W: 229px H: 33px und gehe zu Fenster> 3D> Extrusion & Abschrägung. Legen Sie die Werte wie unten gezeigt fest, klicken Sie auf OK und direkt danach auf Objekt> Darstellung erweitern. Öffnen Sie danach das Pathfinder Panel, klicken Sie auf die Schaltfläche Add to Shape Area, füllen Sie die Form mit einem linearen Farbverlauf und platzieren Sie sie wie unten gezeigt in Position:


Schritt 10

Zeichnen Sie eine Ellipse mit der Größe W: 229px H: 32 und zeichnen Sie dann eine weitere Ellipse mit der Größe W: 224px H: 27px. Platzieren Sie die zweite Ellipse, die Sie wie unten gezeigt in Position gebracht haben, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Minus Front.


Schritt 11

Platzieren Sie die Form aus dem vorherigen Schritt in der unten gezeigten Position und füllen Sie sie mit einem linearen Farbverlauf. Schauen Sie sich das Bild unten an:


Schritt 12

Kopieren Sie die Form aus dem vorherigen Schritt mit Befehlstaste + C, fügen Sie sie mit Befehlstaste + F ein, löschen Sie die oberen Punkte der Kopie, deaktivieren Sie die Füllfarbe und wenden Sie Strich: 1px mit der Farbe R: 146 G: 164 B: 170 an. Schauen Sie sich das Bild unten an.


Schritt 13

Nehmen Sie das Ellipse-Werkzeug (L), zeichnen Sie eine Ellipse mit der Größe W: 224px H: 27px, füllen Sie sie mit einer Farbe von R: 131 G: 146 B: 148 und platzieren Sie sie wie in der folgenden Abbildung gezeigt:


Schritt 14

Zeichnen Sie eine weitere Ellipse über die vorherige Ellipse (siehe Abbildung unten). Erstellen Sie dann eine Kopie der Ellipse aus dem vorherigen Schritt mit Befehlstaste + C, und fügen Sie sie mit Befehlstaste + F ein. Wählen Sie nun die Kopie und die Ellipse aus, die Sie gerade erstellt haben, öffnen Sie das Pathfinder Panel, klicken Sie auf die Schaltfläche Intersect, und füllen Sie die Form mit einem linearen Farbverlauf R: 208 G: 211 B: 206 bis R: 143 G: 163 B: 167.


Schritt 15

Mit dem Stiftwerkzeug (P) fügen Sie die Form wie in der folgenden Abbildung hinzu und füllen Sie sie mit einem linearen Farbverlauf R: 70 G: 87 B: 89 bis R: 29 G: 51 B: 56.


Schritt 16

Wiederholen Sie die gleiche Aktion ab Schritt 14, bis Sie die verbleibenden Formen wie unten gezeigt hinzufügen.


Schritt 17

Wir fahren mit dem unteren Teil des Routers fort. Nehmen Sie das Ellipsenwerkzeug (L), zeichnen Sie eine Ellipse mit der Größe W: 247px H: 60px, füllen Sie sie mit einem linearen Farbverlauf wie unten gezeigt, platzieren Sie die Ellipse im unteren Teil des Routers und senden Sie sie hinter alle anderen (Objekt> Anordnen > Zurück senden).


Schritt 18

Wählen Sie die Form aus, die in Schritt 5 angezeigt wurde, kopieren Sie sie mit Befehlstaste + C, und fügen Sie sie mit Befehlstaste + F ein. Wählen Sie nun mit dem Direktauswahl-Werkzeug (A) die oberen Schlüsselpunkte der Kopie aus, löschen Sie sie und deaktivieren Sie die Füllfarbe Hub: 3px, Profil: Breite Profil 3 mit schwarzer Farbe. Gaußscher Weichzeichner-Radius anwenden: 3px.


Schritt 19

Kopieren Sie die Form aus dem vorherigen Schritt mit Befehlstaste + C, fügen Sie sie mit Befehlstaste + F ein, löschen Sie die Gaußsche Unschärfe im Erscheinungsbildfenster, reduzieren Sie den Strich auf 1 Pixel und füllen Sie ihn mit einem linearen Farbverlauf wie in der folgenden Abbildung gezeigt:


Schritt 20

Nehmen Sie das Ellipse-Werkzeug (L), zeichnen Sie einen Kreis mit der Größe W: 43px H: 43px und einer Farbe R: 35 G: 31 B: 32 und platzieren Sie ihn wie unten gezeigt.


Schritt 21

Wenn der Kreis aus dem vorherigen Schritt ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -1px, klicken Sie auf OK und füllen Sie die neue Form mit einem radialen Farbverlauf wie folgt:


Schritt 22

Wenn Sie die Form aus dem vorherigen Schritt ausgewählt haben, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -3px, klicken Sie auf OK und verschieben Sie mit dem Verlaufswerkzeug (G) die Lichtfarbe im oberen Teil des Kreises wie unten gezeigt.


Schritt 23

Wenn Sie die Form aus dem vorherigen Schritt ausgewählt haben, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -3px, klicken Sie auf OK, schieben Sie die neue Form um 1px nach unten und füllen Sie sie mit einer Farbe von R: 20 G: 24 B: 21.


Schritt 24

Wählen Sie alle Formen der Schaltfläche aus und gruppieren Sie sie (Objekt> Gruppe)..


Schritt 25

Wählen Sie nun die Gruppe der Schaltfläche aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Nehmen Sie die Einstellungen wie in der Abbildung unten vor und klicken Sie auf OK.


Schritt 26

Fügen Sie zu jeder Schaltfläche das erforderliche Symbol hinzu, indem Sie zu Fenster> Symbolbibliotheken> Websymbole wechseln. Wählen Sie die gewünschten Symbole aus, verkleinern Sie sie und gehen Sie zu Objekt> Aussehen erweitern. Ändern Sie dann die Farbe in R: 198 G: 217 B: 157.


Schritt 27

Jetzt haben wir noch den Schatten des Routers. Um dies zu tun, nimm das Ellipse-Werkzeug (L), zeichne eine Ellipse mit der Größe W: 268px H: 62px und fülle sie mit einem radialen Farbverlauf (siehe unten). Wenden Sie außerdem den Gaußschen Weichzeichner-Radius an: 10 Pixel, ändern Sie den Füllmodus von Normal zu Multiplizieren, setzen Sie die Form hinter alle anderen (Objekt> Anordnen> Nach hinten verschieben) und platzieren Sie sie wie unten gezeigt in Position.


Fazit

Und hier ist das Endergebnis. Wie Sie sehen, kann ein sehr realistisches Ergebnis erzielt werden, wenn Gradienten und Perspektive richtig verwendet werden. Ich hoffe, dass dir dieses Tut gefallen hat. Spielen Sie mit verschiedenen Objekten, die aus den gleichen Formen bestehen, und erfahren Sie mehr über das Erstellen von Objekten in 3D.