Erfahren Sie, wie Sie den neuen Nintendo Switch mit grundlegenden Formen und Werkzeugen in Adobe Illustrator erstellen. Wir werden Spaß haben!
Weitere Videospielinspirationen finden Sie auf GraphicRiver.
Drücken Sie Control-N ein ... machen Neues Dokument. Stellen Sie das ein Einheiten zu Pixel, und eintreten 800 x 600 für die Breite und Höhe des Dokuments. Dann in der Erweitert Optionen auswählen RGB, Bildschirm (72 ppi), und sicher gehen Deaktivieren Sie das Kontrollkästchen das Neue Objekte am Pixelraster ausrichten vor dem Klicken OK.
Gehe zum Einstellungen (Control-K) und geben Sie ein 1 px für die Tastaturinkrement. Drücken Sie OK.
Sie können das aktivieren Info Panel (Fenster> Info), um eine Vorschau der Größe und Position Ihrer Formen zu erhalten. Denken Sie daran, die Maßeinheit auf einzustellen Pixel von Bearbeiten> Voreinstellungen> Einheiten. Dies erhöht die Arbeitsgeschwindigkeit erheblich.
Nun beginnen wir mit der Erstellung des Körpers und der grundlegenden Komponenten des Nintendo.
Erstellen Sie für den Körper eine 366 x 220 px Rechteck mit der Rechteckwerkzeug (M) und verwenden # 4D4D4D
als die Füllen Farbe. einstellen Umgekehrte Runde Ecken mit einem 10 px Radius von dem Verwandeln Panel.
Fügen Sie die Steuerelemente mit zwei hinzu 77 x 220 px Rechtecke; benutzen # 4CC6E8
als die Füllen Farbe für einen von ihnen und # E84C53
für den anderen Dann um die Ecken herum mit Live-Ecken mit dem Direktauswahl-Tool (A).
Wir werden jetzt am Bildschirm arbeiten, also erstellen Sie eine 345 x 205 px Rechteck (# 1A1A1A
) und um die Ecken leicht mit der Direktauswahl-Tool (A).
Mach ein Kopieren (Control-C gefolgt von Control-F) und bewerbe a -1 px Versatz (Effekt> Pfad> Versatzpfad… ). Ändere das Füllen Farbe zu # 333333
. Zeichnen Sie dann zwei kleine abgerundete Rechtecke, verwenden Sie die Abgerundetes Rechteckwerkzeug am Ende der letzten Kopie und bewerben Sie sich Minus Front Verwendung der Pfadfinder Panel.
Fügen Sie nun ein 300 x 175 px Rechteck (# 1A1A1A
). Fügen Sie dann zwei Rechtecke hinzu (#FFFFFF
) und Drehen Sie 45 ° Verwendung der Werkzeug drehen (R).
Stellen Sie das ein Opazität zu 10% Verwenden Sie das Menü von der oberen Leiste. Mit dem Form-Builder-Werkzeug (Umschalttaste-M), Schneiden Sie die restlichen Formulare aus, indem Sie sie zusammen mit dem inneren abgerundeten Rechteck auswählen.
Lassen Sie uns nun einige Schatten und Beleuchtung für die Steuerelemente zeichnen. Beginnen wir mit der linken Freude. Duplikat zweimal (Control-C> Control-F) und verschiebe die letzte Kopie 5 px mit der Pfeiltaste Ihrer Tastatur nach oben.
Sich bewerben Minus Front Verwendung der Pfadfinder und wählen Sie die vorherige Kopie. Ändern Sie die Farbe des verbleibenden Formulars in # 2CB8DE
.
Duplikat die linke Joy-Con noch einmal (Control-C> Control-F) und dieses Mal die letzte Kopie verschieben 5 px abwärts.
Sich bewerben Minus Front mit der vorherigen Kopie mit Pfadfinder Panel und ändern Sie die Füllen Farbe zu # 6FD2ED
.
Wiederholen Sie nun das gleiche Verfahren aus den Schritten 4-5 für die richtige Freude Verwenden Sie für den unteren Schatten # D93B42
als die Füllen Farbe und für die obere Blende verwenden # E85D63
.
Nun nehmen Sie die Form des linken Joy-Con wieder und machen eine Kopie (Control-C> Control-F). Entferne das Füllen Farbe und Set # 333333
wie Füllstrich mit einer 5 px Dicke.
Eingeben Isolationsmodus durch Doppelklick die Form. Nun nimm die Stiftwerkzeug (P) Fügen Sie oben zwei Knoten hinzu und entfernen Sie den Rest der Knoten, wobei ein Bogen übrig bleibt.
Stellen Sie die Enden der ein Schlaganfall wie Runde Kappe Verwendung der Schlaganfall Panel.
Drücken Sie Flucht beenden Isolationsmodus. Duplikat der Schlaganfall (Control-C> Control-F) (# ACD4A3
) und vertikal reflektieren (Rechtsklick > Transformieren> Nachdenken). Legen Sie die Kopie auf den anderen Joy-Con.
Legen Sie beide Schläge unter die Freuden-Nachteile (Objekt> Anordnen> Nach hinten senden).
Fügen Sie nun eine Schaltfläche in der Konsole hinzu, indem Sie eine 32 x 3 px Rechteck (# 1A1A1A
). Zeichnen Sie zwei kleine Rechtecke (# 333333
) und zwei kleinere Rechtecke (# 666666
) darauf mit der Rechteckwerkzeug (M), wie im Bild unten gezeigt.
Gruppe alles zusammen (Steuerung-G) und platziere es über dem Nintendo.
Beginnen wir mit dem Zeichnen der Schaltflächen der Joy-Con. Erstellen Sie für den Joystick eine 40 x 40 px Ellipse (# 1A1A1A
) mit dem Ellipsenwerkzeug (L), und füge noch einen hinzu 38 x 38 px (# 333333
).
Danach, Duplikat die letzte Ellipse zweimal (Steuerung-C gefolgt von Steuerung-F) und verschiebe die letzte Kopie 4 px abwärts. Dann bewerben Sie sich Minus Front zur vorherigen Kopie mit der Pfadfinder Panel. Ändere das Füllen Farbe zu # 4D4D4D
.
Wählen Sie die innere Ellipse aus, Duplikat es zweimal (Control-C> Control-F) und verschieben Sie die letzte Kopie um fünfzehn px. Sich bewerben Minus Front von dem Pfadfinder Panel und Verwendung # 363636
als die Füllen Farbe.
Erstellen Sie jetzt eine 30 x 30 px Ellipse mit # 1A1A1A
als die Füllen und Schlaganfall und wählen Sie eine Dicke von 1 px. Platzieren Sie es in der Mitte der Schaltfläche und zeichnen Sie dann mit jedem Punkt eine Linie auf jedem Scheitelpunkt Stiftwerkzeug (P).
Schließlich erstellen Sie eine 40 x 40 px Ellipse (# 000000
) mit 20% Opazität und platzieren Sie es unter dem Button (Steuerung-[).
Gruppe den ganzen Knopf zusammen (Steuerung-G) und Duplikat es (Control-C> Control-F). Platzieren Sie beide Knöpfe wie in der Abbildung oben.
Zeichne jetzt die Richtungstasten. Erstellen Sie dazu eine 17 x 17 px Ellipse (# 333333
). Dann Duplikat es ein paar mal (Control-C gefolgt von Control-F) und verschieben Sie die letzte Kopie nach unten 3 px. Anschließend bewerben Minus Front mit der vorherigen Kopie mit Pfadfinder Panel.
Ändere das Füllen Farbe zu # 4D4D4D
. Füge hinzu ein 17 x 17 px Ellipse (# 000000
) mit 20% Deckkraft und platzieren Sie es unter dem Button (Steuerung-[)
Gruppe die Taste (Steuerung-G) und Duplikat es dreimal (Control-C> Control-F). Legen Sie sie zusammen und bilden die Form eines Kreuzes. Gruppe alles noch einmal (Steuerung-G).
Zeichne jetzt ein Dreieck (# 4D4D4D
) mit dem Polygon-Werkzeug und Duplikat es (# 000000
) (Control-C> Control-F), bewege es 1 px nach oben.
Zeichnen Sie drei Dreiecke in den restlichen Richtungen und wiederholen Sie den Vorgang wie im vorherigen Schritt. Und platziere die Knöpfe auf der linken Seite.
Nehmen Sie die Kopien der zuvor abgebildeten Knöpfe und fügen Sie die Buchstaben darüber hinzu X, Y, EIN und B Verwendung der Schreibwerkzeug (T), und dann die Füllen Farbe zu #ABABAB
. Platziere die Knöpfe auf dem linken Joy-Con.
Sie können jede beliebige Sans Serif-Schriftart verwenden.
Wir werden zwei kleine Buttons erstellen. Erstellen Sie dazu eine 12 x 4 px Rechteck (# 333333
), Duplikat es (# 000000
), stellen Sie das ein Opazität zu 20%, schick es zurück (Steuerung-[), und schieben Sie es um 1 px.
Anschließend erstellen Sie eine 12 x 1 px Rechteck (# 4D4D4D
) oben. Gruppe die Taste (Steuerung-G) und Duplikat es (Control-C> Control-F).
Füge hinzu ein 4 x 12 px Rechteck ( # 333333
) und ein 4 x 1 px Rechteck ( # 4D4D4D
). Dann fügen Sie ein 4 x 12 px Rechteck (# 000000
) mit 20% Deckkraft und legen Sie es auf der Rückseite (Steuerung-[) Gruppe die zweite taste (Steuerung-G) und positionieren Sie es wie in der Abbildung unten gezeigt.
Kopieren Sie eine der Richtungstasten und fügen Sie eine hinzu 12 x 12 px Ellipse mit # 707070
als die Füllen Schlaganfall. Dann nimm die Sternwerkzeug und zeichnen Sie einen Stern mit fünf Ecken und verwenden Sie # 000000
als die Schlaganfall Farbe. Gruppe die taste zusammen (Steuerung-G) und platziere es auf der rechten Seite.
Fügen Sie mit einem weiteren Button am linken Joy-Con hinzu 12 x 12 px Rechteck mit abgerundeten Ecken (# 333333
) und seinen Radius auf 1 px. Dann Duplikat es zweimal (Control-C gefolgt von Control-F) und verschieben Sie die letzte Kopie nach unten 1 px. Anschließend bewerben Minus Front mit der vorherigen Kopie mit Pfadfinder Panel.
Benutzen # 4D4D4D
als die Füllen Farbe. Duplikat es (Steuerung-F), schicke nach hinten (Steuerung-[) und verschiebe es 1 px abwärts. Ändere das Füllen Farbe zu # 000000
und setze das Opazität zu 20%.
Zum Schluss fügen Sie ein 7 x 7 px Ellipse mit # 000000
als die Füllen und Schlaganfall. Gruppe den Knopf zusammen und platziere ihn auf der linken Freude.
In diesem Schritt erstellen wir einen Hintergrund mit zwei 400 x 600 px Rechtecke mit # E84C53
und # 4CC6E8
als die Füllen Farben. Schicken Sie sie auf die Rückseite der Leinwand (Steuerung-[) und platziere einen davon links und den anderen rechts.
Fügen Sie nun einige Punkte und Kreuzungen mit dem hinzu Rechteckwerkzeug (M) und Ellipsenwerkzeug (L). Benutzen #FFFFFF
als Füllfarbe. Fügen Sie schließlich einen Schatten unter dem Nintendo ein, indem Sie a verwenden 450 x 17 px Ellipse (# 000000
) und stellen Sie das ein Opazität zu 10%.
Und so haben wir diesen lustigen Nintendo Switch fertiggestellt, und jetzt wünschte ich, ich hätte einen in meinen Händen. Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und dass Sie alles gelernt haben, was Sie gelernt haben. Ich würde gerne Ihre Ergebnisse sehen!