Come creare un dispositivo Bluetooth con una cover

In questo tutorial imparerai come creare un dispositivo Bluetooth usando alcuni degli strumenti di base trovati in Adobe Illustrator. Per costruire questo fantastico dispositivo utilizzerai gli angoli arrotondati, il percorso offset e il percorso.


Passo 1

Crea un rettangolo di 148 px per 230 px e vai a Effetto> Stilizzazione> Angoli arrotondati, imposta il Raggio su: 40 px, fai clic su OK. Copia e incolla il rettangolo arrotondato usando Control + C seguito da Control + F. Sposta la copia di alcuni pixel verso il basso, apri il pannello Aspetto, fai clic sul layer Round Corners e cambia il Raggio a: 70px, dai un'occhiata alla foto qui sotto per riferimento.


Passo 2

Seleziona entrambe le forme e vai su Oggetto> Espandi Aspetto, quindi apri il pannello Elaborazione tracciati, fai clic sul pulsante Unisci e riempi la nuova forma con il nero.


Passaggio 3

Copia la forma dal passaggio precedente usando Control + C seguito da Control + F, sposta la copia di 7-8 pixel a sinistra, cambia il colore in bianco e vai a Oggetto> Tracciato> Tracciato offset, imposta l'Offset su: 2, 5px, fai clic su OK. Cambia il colore della nuova forma in nero, quindi seleziona entrambe le forme posteriori e vai a Oggetto> Miscela> Rendi (Alt + Control + B).


Passaggio 4

Seleziona la forma che appare sopra le altre forme e vai su Oggetto> Trasforma> Scala, inserisci le seguenti impostazioni: Uniforme, Scala: 98% e fai clic sul pulsante Copia.


Passaggio 5

Crea un rettangolo con una larghezza di 4 px e un'altezza più alta della forma visualizzata nel passaggio precedente. Centrare il rettangolo, quindi creare un altro rettangolo con un'altezza di 3 px e più largo della forma visualizzata nel passaggio precedente, posizionare i rettangoli come mostrato nella figura sotto. Seleziona i due rettangoli che hai appena creato, apri il pannello Pathfinder, fai clic sul pulsante Aggiungi a forma area, quindi seleziona la forma del passaggio precedente e la forma appena visualizzata, apri il pannello Pathfinder e fai clic sul pulsante Minus Front.


Passaggio 6

Seleziona il gruppo con le quattro forme visualizzate nel passaggio precedente, copialo usando Control + C seguito da Control + F e riempi le forme con un Gradiente lineare come mostrato nella figura sotto.


Passaggio 7

Crea un rettangolo nero di 58px per 81px e vai a Effetto> Stilizzazione> Angoli tondi, imposta il Raggio a: 25px, fai clic su OK e vai su Oggetto> Espandi Aspetto e sposta la forma in posizione come mostrato nella figura sotto.


Passaggio 8

Con la forma del passaggio precedente ancora selezionata, vai su Oggetto> Tracciato> Offset Path, imposta l'Offset su: -2px, fai clic su OK, quindi con lo strumento Mesh (U), fai clic sul lato interno della forma in luoghi diversi e correggi i colori come mostrato nell'immagine qui sotto.


Passaggio 9

Crea un'ellisse nera di 135px per 130px in una posizione come mostrato nell'esempio seguente, quindi vai su Oggetto> Tracciato> Tracciato offset, imposta l'Offset su: -3px, fai clic su OK e riempi la forma con un Gradiente lineare come mostrato.


Passaggio 10

Con l'ellisse ancora selezionata, vai su Oggetto> Tracciato> Offset Path, imposta l'Offset su: -2px, fai clic su OK e riempi la forma con un Gradiente lineare con colori dal nero a R: 26 G: 26 B: 26, Angolo: 32 gradi.


Passaggio 11

Con la forma ancora selezionata, vai su Oggetto> Percorso> Offset Path, imposta l'Offset su: -9px, fai clic su OK e riempilo con un gradiente radiale con i colori da R: 102 G: 102 B: da 102 a R: 26 G: 26 B: 26.


Passaggio 12

Abbiamo bisogno di usare di nuovo la stessa tecnica, quindi con la forma del passaggio precedente ancora selezionato, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e riempilo con il nero.


Passaggio 13

Applica un offset alla forma del passaggio precedente. Per fare ciò, seleziona la forma, vai su Oggetto> Tracciato> Offset Path, imposta l'Offset su: -2px, clicca OK e riempilo con R: 26 G: 26 B: 26.


Passaggio 14

Con lo strumento Penna (P), aggiungi delle forme sopra i pulsanti, applica un tratto affusolato bianco da 0,1 px, aggiungi anche le icone necessarie ai pulsanti, dai un'occhiata alla foto qui sotto per riferimento.


Passaggio 15

Crea un cerchio nero 45px per 45px al centro dell'ultima ellisse e vai a Oggetto> Tracciato> Tracciato offset, imposta l'Offset su: -1px, fai clic su OK e riempilo con un gradiente radiale con i colori da R: 102 G: 102 B: da 102 a R: 26 G: 26 B: 26.


