Share
Dieses Tutorial zeigt Ihnen, wie Sie eine Vektorillustration des Sidekick LX erstellen. In diesem Lernprogramm werden meistens das Stiftwerkzeug, Grundformen und einfache Farbverläufe verwendet, um dieser Illustration einen gewissen Grad an Realismus zu verleihen. In diesem Lernprogramm erfahren Sie, wie Sie stilisierte Vektorillustrationen erstellen können.
Schauen wir uns zunächst das Bild an, das wir erstellen werden. Das endgültige Bild ist unten.
Gehen Sie nun zu Datei> Neu und stellen Sie sicher, dass Sie Web als Dokumentprofil auswählen. Speichern Sie dann die Datei und nennen Sie sie "Sidekick".
Nachdem Sie das Dokument bereit haben, stellen Sie sicher, dass das Farbfeldbedienfeld, das Ebenenbedienfeld und das Werkzeugbedienfeld geöffnet sind. Diese drei Bereiche sind die wichtigsten Bereiche in diesem Lernprogramm.
Fügen Sie das JPEG des Sidekick LX ein. Stellen Sie sicher, dass sich dieses Bild auf einer eigenen Ebene befindet und gesperrt ist. Dies ist äußerst wichtig, da das endgültige Design viele Objekte enthält und dies dabei hilft, die Organisation zu organisieren.
Der erste Schritt beim Erstellen des Telefons ist das Erstellen einer Rückseite, die sich schließlich unter dem Flip-Bildschirm befindet. Dazu können Sie einfach ein Rechteck erstellen oder das Stiftwerkzeug verwenden.
Als nächstes machen wir die Umrisse der verschiedenen Teile des Handys. Ich teile das Telefon in drei Teile auf: linke Seite, Bildschirm und rechte Seite. Verfolgen Sie diese drei Teile mit dem Stiftwerkzeug. Stellen Sie sicher, dass Sie die meisten Linien krümmen, indem Sie das Zeichenstift-Werkzeug ziehen, um eine glatte Kurve zu erhalten, da alle Geraden unangenehm und unnatürlich aussehen.
Jetzt fügen wir den Farbverlauf zu beiden Seiten hinzu. Wir müssen den Farbverlauf nur einmal vornehmen. Wir können dann den Farbverlauf kopieren und für die andere Seite drehen. Das Ziel für den Farbverlauf besteht nicht darin, eine Lichtquelle anzuzeigen und die Illusion von Tiefe zu erzeugen.
Das Telefon ist ein orbförmiger Gegenstand. Der Farbverlauf sollte mindestens drei Farben enthalten. Eine Farbe sollte die Grundfarbe sein, die nächste sollte eine hellere Schattierung sein und die dritte sollte eine dunklere Schattierung sein.
Im nächsten Schritt erstellen Sie den Flip-Bildschirm des Telefons. Dazu können Sie einfach das abgerundete Rechteckwerkzeug verwenden. Machen Sie die Füllfarbe ohne Strichfarbe schwarz. Erstellen Sie dann den schwarzen Bereich, in dem der Bildschirm platziert werden soll.
Wählen Sie nun eine mattbraune Farbe für den LCD-Bildschirm. Verwenden Sie das Rechteckwerkzeug, und erstellen Sie ein Rechteck, das an der Ober-, Unter- und der linken Seite eine gerade schwarze Kante hat. Es sollte mehr Platz auf der rechten Seite geben, hier wird das große Logo platziert.
Kopieren Sie nun das LCD-Bildschirmrechteck und wenden Sie einen grauen horizontalen Verlauf an. Stellen Sie nach dem Anwenden des Farbverlaufs den Winkel auf -40 ° ein. Stellen Sie dann den Übertragungsmodus auf Überlagerung und die Deckkraft auf 60% ein..
Erstellen Sie mit dem Ellipse-Werkzeug einen kleinen Kreis und wenden Sie einen grauen horizontalen Verlauf an. Platzieren Sie diesen unter dem LCD-Bildschirm und zentrieren Sie ihn. Dies ist der Lichtdetektor.
Jetzt entwerfen wir die Symbole, die auf die Schaltflächen passen. Verwenden Sie dazu das Bild des Sidekicks als Referenz und erstellen Sie die Symbole neu. Für die Speisekarte und das Stornieren Symbole Ich habe das abgerundete Rechteck verwendet. Für die Zuhause Symbol Ich habe das Ellipse-Werkzeug verwendet. Für die Rückkehr Symbol Ich habe das Stiftwerkzeug verwendet.
Fügen Sie einen Farbverlauf mit hellem Braun und den zuvor verwendeten braunen Grundfarben hinzu. Verwenden Sie die dunkelbraune Farbe für den Strich. Positionieren Sie den Winkel so, dass sich die Lichtquelle oben links vom "Sidekick" befindet.
Um die Schaltfläche für diese Symbole zu erstellen, erstellen Sie mit dem abgerundeten Rechteck eine einfache quadratische Form mit demselben dunkelbraunen Strich und derselben braunen Grundfüllung. Duplizieren Sie dieses eine Quadrat, um eine Schaltfläche für alle vier Symbole zu erstellen, und zentrieren Sie die Symbole auf den Quadraten. Gruppieren Sie jeden Button und jedes Symbol. Positionieren Sie dann die Schaltflächen basierend auf dem Referenzbild.
Jetzt machen wir die silberne Lautsprechertaste. Verwenden Sie das abgerundete Rechteckwerkzeug, um zwei Quadrate zu erstellen. Einer sollte größer sein als der andere. Wenden Sie den grauen horizontalen Verlauf auf das kleine Quadrat an. Wenden Sie den gleichen grauen horizontalen Verlauf auf das größere Quadrat an, ändern Sie den Winkel jedoch auf 90 °.
Erstellen Sie einen kleinen Kreis mit einer dunkelgrauen Füllung und einem grauen Strich. Machen Sie vier Spalten und vier Reihen desselben Kreises. Positionieren Sie den Lautsprecher dann an der richtigen Stelle in Bezug auf das Bild "Sidekick".
Verwenden Sie das abgerundete Rechteckwerkzeug, um das zu erstellen Mic. Wenden Sie dieselben Attribute an, die die Symbole für dieses Rechteck hatten. Dann positionieren Sie die Mic neben dem Stornieren Taste.
Nun erstellen Sie die Anruf beenden Taste. In diesem Rechteck wird in der rechten unteren Ecke ein Kreis ausgeschnitten. Es hat auch eine leichte Erhebung über der Vertiefung, um einen extrudierten Effekt zu erzielen. Mit dem Zeichenstift-Werkzeug können Sie diese Form wie unten gezeigt zeichnen. Verwenden Sie die Sidekick Bild als Referenz.
Wenden Sie jetzt einen Farbverlauf mit den gleichen hellbraunen und braunen Grundfarben an. Stellen Sie den Winkel auf 139 ° ein.
Duplizieren Sie die End-Taste und klappen Sie es horizontal, so dass es verkehrt herum ist.
Verwenden Sie das Stiftwerkzeug, um das zu verfolgen Sich unterhalten und Ende Symbole. Beide sollten keinen Schlaganfall haben. Farbe der Sich unterhalten Taste # 00B384 und die Ende Taste # E46674. Positionieren Sie beide Symbole in den Ecken der Schaltflächen.
Als nächstes machen wir das Trackball. Verwenden Sie das Ellipse-Werkzeug, um einen Kreis zu erstellen. Die Füllung sollte cremefarben sein und der Strich sollte hellbraun sein.
Fügen Sie dem Kreis nun einen Farbverlauf hinzu. Der Farbverlauf kann eine beliebige Farbe haben. Ich entschied mich für einen Creme-Gradienten.
Um die Trackball, Machen Sie einen großen Kreis mit einer Farbverlaufsfüllung. Der Farbverlauf sollte die zuvor verwendete hellbraune Farbe und eine dunkelbraune Farbe sein. Bewegen Sie dieses Objekt hinter dem Trackball.
Machen Sie nun einen weiteren Kreis und positionieren Sie ihn auf dem Kreis, der in Schritt 23 erstellt wurde. Verwenden Sie denselben Verlauf, ändern Sie ihn jedoch von linear in radial, so dass sich das hellste Braun außen befindet.
Sie können im Bild unten sehen, wo alle Formen, die wir erstellt haben, platziert werden. Herzlichen Glückwunsch, Sie haben gerade ein cooles Telefon mit grundlegenden Werkzeugen und einfachen Farbverläufen in Adobe Illustrator erstellt. Jetzt können Sie zurückgehen und den Vektor nach Ihrem Geschmack anpassen. Ich habe dieses Design mit einem Branding und einer Reflexion versehen, wie unten gezeigt.
Accentsconagua