Come creare una radio degli anni '90 in Adobe Illustrator

Cosa starai creando

Chi non ricorda quelle favolose radio portatili? Ricorda quando eri solito ascoltare la musica da una cassetta o semplicemente sintonizzarti su una stazione radio, quando non c'erano ancora iPod o Spotify?

Così oggi ricorderemo una radio nel miglior stile degli anni '90 utilizzando forme semplici e semplici in Adobe Illustrator. Diamo inizio alla festa!

Trova il design più ispirato agli anni '90, oltre a Envato Elements.

1. Come creare un nuovo documento e impostare una griglia

stampa Control-N fare un Nuovo documento. Impostare il unità a pixel, ed entra 800 x 600 per la larghezza e l'altezza del documento. Quindi nel Avanzate opzioni, selezionare RGBSchermo (72 ppi), e assicurati di deselezionare il Allinea i nuovi oggetti alla casella Pixel Grid prima di cliccare ok.

Vai a Preferenze (Control-K) e inserire 1 px per Incremento della tastiera. stampa ok.

È possibile attivare il Informazioni pannello (Finestra> Informazioni) per avere un'anteprima delle dimensioni e della posizione delle tue forme. Ricordarsi di impostare l'unità di misura su pixel a partire dal Modifica> Preferenze> Unità. Ciò aumenterà notevolmente la velocità del tuo lavoro.

2. Come creare la radio

Inizieremo creando il corpo della radio, quindi passeremo agli altri elementi.

Passo 1

Inizia creando il corpo della radio con a 400 x 134 px rettangolo usando il Strumento rettangolo (M). Uso # 3C3741 come il colore di riempimento.

Quindi prendi il Strumento di selezione diretta (A) e sposta i nodi inferiori del rettangolo di 5 px usando i tasti della tastiera; muovi uno a sinistra e l'altro a destra.

Passo 2

Per chi parla, duplica il rettangolo precedente due volte (Control-C seguito da Control-F) e sposta l'ultima copia 120 px a destra. Quindi applicare Fronte meno con la copia precedente usando il esploratore pannello.

Applicare a -8 px sfalsati rispetto alla forma risultante (Effetti> Percorso> Percorso offset) e quindi espandere la sua forma (Oggetto> Espandi Aspetto). Infine, arrotondare tutti i vertici, ma in basso a destra usando Angoli vivi con il Strumento di selezione diretta (A).

Uso # 342F38 come il colore di riempimento.

Passaggio 3

Ora duplica l'altoparlante (# 46424D) (Control-C> Control-F) e applicare a -4 px offset in Effetti> Percorso> Percorso offset. Quindi creare un 80 x 80 px ellisse (# 3E3942) usando il Strumento ellisse (L).

Duplica l'ellisse due volte (Control-C> Control-F) e sposta leggermente l'ultima copia a sinistra per creare un'ombra e impostare Fronte meno con l'ellisse precedente usando il esploratore pannello. Cambia il colore di riempimento in # 37333B.

