Share
In diesem Lernprogramm erfahren Sie, wie Sie ein Bluetooth-Gerät mit einigen der grundlegenden Tools von Adobe Illustrator erstellen. Um dieses großartig aussehende Gerät zu bauen, verwenden Sie runde Ecken, einen versetzten Pfad und einen Pfadfinder.
Erstellen Sie ein Rechteck mit 148 x 230 Pixel, und wählen Sie Effekt> Stilisieren> Runde Ecken. Stellen Sie den Radius auf 40 Pixel und klicken Sie auf OK. Kopieren und fügen Sie das abgerundete Rechteck mit Strg + C gefolgt von Strg + F ein. Bewegen Sie die Kopie ein paar Pixel nach unten, öffnen Sie das Fenster "Erscheinungsbild", klicken Sie auf die Ebene "Runde Ecken" und ändern Sie den Radius in: 70px. Schauen Sie sich das Bild unten an als Referenz.
Wählen Sie beide Formen aus und gehen Sie zu Objekt> Aussehen erweitern. Öffnen Sie dann das Pathfinder-Bedienfeld, klicken Sie auf die Schaltfläche Vereinigen, und füllen Sie die neue Form mit Schwarz.
Kopieren Sie die Form aus dem vorherigen Schritt mit Strg + C gefolgt von Strg + F, verschieben Sie die Kopie um 7-8 Pixel nach links, ändern Sie die Farbe in Weiß und wechseln Sie zu Objekt> Pfad> Pfad verschieben, und setzen Sie den Offset auf: 2, 5px, klicken Sie auf OK. Ändern Sie die Farbe der neuen Form in Schwarz, wählen Sie dann die beiden hinteren Formen aus und gehen Sie zu Objekt> Überblenden> Erstellen (Alt + Strg + B)..
Wählen Sie die Form aus, die über den anderen Formen angezeigt wurde, und wechseln Sie zu Objekt> Transformieren> Skalieren. Nehmen Sie die folgenden Einstellungen vor: Einheitlich, Skalieren: 98%, und klicken Sie auf die Schaltfläche Kopieren.
Erstellen Sie ein Rechteck mit einer Breite von 4 Pixeln und einer Höhe, die höher ist als die Form, die im vorherigen Schritt angezeigt wurde. Zentrieren Sie das Rechteck, erstellen Sie dann ein anderes Rechteck mit einer Höhe von 3 Pixel und breiter als die im vorherigen Schritt dargestellte Form. Positionieren Sie die Rechtecke wie in der Abbildung unten gezeigt. Wählen Sie die beiden gerade erstellten Rechtecke aus, öffnen Sie das Pathfinder-Bedienfeld, klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen, wählen Sie dann die Form aus dem vorherigen Schritt und die Form aus, die gerade angezeigt wurde, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Minus Front.
Wählen Sie die Gruppe mit den vier Formen aus, die im vorherigen Schritt angezeigt wurden, kopieren Sie sie mit Strg + C, gefolgt von Strg + F und füllen Sie die Formen mit einem linearen Farbverlauf (siehe Abbildung unten).
Erstellen Sie ein schwarzes Rechteck mit 58 x 81 Pixeln, gehen Sie zu Effekt> Stilisieren> Runde Ecken, setzen Sie den Radius auf 25 Pixel, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern, und verschieben Sie die Form wie in der folgenden Abbildung gezeigt.
Wenn die Form aus dem vorherigen Schritt noch ausgewählt ist, wechseln Sie zu Objekt> Pfad> Versatzpfad, setzen Sie den Versatz auf: -2px, klicken Sie auf OK und klicken Sie dann mit dem Werkzeug Netz (U) auf die Innenseite der Form an verschiedenen Stellen und korrigieren Sie die Farben wie in der Abbildung unten gezeigt.
Erstellen Sie eine schwarze Ellipse mit 135 x 130 Pixel in einer Position wie im folgenden Beispiel gezeigt. Gehen Sie dann zu Objekt> Pfad> Versatzpfad, setzen Sie den Versatz auf: -3px, klicken Sie auf OK und füllen Sie die Form wie gezeigt mit einem linearen Farbverlauf.
Gehen Sie bei ausgewählter Ellipse zu Objekt> Pfad> Versatzpfad, setzen Sie den Versatz auf: -2px, klicken Sie auf OK und füllen Sie die Form mit einem linearen Farbverlauf mit Farben von Schwarz nach R: 26 G: 26 B: 26, Winkel: 32 Grad.
Gehen Sie bei ausgewählter Form zu Objekt> Pfad> Versatzpfad, setzen Sie den Versatz auf: -9px, klicken Sie auf OK und füllen Sie ihn mit einem radialen Farbverlauf mit Farben von R: 102 G: 102 B: 102 bis R: 26 G: 26 B: 26.
Wir müssen die gleiche Technik erneut verwenden. Gehen Sie also bei ausgewählter Form aus dem vorherigen Schritt zu Objekt> Pfad> Versatzpfad, und setzen Sie den Versatz auf: -2px. Klicken Sie auf OK und füllen Sie ihn mit Schwarz aus.
Wenden Sie einen Offset auf die Form aus dem vorherigen Schritt an. Wählen Sie dazu die Form aus, gehen Sie zu Objekt> Pfad> Versatzpfad, setzen Sie den Versatz auf: -2px, klicken Sie auf OK und füllen Sie ihn mit R: 26 G: 26 B: 26.
Mit dem Zeichenstift-Werkzeug (P) fügen Sie den Schaltflächen einige Formen hinzu, wenden Sie einen weißen, sich verjüngenden Strich von 0,1px an, fügen Sie den Schaltflächen auch die erforderlichen Symbole hinzu. Schauen Sie sich das Bild unten als Referenz an.
Erstellen Sie in der Mitte der letzten Ellipse einen schwarzen Kreis von 45 x 45 x x, und wählen Sie Objekt> Pfad> Versatzpfad aus. Setzen Sie den Versatz auf: -1px, klicken Sie auf OK und füllen Sie ihn mit einem radialen Farbverlauf mit Farben von R: 102 G: 102 B: 102 bis R: 26 G: 26 B: 26.
Wenden Sie einen -1px-Offset auf den letzten Kreis an und füllen Sie ihn mit R: 26 G: 26 B: 26. Wählen Sie anschließend alle Formen des Bluetooth aus und gruppieren Sie sie, indem Sie auf Objekt> Gruppe klicken.
Nun erstellen wir die Abdeckung für das Bluetooth Create 3-Rechteck mit dem Rechteckwerkzeug (M). Das erste wird 144 x 121 Pixel groß sein, das zweite 170 x 176 Pixel und das dritte 177px mal 75 Pixel rund um die Ecken der 3 Rechtecke mit einem Radius von: 12px. Bewegen Sie die Rechtecke übereinander, wie unten gezeigt, und wechseln Sie zu Objekt> Aussehen erweitern. Öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche "Unite". Schauen Sie sich das Bild unten an.
Füllen Sie die Form des vorherigen Schritts mit einem linearen Farbverlauf mit den Farben R: 66 G: 66 B: 66 bis R: 91 G: 91 B: 93.
Erstellen Sie, wie unten gezeigt, ein schwarzes Rechteck von 125 x 240 Pixel über der vorherigen Form und runden Sie die Ecken mit einem Radius von 7 Pixel ab.
Gehen Sie bei ausgewählter Form zu Objekt> Pfad> Versatzpfad und setzen Sie den Versatz auf: -1px, klicken Sie auf OK und füllen Sie ihn mit einem linearen Farbverlauf mit Farben von R: 85 G: 85 B: 87 bis R: 127 G : 126 B: 132, Winkel: 90.
Erstellen Sie ein schwarzes Rechteck von 100 x 55 Pixel, gehen Sie zu Effekt> Stilisieren> Runde Ecken, und setzen Sie den Radius auf: 6 Pixel. Direkt danach gehen Sie zu Objekt> Aussehen erweitern und positionieren Sie die Form im unteren Teil der Abdeckung. Gehen Sie bei ausgewählter Form zu Objekt> Pfad> Versatzpfad und setzen Sie den Versatz auf: -1px. Klicken Sie auf OK. Füllen Sie die resultierende Form mit einem radialen Farbverlauf mit den Farben R: 127 G: 126 B: 132 bis R: 66 G: 66 B: 66. Wählen Sie die erste Form, die Sie für das Cover erstellt haben, mit Strg + C, gefolgt von Strg + F, und verschieben Sie sie über alle anderen, indem Sie zu Objekt> Anordnen> Nach vorne bringen. Wählen Sie sowohl die Formen aus, die Sie zuvor erstellt haben, als auch die Form, die Sie über den anderen verschoben haben, und gehen Sie zu Objekt> Schnittmaske> Erstellen (Strg + 7)..
Fügen Sie mit derselben Technik die unten gezeigten Formen hinzu.
Erstellen Sie eine Form an einer Position, wie in der Abbildung unten gezeigt, mit dem Stiftwerkzeug (P) und füllen Sie sie mit einem linearen Farbverlauf mit Farben von Grau bis Schwarz. Wenden Sie einen Schlagschatten an, indem Sie unter Effekt> Stilisieren> Schlagschatten die folgenden Einstellungen vornehmen: Modus: Normal, Deckkraft: 30%, X-Versatz: 8 Pixel, Y-Versatz: 8 Pixel, Weichzeichnen: 2 Pixel, klicken Sie auf OK. Kopieren Sie die Form mit Strg + C gefolgt von Strg + F, drehen Sie sie horizontal und positionieren Sie sie auf der anderen Seite der Abdeckung.
Erstellen Sie ein 177px by 162px-Rechteck und füllen Sie es mit linearem Verlauf, wie in der Abbildung unten gezeigt.
Wenn die Form noch ausgewählt ist, senden Sie sie hinter alle anderen, indem Sie zu Objekt> Anordnen> Nach hinten verschieben gehen.
Wählen Sie nun die Form aus, die Sie hinter den anderen gesendet haben. Gehen Sie zu Objekt> Pfad> Versatzpfad, legen Sie den Versatz auf -2,5px fest, klicken Sie auf OK und ändern Sie die Farbe in Schwarz.
Erstellen Sie ein Rechteck, das so breit wie das in Schritt 24 ist (in diesem Fall 177px), und stellen Sie die Höhe auf 32px. Runden Sie die Ecken der Form ab, indem Sie zu Effekt> Stilisieren> Runde Ecken gehen. Setzen Sie den Radius auf: 6px, klicken Sie auf OK, gehen Sie zu Objekt> Aussehen erweitern und füllen Sie die Form mit dem Farbverlauf aus Schritt 24. Verschieben Sie die Form in Position und korrigieren Sie den oberen Rand Punkte des Rechtecks, wie unten gezeigt.
Wenn die Form weiterhin ausgewählt ist, kopieren Sie sie mit Strg + C, gefolgt von Strg + F und füllen Sie sie mit einem linearen Farbverlauf (siehe Abbildung unten), und ändern Sie den Mischmodus von Normal auf Color Dodge.
Nun müssen wir das Bluetooth-Gerät in der Abdeckung platzieren. Wählen Sie dazu die Gruppe mit Formen des Bluetooth aus und positionieren Sie die Gruppe zwischen den Formen, wie in der Abbildung unten gezeigt.
Um Ihre Illustration zu beenden, können Sie den Anweisungen eines zuvor beschriebenen Tutorials folgen, um einen 3D-Effekt zu erstellen. Experimentieren Sie mit verschiedenen Werten in den Extrusions- und Abschrägungsoptionen, um ein Ergebnis zu finden, das Ihnen gefällt. Nachfolgend finden Sie einige Möglichkeiten, um das Gerät anzuzeigen. Ich hoffe, dass dir dieses Tut gefallen hat.
Accentsconagua