Passaggio 16

Applica un offset di -1px all'ultimo cerchio e riempi con R: 26 G: 26 B: 26, dopodiché seleziona tutte le forme del Bluetooth e raggruppale andando su Oggetto> Gruppo.


Passaggio 17

Ora creeremo la copertina per il Bluetooth Crea 3 rettangoli con lo strumento Rettangolo (M), il primo sarà 144 px per 121 px, il secondo 170 px per 176 px e il terzo 177 px per 75 px, intorno agli angoli dei 3 rettangoli con un raggio di: 12px. Sposta i rettangoli in posizione, uno sopra l'altro, come mostrato di seguito e vai a Oggetto> Espandi aspetto. Apri il pannello Pathfinder e fai clic sul pulsante Unite, dai un'occhiata alla foto qui sotto.


Passaggio 18

Con la forma del passaggio precedente selezionato, riempilo con un gradiente lineare con i colori R: 66 G: 66 B: da 66 a R: 91 G: 91 B: 93.


Passaggio 19

Come mostrato di seguito, crea un rettangolo nero 125 px per 240 px sulla forma precedente e arrotonda gli angoli con un Raggio di 7 px.


Passaggio 20

Con la forma ancora selezionata, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -1px, fai clic su OK e riempilo con un gradiente lineare con i colori da R: 85 G: 85 B: da 87 a R: 127 G : 126 B: 132, Angolo: 90.


Passaggio 21

Crea un rettangolo nero da 100 px per 55 pixel, vai su Effetto> Stilizzazione> Angoli arrotondati e imposta il Raggio su: 6px, subito dopo vai a Oggetto> Espandi aspetto e posiziona la forma nella parte inferiore della copertina. Con la forma ancora selezionata, vai su Oggetto> Tracciato> Tracciato offset e imposta l'Offset su: -1px, fai clic su OK. Riempi la forma risultante con un gradiente radiale con i colori R: 127 G: 126 B: da 132 a R: 66 G: 66 B: 66. Seleziona la prima forma creata per la copertina usando Control + C seguito da Control + F e spostalo su tutti gli altri andando su Oggetto> Disponi> Porta in primo piano. Seleziona entrambe le forme che hai creato in precedenza e la forma che hai spostato sulle altre e vai su Oggetto> Maschera di ritaglio> Crea (Control + 7).


Passaggio 22

Usando la stessa tecnica aggiungi le forme mostrate sotto.


Passaggio 23

Creare una forma in una posizione come mostrato nella figura sotto usando lo strumento Penna (P), riempirlo con un gradiente lineare con i colori dal grigio al nero. Applica un'ombra esterna andando a Effetto> Stilizzazione> Sfalsa ombra e inserisci le seguenti impostazioni: Modalità: Normale, Opacità: 30%, X Scostamento: 8px, Scostamento Y: 8px, Sfocatura: 2px, fai clic su OK. Copia la forma usando Control + C seguito da Control + F, ruotalo orizzontalmente e posizionalo sull'altro lato della copertina.


Passaggio 24

Crea un rettangolo di 177 px per 162 px, riempilo con un gradiente lineare come mostrato nella figura qui sotto.


Passaggio 25

Con la forma ancora selezionata, inviarla dietro a tutti gli altri andando su Oggetto> Disponi> Invia a Indietro.


Passaggio 26

Ora seleziona la forma che hai inviato dietro alle altre, vai su Oggetto> Tracciato> Offset Path, imposta l'Offset su: -2,5px, fai clic su OK e cambia il colore in nero.


Passo 27

Crea un rettangolo largo quanto quello del passaggio 24 (in questo caso 177 px) e rendi l'altezza di 32 pixel. Arrotondare gli angoli della forma andando su Effetto> Stilizzazione> Arrotonda angoli, imposta il Raggio su: 6px, fai clic su OK, vai su Oggetto> Espandi Aspetto e riempi la forma con il gradiente dal Passaggio 24. Spostare la forma in posizione e correggere la parte superiore punti del rettangolo, come mostrato di seguito.


Passaggio 28

Con la forma ancora selezionata, copialo usando Control + C seguito da Control + F e riempilo con un gradiente lineare, come mostrato di seguito, e modifica il metodo di fusione da normale a colore scherma.


Passaggio 29

Ora dobbiamo posizionare il dispositivo Bluetooth all'interno del coperchio. Per fare ciò, seleziona il gruppo con le forme del Bluetooth e posiziona il gruppo tra le forme come mostrato nell'immagine sottostante.


Conclusione

Per completare la tua illustrazione, puoi seguire le istruzioni di un tutorial che ho scritto precedentemente per creare un effetto 3D. Sperimenta con diversi valori nelle Opzioni Estrusione e Smusso per trovare un risultato che ti piace. Di seguito sono riportati alcuni modi diversi per mostrare il dispositivo. Spero che tu abbia apprezzato questo tut.