Creare un 25 x 25 px ellisse (# 342F38) e ripetere la procedura utilizzata sull'ellisse precedente. Uso # 2F2B33 come il colore di riempimento dell'ombra.

Passaggio 4

Ora creiamo la cassa del diffusore usando a 4 x 200 px rettangolo (# 37333B). Duplicalo (Control-C> Control-F) e separarli da 200 px

Quindi seleziona entrambi e applica un Miscela (Alt-Control-B) e impostare gli spazi specifici su 20 nel Oggetto> Miscela> Opzioni di fusione. Ora duplica le barre e ruotale di 90 ° usando il Ruota strumento (R). Raggruppare l'alloggiamento insieme (Controllo-G) e ruotarlo 45º.

Ora centra l'alloggiamento sull'altoparlante e duplica la forma interna dell'altoparlante, quindi portalo in primo piano (Fare clic con il tasto destro> Disponi> Porta in primo piano). Seleziona l'alloggiamento e la forma e crea una maschera di taglio (Control-7). Raggruppa tutti gli elementi dell'altoparlante (Controllo-G).

Passaggio 5

Duplica l'altoparlante (Control-C> Control-F) e rifletterlo (Fare clic con il tasto destro> Trasforma> Rifletti), quindi posizionare l'altoparlante sull'altro lato della radio.

Ora fai doppio clic sul corpo della radio per entrare Modalità di isolamento. Aggiungi un rettangolo (# 342F38) uguale alla metà della radio. Rimuovi la forma rimanente usando il Strumento di creazione forme (Shift-M).

Passaggio 6

Ora creiamo il vassoio della cassetta usando a 120 x 40 px rettangolo (# 28252B). Creare 18 px angoli smussati nei vertici inferiori usando il Trasformare pannello.

Quindi aggiungi la finestra usando a 48 x 16 px rettangolo (# 5F5866) e arrotondare i vertici in basso con il Strumento di selezione diretta (A). Quindi creare un 8 x 8 px ellisse (# 28252B) e a 3 x 3 px ellisse (# 5F5866), raggrupparli insieme e duplicare le ellissi (Control-C> Control-F) e posizionarli entrambi al centro della finestra.

Passaggio 7

Crea un rettangolo (# 514B57) leggermente sovrapposti alla finestra e sottrarre la sua forma con il Strumento di creazione forme (Shift-M).

Quindi crea due rettangoli lunghi (#FFFFFF) e impostare Opacità a 25% usando il Aspetto pannello. Ruota 45 ° e posizionarli sulla finestra e rimuovere la forma rimanente con il Strumento di creazione forme (Shift-M).

Passaggio 8

La prossima cosa è creare il display. Per questo, usa a 50 x 28 px rettangolo (# 28252B) e arrotondare i suoi angoli usando 6 px come il raggio dal pannello Trasformare. Creare un 42 x 26 px rettangolo (# 5F5866) e modifica il raggio dell'angolo in 2 px.

Crea un'ombra interna duplicando due volte (Control-C> Control-F) e sposta l'ultima copia di 3 px. Applicare Fronte meno dal esploratore pannello e uso # 4C4652 come il colore di riempimento.

Passaggio 9

Ora disegniamo i dettagli all'interno del display con il Strumento penna (P). Usare un 2 px spessore della corsa e impostare il colore di riempimento su # 28252B, e disegnare numeri e alcuni punti. Imposta il tratto come Toccare proiettando dal Ictus pannello.

Ora duplicato (Control-C> Control-F) la forma della cornice esterna del display e impostare a -2 px offset in Effetti> Percorso> Percorso offset. Espandi la forma (Oggetto> Espandi Aspetto).

Quindi aggiungi tre rettangoli lunghi (#FFFFFF) e impostare il Opacità a 15%, inclinarli di 45º con il Ruota strumento (R), e sottrarre la forma rimanente dal fotogramma precedente usando il Strumento di creazione forme (Shift-M).

Passaggio 10

Crea nove pulsanti usando a 6 x 6 px ellisse (# 28252B) e a 3 x 3 px ellisse (# 342F38), raggruppandoli insieme (Controllo-G), e duplicando la forma nove volte. Posizionali come mostrato nell'immagine qui sotto.

Passaggio 11

Quindi aggiungi un altro pulsante usando a 14 x 6 px rettangolo (# 342F38) e arrotondare i vertici del lato sinistro con il Strumento di selezione diretta (A).

Quindi duplicare due volte (Control-C seguito da Control-F) e sposta l'ultima copia 2 px (# 28252B), e successivamente si applicano Fronte meno con la forma precedente usando il esploratore pannello. Raggruppa tutto insieme (Controllo-G) e duplicarlo (Control-C> Control-F). Rifletti e posiziona le due forme una accanto all'altra.

Passaggio 12

Aggiungi sette pulsanti in alto usando 13 x 13 px rettangoli (# 28252B), e posizionali tutti 7 px. Sul primo pulsante da sinistra, crea a 10 x 3 px rettangolo (# 3C3741).

Ora fai doppio clic sulla base della radio per accedere Modalità di isolamento. Creare un 185 x 20 px rettangolo (# 342F38), imposta il raggio dell'angolo su 10 px usando il Strumento rettangolo arrotondato, e quindi posizionarlo leggermente sovrapposto alla radio e sottrarre la forma rimanente con il Strumento di creazione forme (Shift-M).

stampa Fuga uscire Modalità di isolamento.

Passaggio 13

Ora creiamo il manico della radio. Crea due 20 x 50 px rettangoli (# 46424D) e a 315 x 20 px rettangolo (# 46424D). Posizionali formando una U rovesciata e applicali Unire dal esploratore pannello.

Quindi, arrotondare leggermente i vertici superiori usando Angoli vivi con il Strumento di selezione diretta (A). Creare un 185 x 20 px rettangolo (# 342F38) e impostare il raggio dell'angolo su 10 px usando il Strumento rettangolo arrotondato, e quindi posizionarlo al centro sul manico della radio e sottrarre la forma rimanente con il Strumento di creazione forme (Shift-M).

Infine, creane due 20 x 10 px rettangoli (# 342F38) e posizionarli nella parte interna della maniglia. Raggruppa tutto insieme (Controllo-G) e sistemarlo sulla parte superiore della radio.

Passaggio 14

Crea sedici anni 4 x 2 px rettangoli (# 666666) e impostare il raggio dell'angolo su 2 px utilizzando lo strumento Rettangolo arrotondato, quindi posizionale sui pulsanti piccoli. Successivamente, crea quattro 10 x 2 px rettangoli (# 666666) e posizionarli sul vassoio della cassetta e gli altri due sotto i pulsanti del display.

Infine, aggiungi un 28 x 6 px rettangolo (# 666666) sul manico della radio e impostare il raggio dell'angolo su 3 px. Raggruppa la radio (Controllo-G).

3. Come creare le note musicali

Passo 1

Ora che abbiamo finito la radio, inizieremo a disegnare le note musicali e altri dettagli finali. Inizia creando un 6 x 6 px ellisse, a 2 x 14 px rettangolo e a 8 x 2 px rettangolo. Raggruppali e forma la prima nota musicale.

Duplicare (Control-C> Control-F) la nota musicale per crearne un'altra e aggiungerne un'altra 2 x 14 px rettangolo e a 6 x 6 px ellisse. Cambia la larghezza del rettangolo superiore in 12 px, e raggruppare la seconda nota musicale (Controllo-G).

Quindi gioca con diversi 6 x 6 px e 3 x 3 px ellissi, alternate con i seguenti colori di riempimento: # FF6766# 00B5B5# 9684A3# B0ABA0.

Passo 2

Per finire, crea un 800 x 600 px rettangolo (# EAE4D5) e inviarlo sul retro della tela (Oggetto> Disponi> Porta in secondo piano). 

Ora aggiungi un 532 x 24 px ellisse (# D4CFC1) come l'ombra della radio. Mandalo dietro la radio (fare clic su destra> Disponi> Invia indietro).

Eccezionale! Hai finito!

Fatto! Hai completato con successo questo tutorial. Come vedi, è stato molto semplice e ho fatto solo alcuni passi. Spero che lo trovi utile e che tu abbia imparato molte cose nuove per le tue future illustrazioni. Starò a guardare i commenti!