Disegno vettoriale 2d di cuffie in Adobe Illustrator

11 Ott 2018 - by Admin - fonte: tutsplus

In questo tutorial il disegno è ispirato al modello di cuffie Audiotechnica M50X. Lo creeremo con le forme base di Adobe Illustrator.

Creare un nuovo documento e impostare una griglia

Premi Control-N per creare un nuovo documento. Imposta le unità su pixel e inserisci 800 x 600 (larghezza e l'altezza del documento). Nelle Opzioni avanzate, seleziona RGB, Schermo (72 ppi) e assicurati di attivare la casella "Allinea nuovi oggetti in griglia pixel" prima di fare clic su OK.

Attivare la griglia (Visualizza> Mostra griglia) e Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 10 px, quindi premi semplicemente Control-K per andare su Preferenze e in Guide & Grid imposta la Gridline ogni 10 e Sottodivisioni a 4. La griglia ti aiuterà a lavorare in modo semplice e può anche essere abilitata o disabilitata premendo la scorciatoia da tastiera Control-.

Puoi attivare il pannello Informazioni (Finestra> Informazioni) per avere un'anteprima delle dimensioni e della posizione delle tue forme. Ricordarti di impostare l'unità di misura su Pixel da Modifica > Preferenze > Unità. Ciò aumenterà notevolmente la velocità del tuo lavoro.

Disegnare le cuffie

Per prima cosa, iniziamo con un padiglione auricolare in modo che possiamo duplicarlo e quindi creare l'archetto per le nostre cuffie. Assicurati di accendere la griglia in modo da poter lavorare con maggiore precisione e facilità.

Passo 1

Inizia creando il padiglione con un rettangolo di 46 x 132 px utilizzando lo strumento Rettangolo (M). Selezionare # 84EDFF come colore di riempimento e nessun colore per il riempimento del tratto. Nel pannello Trasforma, inserisci 14 px come raggio dell'angolo destro e 2 px come raggio dell'angolo sinistro.

Passo 2

Duplica il rettangolo (Control-C > Control-F) e cambia la sua larghezza in 36 px con lo strumento Selezione (V). Seleziona # 40BDD1 come colore di riempimento e modifica il raggio dell'angolo del lato destro su 10 px.

Passo 3

Duplica l'ultimo rettangolo (Control-C > Control-F) e cambia la sua larghezza a 24 px. Seleziona # 47D2E9 come colore di riempimento e modifica il raggio dell'angolo sinistro a 6 px.

Passo 4

Accanto al padiglione, crea la base del diffusore usando un rettangolo di 4 x 128 px e usa # 5B5B5F come colore di riempimento; quindi imposta il raggio dell'angolo destro su 2 px.

Passo 5

Ora crea l'alloggiamento usando un rettangolo di 24 x 80 px. Seleziona # 363434 come colore di riempimento e modifica il raggio dell'angolo sinistro a 2 px.

Passo 6

Aggiungi un po 'di profondità all'involucro duplicando (Control-C > Control-F) il rettangolo precedente e cambiandone l'altezza a 58 px. Cambia il colore di riempimento in # 3B3939.

Passo 7

Ripeti il ​​passaggio precedente e modifica l'altezza del rettangolo a 50 px. Cambia il colore di riempimento in # 444242.

Passo 8

Ora crea il supporto per l'aggancio dell'altoparlante usando un rettangolo di 20 x 16 px. Seleziona # 4D4A4A come colore di riempimento e modifica il raggio del lato sinistro su 8 px. Duplica il rettangolo (Control-C > Control-F) e sposta verso il basso 2 px usando il tasto freccia della tastiera. Cambia il colore di riempimento in # 3B3B3B e mandalo sotto (Oggetto > Ordina > Porta Sotto).

Passo 9

Crea un rettangolo di 8 x 42 px per la piccola fascia sull'altoparlante / involucro. Imposta il raggio dell'angolo inferiore su 4 px e seleziona # 5B5B5F come colore di riempimento. Duplicalo (Control-C > Control-F) e cambia il colore di riempimento in # 3B3B3B. Sposta il rettangolo verso il basso di 2 px e mandalo sotto (Oggetto > Ordina > Porta Sotto).

Passo 10

Continua con l'archetto piccolo usando un rettangolo di 8 x 10 px. Seleziona # 444242 come colore di riempimento e posiziona il rettangolo come mostrato nell'immagine sottostante.

Passo 11

Ora crea una cerniera usando un cerchio di 16 x 16 px con lo strumento Ellisse (L). Seleziona # 5B5B5F come colore di riempimento e posiziona il cerchio come mostrato nell'immagine sottostante. Duplica l'ellisse e modifica la sua dimensione a 12 x 12 px dal pannello Trasforma. Cambia il colore di riempimento in # 444242.

Passo 12

Continua a disegnare il supporto della fascia usando un rettangolo di 16 x 18 px. Cambia il colore di riempimento in # 444242. Seleziona gli angoli di smusso per gli angoli inferiori e imposta il raggio su 4 px. Manda il rettangolo sotto (Oggetto > Ordina > Porta Sotto).

Passo 13

Crea un nuovo rettangolo di 12 x 20 px e seleziona # 5B5B5F come colore di riempimento. Imposta il raggio dell'angolo inferiore su 6 px. Duplica (Control-C > Control-F) il rettangolo e cambia il colore di riempimento in # 3B3B3B. Mandalo indietro (Oggetto> Ordina > Porta Sotto) e spostalo verso il basso di 2 px.

Passo 14

Creare due rettangoli, uno di 4 x 26 px (# D8D9DD) per la fascia e un altro di 12 x 20 px (# 5B5B5F) come supporto della cinghia. Duplica il primo rettangolo (Control-C > Control-F) e cambia l'altezza in 2 px. Cambia il colore di riempimento in # AEADB3. Seleziona tutto e raggruppalo insieme (Control-G).

Passo 15

Ora, disegneremo la nostra fascia per cuffie. Iniziamo creando un cerchio di 252 x 252 px e selezionando 20 px come larghezza del tratto. Selezionare # 84EDFF come colore del tratto ed eliminare il punto di ancoraggio inferiore del cerchio con lo strumento selezione diretta (A). Espandere il tratto (Oggetto > Espandi ...) e quindi arrotondare leggermente i bordi inferiori della fascia con lo Strumento selezione diretta (A).

Passo 16

Duplica l'archetto (Control-C > Control-F). Imposta la scala su 93% (Oggetto > Trasforma > Scala ..). Usa # 47D2E9 come colore di riempimento. Sposta verso il basso l'archetto duplicato di 6 px, quindi seleziona entrambi i cerchietti e rimuovi la parte rimanente inferiore con lo Strumento di creazione forme (Shift-M).

Passo 17

Seleziona l'altoparlante sinistro, duplicalo (Control-C > Control-F) e riflettilo verticalmente (Oggetto > Trasforma > Rifletti ...). Mettilo solo sul lato destro della fascia.

Disegnare il cavo di alimentazione

Passo 1

Iniziamo con l'ingresso del cavo nell'altoparlante destro. Disegnalo usando un rettangolo di 14 x 20 px e seleziona # 2B2A2A come colore di riempimento. Aggiungi un altro rettangolo di 8 x 16 px per il connettore del cavo. Usa # 545252 come colore di riempimento.

Passo 2

Ora, disegna il cavo con lo strumento Penna (P), usando 4 px come spessore della traccia. Usa # 47D2E9 come colore del tratto. Arrotondare tutti gli angoli con lo strumento selezione diretta (A). Quindi espandere la forma del tratto (Oggetto > Espandi ...) e premere OK. Disattiva Snap to Grid per un momento (Shift-Control- ") per allineare il cavo con il connettore.

Passo 3

Disegniamo il jack usando un rettangolo di 8 x 22 px e il # 545252 come colore di riempimento. Aggiungi un altro rettangolo di 2 x 8 px (# 8A8686). Aggiungi un terzo rettangolo, questo di (# B4B5B8) 4 x 20 px e imposta gli smussi di 2 px negli angoli superiori dal pannello Trasforma. Infine, aggiungi due rettangoli di 4 x 2 px (# 8A8686) e posizionali sopra il jack.

Creare uno sfondo

Passo 1

Iniziamo creando una nota musicale. Per farlo, usiamo un rettangolo di 22 x 12 px, un rettangolo di 4 x 40 px e infine un'ellisse di 20 x 20 px. Utilizzare # 003E57 come colore di riempimento. Collega tutti i moduli e uniscili insieme utilizzando il pulsante Unisci dal pannello Elaborazione tracciati. Girare leggermente tutti gli angoli con lo strumento selezione diretta (A).

Passo 2

Duplica (Control-C > Control-F) la nota musicale quattro volte, ruota le copie e cambia le loro scale usando lo strumento Selezione (V). Posizionali come mostrato nell'immagine qui sotto. Quindi raggruppale e ruotale verticalmente (Oggetto > Trasforma > Rifletti ...) per posizionarle sul lato destro della cuffia.

Passo 3

Infine, crea un rettangolo di 800 x 600 px, delle stesse dimensioni del canvas. Applica un gradiente radiale dal pannello Sfumatura, utilizzando i seguenti colori di riempimento: Colore A: # 1F3B54 Colore B: # 182D40 Ricordati di mandare il rettangolo dietro (fare clic con il tasto destro del mouse su > Disponi > Porta in secondo piano).

Risultato finale

Varianti colore