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.
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 RGB, Schermo (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.
Inizieremo creando il corpo della radio, quindi passeremo agli altri elementi.
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.
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.
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.
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).
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).
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.
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).
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.
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).
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.
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.
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.
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.
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).
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
.
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).
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!