Share
Was Sie erstellen werdenWer erinnert sich nicht an diese fabelhaften tragbaren Radios? Denken Sie daran, wenn Sie früher Musik von einer Kassette gehört oder einfach nur einen Radiosender eingestellt haben, als es noch keinen iPod oder Spotify gab?
Heute erinnern wir uns also an ein Radio im besten Stil der 1990er Jahre, wobei grundlegende und einfache Formen in Adobe Illustrator verwendet werden. Lass die Party beginnen!
Weitere Designs aus den 90er Jahren finden Sie auf Envato Elements.
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 stellen Sie sicher, dass Sie das Kontrollkästchen deaktivieren Neue Objekte am Pixelraster ausrichten vor dem Klicken OK.
Gehe zu Einstellungen (Control-K) und geben Sie ein 1 px zum 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.
Wir fangen damit an, den Körper des Radios zu erstellen und gehen dann zu den anderen Elementen über.
Erstellen Sie zunächst den Körper des Radios mit a 400 x 134 px Rechteck mit der Rechteckwerkzeug (M). Benutzen # 3C3741 als Füllfarbe.
Dann nimm die Direktauswahl-Tool (A) und verschieben Sie die unteren Knoten des Rechtecks um 5 px mit den Tasten der Tastatur; Eine nach links und die andere nach rechts bewegen.
Kopieren Sie das vorherige Rechteck für den Sprecher zweimal (Control-C gefolgt von Control-F) und verschiebe die letzte Kopie 120 px auf der rechten Seite. Dann bewerben Sie sich Minus Front mit der vorherigen Kopie mit Pfadfinder Panel.
Übernehmen Sie eine -8 px versetzt zur resultierenden Form (Effekte> Pfad> Versatzpfad) und dann seine Form erweitern (Objekt> Darstellung erweitern). Zum Schluss runden Sie alle Scheitelpunkte mit rechts unten rechts ab Live-Ecken mit dem Direktauswahl-Tool (A).
Benutzen # 342F38 als Füllfarbe.
Jetzt den Lautsprecher duplizieren (# 46424D) (Control-C> Control-F) und bewerbe a -4 px versetzt in Effekte> Pfad> Versatzpfad. Dann erstellen Sie eine 80 x 80 px Ellipse (# 3E3942) Verwendung der Ellipsenwerkzeug (L).
Dupliziere die Ellipse zweimal (Control-C> Control-F) und verschieben Sie die letzte Kopie etwas nach links, um einen Schatten zu erstellen, und legen Sie Minus Front mit der vorherigen Ellipse mit der Pfadfinder Panel. Ändern Sie die Füllfarbe in # 37333B.
Ein ... kreieren 25 x 25 px Ellipse (# 342F38) und wiederholen Sie den Vorgang für die vorige Ellipse. Benutzen # 2F2B33 als Schattenfüllfarbe.
Nun erstellen wir das Lautsprechergehäuse mit einem 4 x 200 px Rechteck (# 37333B). Dupliziere es (Control-C> Control-F) und trennen sie durch 200 px.
Wählen Sie dann beide aus und wenden Sie ein an Mischung (Alt-Strg-B) und bestimmte Leerzeichen auf 20 im Objekt> Überblenden> Überblendoptionen. Jetzt duplizieren Sie die Stangen und drehen Sie sie um 90 ° Verwendung der Werkzeug drehen (R). Gruppieren Sie das Gehäuse zusammen (Steuerung-G) und drehen Sie es 45º.
Zentrieren Sie das Gehäuse nun auf dem Lautsprecher und kopieren Sie die Innenform des Lautsprechers. Bringen Sie ihn anschließend nach vorne (Klicken Sie mit der rechten Maustaste> Anordnen> Nach vorne bringen). Wählen Sie das Gehäuse und die Form aus und erstellen Sie eine Schnittmaske (Steuerung-7). Gruppieren Sie alle Lautsprecherelemente (Steuerung-G).
Lautsprecher duplizieren (Control-C> Control-F) und reflektiere es (Rechtsklick> Transformieren> Spiegeln) und platzieren Sie den Lautsprecher auf der anderen Seite des Radios.
Doppelklicken Sie nun auf den Körper des Radios Isolationsmodus. Fügen Sie ein Rechteck hinzu (# 342F38) entspricht der Hälfte des Radios. Entfernen Sie die restliche Form mit Form-Builder-Werkzeug (Umschalttaste-M).
Nun erstellen wir das Kassettenfach mit einem 120 x 40 px Rechteck (# 28252B). Erstellen 18 px abgeschrägte Ecken in den unteren Ecken mit der Verwandeln Panel.
Fügen Sie dann das Fenster mit ein 48 x 16 px Rechteck (# 5F5866) und die unteren Ecken mit der Direktauswahl-Tool (A). Dann erstellen Sie eine 8 x 8 px Ellipse (# 28252B) und ein 3 x 3 px Ellipse (# 5F5866), gruppieren Sie sie und duplizieren Sie die Ellipsen (Control-C> Control-F) und platziere beide in der Mitte des Fensters.
Erstellen Sie ein Rechteck (# 514B57) überlappt sich leicht mit dem Fenster und subtrahiert seine Form mit Form-Builder-Werkzeug (Umschalttaste-M).
Dann erstellen Sie zwei lange Rechtecke (#FFFFFF) und eingestellt Opazität zu 25% Verwendung der Aussehen Panel. Drehen Sie sie 45 ° und legen Sie sie auf das Fenster, und entfernen Sie die verbleibende Form mit Form-Builder-Werkzeug (Umschalttaste-M).
Als Nächstes erstellen Sie die Anzeige. Verwenden Sie dazu eine 50 x 28 px Rechteck (# 28252B) und die Ecken mit 6 px als Radius von der Platte Verwandeln. Ein ... kreieren 42 x 26 px Rechteck (# 5F5866) und ändern Sie den Eckenradius in 2 px.
Erstellen Sie einen inneren Schatten durch zweimaliges Duplizieren (Control-C> Control-F) und verschieben Sie die letzte Kopie um 3 px. Sich bewerben Minus Front von dem Pfadfinder Panel und Verwendung # 4C4652 als Füllfarbe.
Lassen Sie uns nun die Details innerhalb der Anzeige mit zeichnen Stiftwerkzeug (P). Verwenden ein 2 px Strichstärke und stellen Sie die Füllfarbe auf # 28252B, und zeichnen Sie Zahlen und einige Punkte. Legen Sie den Strich als fest Projizieren von Tippen von dem Schlaganfall Panel.
Jetzt duplizieren (Control-C> Control-F) die Form des äußeren Rahmens der Anzeige und stellen Sie ein -2 px versetzt in Effekte> Pfad> Versatzpfad. Erweitern Sie die Form (Objekt> Darstellung erweitern).
Fügen Sie dann drei lange Rechtecke hinzu (#FFFFFF) und stellen Sie das ein Opazität zu fünfzehn%, neige sie vorbei 45º mit dem Werkzeug drehen (R), und subtrahieren Sie die verbleibende Form mit Hilfe der Taste Form-Builder-Werkzeug (Umschalttaste-M).
Erstellen Sie neun Tasten mit einem 6 x 6 px Ellipse (# 28252B) und ein 3 x 3 px Ellipse (# 342F38) und gruppiert sie (Steuerung-G) und neunmal die Form duplizieren. Platzieren Sie sie wie im Bild unten gezeigt.
Fügen Sie dann eine weitere Schaltfläche mit ein 14 x 6 px Rechteck (# 342F38) und runde die linken Eckpunkte mit der Direktauswahl-Tool (A).
Dann zweimal duplizieren (Control-C gefolgt von Control-F) und schieben Sie die letzte Kopie nach oben 2 px (# 28252B) und anschließend anwenden Minus Front mit der vorherigen Form mit der Pfadfinder Panel. Alles zusammenfassen (Steuerung-G) und duplizieren (Control-C> Control-F). Reflektieren Sie es und platzieren Sie die beiden Formen nebeneinander.
Fügen Sie oben sieben Tasten hinzu 13 x 13 px Rechtecke (# 28252B) und platziere sie alle 7 px. Erstellen Sie auf der ersten Schaltfläche von links a 10 x 3 px Rechteck (# 3C3741).
Doppelklicken Sie nun auf die Basis des Funkgeräts, um das Gerät zu betreten Isolationsmodus. Ein ... kreieren 185 x 20 px Rechteck (# 342F38), stellen Sie den Eckenradius auf 10 px Verwendung der Abgerundetes Rechteckwerkzeug, und legen Sie es dann leicht überlappend auf das Radio und ziehen Sie die verbleibende Form mit der Taste ab Form-Builder-Werkzeug (Umschalttaste-M).
Drücken Sie Flucht beenden Isolationsmodus.
Nun erstellen wir den Griff des Radios. Erstellen Sie zwei 20 x 50 px Rechtecke (# 46424D) und ein 315 x 20 px Rechteck (# 46424D). Legen Sie sie zu einem umgekehrten U und bewerben Sie sich Vereinen von dem Pfadfinder Panel.
Runden Sie dann die oberen Scheitelpunkte mit ein Live-Ecken mit dem Direktauswahl-Tool (A). Ein ... kreieren 185 x 20 px Rechteck (# 342F38) und stellen Sie den Eckenradius auf 10 px Verwendung der Abgerundetes Rechteckwerkzeug, und platzieren Sie es dann in der Mitte über dem Griff des Funkgeräts und ziehen Sie die verbleibende Form mit der Taste ab Form-Builder-Werkzeug (Umschalttaste-M).
Erstellen Sie schließlich zwei 20 x 10 px Rechtecke (# 342F38) und legen Sie sie in den inneren Teil des Griffs. Alles zusammenfassen (Steuerung-G) und befestigen Sie es auf dem Radio.
Schaffe sechzehn 4 x 2 px Rechtecke (# 666666) und stellen Sie den Eckenradius auf 2 px Verwenden Sie das abgerundete Rechteckwerkzeug und platzieren Sie sie auf den kleinen Schaltflächen. Anschließend erstellen Sie vier 10 x 2 px Rechtecke (# 666666) und legen Sie sie in das Kassettenfach und die beiden anderen unter den Display-Tasten.
Zum Schluss fügen Sie ein 28 x 6 px Rechteck (# 666666) am Griff des Radios und stellen Sie den Eckenradius auf 3 px. Radio zusammenfassen (Steuerung-G).
Nachdem wir das Radio beendet haben, zeichnen wir die Noten und andere Details. Beginnen Sie mit dem Erstellen eines 6 x 6 px Ellipse, a 2 x 14 px Rechteck und a 8 x 2 px Rechteck. Gruppieren Sie sie und bilden Sie die erste Musiknote.
Duplizieren (Control-C> Control-F) die Musiknote, um eine andere zu erstellen, und fügen Sie eine weitere hinzu 2 x 14 px Rechteck und a 6 x 6 px Ellipse. Ändern Sie die Breite des oberen Rechtecks in 12 px, und gruppieren Sie die zweite Musiknote (Steuerung-G).
Dann spiele mit anderen 6 x 6 px und 3 x 3 px Ellipsen abwechselnd mit folgenden Füllfarben: # FF6766, # 00B5B5, # 9684A3, # B0ABA0.
Zum Abschluss erstellen Sie eine 800 x 600 px Rechteck (# EAE4D5) und schicke es auf die Rückseite der Leinwand (Objekt> Anordnen> Nach hinten senden).
Fügen Sie jetzt eine 532 x 24 px Ellipse (# D4CFC1) als Schatten des Radios. Senden Sie es hinter dem Radio (Klicken Sie rechts> Anordnen> Nach hinten senden).
Erledigt! Sie haben dieses Tutorial erfolgreich abgeschlossen. Wie Sie sehen, war es sehr einfach und machte nur ein paar Schritte. Ich hoffe, dass Sie es hilfreich finden und dass Sie viele neue Dinge für Ihre zukünftigen Illustrationen gelernt haben. Ich werde mir die Kommentare ansehen!
Accentsconagua